云淡风轻

摘要： grunt官网：http://www.gruntjs.org/一、安装grunt先安装node，在http://www.nodejs.org/可以下载安装包直接安装。在命令行下运行：npm install -g grunt-cli即可安装grunt。二、创建项目创建web项目：my-project-... 阅读全文

摘要： 在HTML页面中插入Javascript的主要方法，就是使用浏览器会立即加载并执行指定的脚本，“立即”指在渲染该script标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。二、当浏览器解析到script脚本，有async时：浏览器会立即下载脚本，但不妨碍页面中的其他操作，... 阅读全文

摘要： 一直以来，各种JS最佳实践都会告诉我们，将JS放在HTML的最后，即之前，理由就是：JS会阻塞下载，而且，在JS中很有可能有对DOM的操作，放在HTML的最后，可以尽可能的保证JS的执行在DOM加载完成之后。而如果放在onload事件中执行，如果页面有很多图像，那么页面的onload事件要过很久才会... 阅读全文

摘要： 同源策略Ajax的一个限制是同源策略（same origin policy），它要求所有请求必须来自同一个域名、子域名，并且地址的端口也应当一致。主要原因是处于安全考虑：因为当一个ajax请示被发送，所有的请求都会附带主域的cookie信息一起发送。也就是说，对于远程服务来讲，请求如果是来自于登陆后... 阅读全文

摘要： html中元素分为行内元素和块级元素。采用margin或者float来使元素居中，是比较常见的方法。margin:0 auto只能用于块级元素，不能使行内元素居中。参考知乎上为什么「margin:auto」可以让块级元素水平居中？，margin：0 auto，是左右外边距自适应，水平方向的 auto... 阅读全文

摘要： hasLayout定义haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用 了 hasL... 阅读全文

摘要： seajs 2.2.1在config文件中preload一次jquery，就可以在整个项目中使用jquery。如下：seajs.on('exec', function(module) { if (module.uri === seajs.resolve('jquery')) { win... 阅读全文

摘要： 这几天用jquery写了两个轮播的插件，功能很简单。第一次尝试写插件，有很多不足的地方，代码如下：注：图片链接请替换掉，配置信息必须加上图片width和height。 轮播动画 1 2 3 4 ... 阅读全文

摘要： CSS视觉格式化模型（visual formatting model）是用来处理文档并将它显示在视觉媒体上的机制。这是CSS 2.1的一个基础概念。视觉格式化模型根据CSS盒模型为文档的每个元素生成0，1或多个盒。每个盒的布局由如下内容组成：盒尺寸：明确指定，受限或没有指定盒类型：块级盒（block-level box），行内级别盒（inline-level box），行内盒（inline-box)，原子行内级别盒（atomic inline-level box）定位方案（position scheme）：常规流（normal flow），浮动或绝对定位（包括absolute和fixed）文档 阅读全文

摘要： Javascript与HTML之间的交互是通过事件实现。一、事件流事件，是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流，描述的是页面中接受事件的顺序。IE9，chrome，Firefox，Opera，Safari均实现了DOM2级规范中定义的标准DOM事件，而IE8和IE8以下版本仍然保留专有的事件处理方式。事件冒泡事件冒泡是由IE开发团队提出来的，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级向上传播。 Event Bubbling Example 当用户点击了元素，c... 阅读全文