您现在的位置：首页
--> WEB前端开发
事件触发器就是用来触发某个元素下的某个事件，IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。
一般我们在元素上绑定事件后，是靠用户在这些元素上的鼠标行为来捕获或者触发事件的，或者自带的浏览器行为事件，比如click，mouseover，load等等，有些时候我们需要自定义事件或者在特定的情况下需要触发这些事件。这个时候我们可以使用IE下fireEvent方法，高级浏览器（chrome,firefox等）有dispatchEvent方法。
!!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;因为javascript是弱类型的语言（变量没有固定的数据类型）所以有时需要强制转换为相应的类型。
JavaScript由于同源策略的限制,跨域通信一直是棘手的问题。当然解决方案也有很多：
document.domain+iframe的设置，应用于主域相同而子域不同；
利用iframe和location.hash，数据直接暴露在了url中，数据容量和类型都有限
Flash LocalConnection， 对象可在一个 SWF 文件中或多个 SWF 文件间进行通信， 只要在同一客户端就行，跨应用程序， 可以跨域。
window.name 保存数据以及跨域 iframe 静态代理动态传输方案，充分的运用了window.name因为页面的url改变而name不改变的特性。
IE8+新增了一个获取的文档兼容性模式属性——documentMode。一般的获取文档兼容模式可以这么写....
唉，基本功不扎实，昨天在微博上问了个问题，就匿名函数中undefined形参，不知道是干什么用的。 经常看到这样的匿名函数代码： ;(function ( $, window, document, undefined ){ //函数体内具体代码 })(jQuery, window,document); 一般在很多jQuery插件中可以看到这类的代码。首先说说非常值得提倡的几点： 代码最前面的分号，可以防止多个文件压缩合并以为其他文件最后一行语句没加分号，而引起合并后的语法错误。 匿名函数(function(){})();：由于Javascript执行表达式是从圆括号里面到外面，所以可以用圆括号强制执行声明的函数。避免函数体内和外部的变量冲突。 $实参:$是jquery的简写，很多方法和类库也使用$,这里$接受jQuery对象，也是为了避免$变量冲突，保证插件可以正常运行。
组合还是继承，这是一个问题 ——由模式谈面向对象的原则之多用组合、少用继承 刚刚接触模式或者学习模式的人，经常会有这样的问题，为什么模式是成功的呢？很多人都会说模式是经验的积累，当然是正确的。可是经验为什么偏偏就证明了这种模式是正确的呢？这其中起用作的就是面向对象的基本原则。正是因为模式都或多或少的符合了面向对象的基本原则，所以模式才成为我们面向对象的设计和编码过程中不败的法则。那么什么是面向对象的基本原则呢？这就是我们将要一一讲到的问题。 单纯的讲到一个个的原则，就是那么的寥寥几句，非常的简单，但又是非常抽象的，难以理解。怎么办？ 任何的理论，只要有生动的例子来讲解或证明，就能极大的帮助理解。
前段时间做了项目，在前端实现中频繁的操作cookie，记录几点供大家参考！ cookie操作在前端开发过程中经常遇到，当然如果只是用来存储一些简单用户数据，还是比较简单的，我们要做的可能只是设置cookie名，值，过期时间等，读取也只要根据cookie的名读取相应的cookie值就可以了。在复杂的应用中，光这些肯定就不够了。 cookie的属性 除了name(名)和value(值)，cookie还有以下一些可选属性，用来控制cookie的有效期，作用域，安全性等： expires属性 指定了cookie的生存期，默认情况下cookie是暂时存在的，他们存储的值只在浏览器会话期间存在，当用户退出浏览器后这些值也会丢失，如果想让cookie存在一段时间，就要为expires属性设置为未来的一个用毫秒数表示的过期日期或时间点，expires默认为设置的expires的当前时间。
闲着无聊看了jQuery event部分的代码，发现一个小惊喜，嘿嘿，可能我奥特曼了。以下一jQuery 1.4.4版本说事，更高级版本稍有不同，但是关系不大。 jQuery 在元素上绑定事件的时候，会在该元素上添加一个自定义属性“evens”，这个属性包含了通过jQuery绑定事件的事件集合。
以前也写过类似的实现方案《用css的border属性实现三角》、《Tip中小三角的实现》。两种方法都是类似的方法： 利用 border 来实现2个三角形 将三角形叠在一起，实现一个类似的效果。 今天在小鱼的博客上看到了据说的终极方案。貌似很强大的样子，推荐一下。
ECMAScript中的所有的类都由Object类继承而来,Object类中的所有属性和方法都会出现在其他类中。这里介绍几个Object类相关的属性，方法和操作符； 1.Prototype属性 Prototype — 通过构造函数而创建的对象实例的原型对象.所有的类,默认返回 Object 对象的一个实例，原型对象可以让所有的对象实例共享它的属性和方法。例子见下面几个例子。 2.constructor属性 一个函数创建的时候就会js引擎就会自动为这个函数创建一个prototype属性，默认情况下，prototype属性会自动获取一个constructor属性，这个属性包含一个指向prototype属性所在函数的指针，也就是构造函数。
用过jQuery的朋友一定对jQuery中方法的链式调用印象深刻，貌似现在很多库都支持了方法的链式调用,比如YUI3等。链式调用是一个非常不错的语法特性，能让代码更加简洁、易读。很多时候链式调用可以避免多次重复使用一个对象变量。
用过jQuery的朋友一定对jQuery中方法的链式调用印象深刻，貌似现在很多库都支持了方法的链式调用,比如YUI3等。链式调用是一个非常不错的语法特性，能让代码更加简洁、易读。很多时候链式调用可以避免多次重复使用一个对象变量。今天有人在群里说起javascript链式调用，写了几个简单的实现方式共大家参考一下。
早些天写过了类的实现，接着我们看看的静态类的实现。这东西在Javascript里用得会非常的频繁，因为针对现在的网页，多个基于同一个类对象的页面不多，往往不同块对象的交互就可以解决问题了，这就需要在JS针对元素定义几个静态类就可以完事了，进入正题。
最近在几个群上经常看到有人问在一个类里的一个 function 怎么调用 this. 定义后公开的方法。现发一篇类实现的随笔。 首先说说类，在一个类里我们会有以下的几个特征： 1. 公有方法 2. 私有方法 3. 属性 4. 私有变量 5. 析构函数 我们直接看一个例子： /***定义类***/ var Class = function(){ var _self = this;//把本身引用负值到一变量上 var _Field = "Test Field"; //私有字段 var privateMethod = function(){ //私有方法 alert(_self.Property); //调用属性 } this.Property = "Test Property"; //公有属性 this.Method = function(){ //公有方法
JavaScript 中通过call或者apply用来代替另一个对象调用一个方法，将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。简单的说就是改变函数执行的上下文，这是最基本的用法。两个方法基本区别在于传参不同。 call(obj,arg1,arg2,arg3);call第一个参数传对象，可以是null。参数以逗号分开进行传值，参数可以是任何类型。 apply(obj,[arg1,arg2,arg3]);apply第一个参数传对象，参数可以是数组或者arguments 对象。
最近做一个项目，需要javascript动态插入样式，结果以前的方法失效了！查了2个小时的原因竟然是自己手贱，这个最后再说！ javascript插入样式在前端开发中应用比较广泛，特别是在修改前端表现和页面换肤的时候。最近做的这个任务是用户在别人的站点上点击一个按钮，就会在别的站点页面下插入一个脚本，执行，这其中包含了样式的插入。 一般情况下javascript动态插入样式有两种，一种页面中引入外部样式,在中使用标签引入一个外部样式文件，另一种是在页面中使用
上周在微博上看到这样一条微博： 这个setStyle方法确实避免了mydiv.style.xxx这种写法大量重复的代码，确实代码简洁了不少，也很直观，但是这里还有一个问题，如果设置的样式一多，重复操作DOM无法避免，销毁原样式并重建都会增加浏览器的开销。我们可以先生成一个样式字符串，再一次性设置样式，这样可以尽量避免页面reflow。
• 漫话产品设计
很有意思的几幅和产品设计相关的漫画，分享一下： 1.鱼饵就应当符合鱼儿的胃口，而不是钓鱼者 第一次看到这幅漫画就笑了：画的不就是做产品的我们嘛~ 花了不少成本、人力、时间，把自己看起来都颇诱人的鱼饵(x产品x功能)抛到鱼塘(网站)里，满心欢喜地守着盼着等着念着：“鱼儿鱼儿快上钩~”鱼儿们来到网站，先是看到一个庞然大物，一晕；然后满世界找熟悉的功能，未遂，...
1. 取整同时转成数值型： ’10.567890′|0 结果: 10 ’10.567890′^0 结果: 10 -2.23456789|0 结果: -2 ~~-2.23456789 结果: -2 2. 日期转数值： var d = +new Date(); //1295698416792 3. 类数组对象转数组： var arr = [].slice.call(arguments) 4. 漂亮的随机码： Math.random().toString(16).substring(2); //14位 Math.ran...
javascript是一门神奇的语言，这没神奇的语言中有一个神奇的加操作符。 常用的加操作符我们可以用来做： 加法运算，例如：alert(1+2); ==>3 字符串连接，例如：alert(“a”+”b”);==>”ab” 高级一点的还有“+=”，也是做以上两种操作的。 昨天在javascript丛林群里问了问题：怎么把“2000-09-11 19:22”这个日期格式字符串转换成毫秒数？ 斩梦人天天马上回答我： +new Date(’2000-09-11 19:22′)，试了一下不...
近3天十大热文
-
[739] WEB系统需要关注的一些点 -
[18] 移动音乐产品梳理
-
[17] 豆瓣是啥？
-
[16] 哪本书是对程序员最有影响、每个程序员都该阅读
-
[15] 内存的惰性初始化
-
[15] Chrome开发者工具的小技巧
-
[14] 修改系统最大文件句柄数
-
[13] 一张图帮你看懂 iPhone 的屏幕分辨率
-
[12] 浅谈Web安全验证码
-
[12] sns视觉设计分享
赞助商广告
