心素如简，人淡如菊。

摘要： 1、匿名函数中 this一般指向window对象2、闭包函数中的this，指向windowvar mod = { init: function(){ console.log('this',this); var aa = function(){... 阅读全文

摘要： http://www.jb51.net/article/21168.htm页面具有 DTD（或者说指定了 DOCTYPE）时，使用 document.documentElement。做页面的时候可能会用到位置固定的层，读取 document.body.scrollTop 来设置层的位置，像这样：­w... 阅读全文

摘要： 1、offsetX,offsetY:是event的属性，非DOM元素的属性含义：设置或者是得到鼠标相对于目标事件的父元素的位置，从父元素的边框位置计算起。IE中的属性， 经测试新版的chrome 、FF都支持（测试环境 chrome43 FF34）2、pageX，pageY是event的属性，非DO... 阅读全文

摘要： 获取节点如script标签的src属性时，针对非IE6,IE7可以直接使用src属性，但在IE6-7中存在问题，可以借助getAttribute方法getAttribute（attr,iflag）iflag 取值：0： 属性不区分大小写，但是返回一个被修改的值1：区分大小写，必须严格和属性名匹配才能... 阅读全文

摘要： SeaJS 中的模块默认都遵守 CMD 规范，但现实中已存在大量普通 JavaScript 类库，比如 jQuery、Underscore 等。使用 shim 插件，可以将这些普通 JS 文件转换成 CMD 模块，从而能在 SeaJS 中正常使用。seajs.config({ plugins: [... 阅读全文

摘要： JavaScript主要包括三部分：1、ECMAScript： JavaScript的核心，仅仅是一个描述，定义了脚本语言的所有属性，方法和对象。具体地，ECMAscript描述了以下内容： 语法、类型、语句、关键字、保留字、运算符、对象每个浏览器都有它自己的 ECMAScript 接口的实现，然后... 阅读全文

摘要： 1、DOM访问与修改的优化：DOM访问是有代价的，修改DOM则会引起DOM的重绘与重排，而这两种操作会消耗性能。（1）缓存DOM：将频繁访问的对象或属性使用变量缓存起来，每次访问的时候，直接使用变量，而不是再次去访问DOM。（2）减少重绘与重排： 批量修改：使用文档片段documentFragme... 阅读全文

摘要： 已知正六边形的中心点和边长，求各顶点的坐标，给出相关算法。利用正六边形的特殊性：1、中心点与各顶点连线构成正三角形2、各顶点落在一个圆上思路：找到一种特殊情况，上下2个顶点连线与y轴平行，其他情况的正六边形可以看做是这个特殊状态的六边形在圆周上的旋转如下图所示： 阅读全文

摘要： 前端框架的理解误区 网站的价值在于它能为用户提供什么价值，在于网站能做什么，而不在于它是怎么做的，所以在网站还很小的时候就去追求网站的架构框架是舍本逐末，得不偿失的。前端框架同理，如果是一个简单的页面型产品，应用只是依赖服务器来生成Web页面和视图，并且只需要使用一些简单的Javascript或者... 阅读全文

摘要： 1、mouseover：会在鼠标进入该元素或者该元素的子元素时触发mouseenter：只在鼠标进入该元素时触发mouseout：在鼠标移出该元素或则该元素的子元素时触发mouseleave：只在鼠标离开该元素时触发所以在整个过程中，mouseenter mouseleave只触发一次。over和o... 阅读全文