摘要:
先看一下网页的加载流程: 1.解析html结构2.加载外部脚本和样式表文件3.解析并执行脚本(脚本会阻塞页面的加载)4.DOM树构建完成 (DOMContentLoaded)5.加载图片等外部文件6.页面加载完毕 (load事件) THE WAY: 减少请求数量、减小请求大小 减少请求数量1.将小图 阅读全文
摘要:
node的glob模块允许你使用 *等符号, 来写一个glob规则,像在shell里一样,获取匹配对应规则的文件. 这个glob工具基于javascript.它使用了 minimatch 库来进行匹配 用法: 首先下载glob包: npm install glob 调用格式: "globs" 就是模 阅读全文
摘要:
一:what's this? 柯里化: 是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术。其实,柯里化就是用闭包原理实现函数参数的合并,然后再运行函数。 上面的代码,需要注意的是 storedArgs = slice.cal 阅读全文
摘要:
javascript与HTML之间的交互是通过事件来实现的。事件,就是文档或浏览器窗口发生的一些特定的交互瞬间。通常大家都会认为事件是在用户与浏览器进行交互的时候触发的,其实通过javascript我们可以在任何时刻触发特定的事件,并且这些事件与浏览器创建的事件是相同的。 通过createEvent 阅读全文
摘要:
一:BFC是什么东东 了解BFC前先一了解一下Box和Formatting Context (1)B: BOX即盒子,页面的基本构成元素。分为 inline 、 block 和 run-in 三种类型的BOX (2)FC: Formatting Context是W3C的规范中的一种概念。它是页面中的 阅读全文
摘要:
DOM: <form id="clueForm" class="insert-dialog" action="/xxx/xxx"method="post" enctype="multipart/form-data" target="hidFrame"> <a href="javascript:voi 阅读全文
摘要:
1.I/O密集的地方尽量不要用require。(require是同步I/O操作) eg:正在运行一个HTTP服务器,如果在每个进入的请求上都用了require,就会遇到性能问题。所以通常在程序最初加载时才能使用require和其他同步操作。 2.exports 和 module.exports (1 阅读全文
摘要:
ECMAScript 5: setter和getter的使用方式: 1.set/get: 2.Object.defineProperty 对于setter和getter的使用场景: 1.私有变量 OR 2.数据绑定 (MVxx等框架的原理) 模板中每个指令/数据绑定都有一个对应的 watcher 对 阅读全文
摘要:
AMD 规范在这里:https://github.com/amdjs/amdjs-api/wiki/AMDCMD 规范在这里:https://github.com/seajs/seajs/issues/242 AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 阅读全文
摘要:
图1-10是DNS域名解析的主要请求过程实例图。 如图1-10所示,当一个用户在浏览器中输入www.abc.com时,DNS解析将会有将近10个步骤,这个过程大体描述如下。当用户在浏览器中输入域名并按下回车键后, 第1步: 浏览器会检查缓存中有没有这个域名对应的解析过的IP地址,如果缓存中有,这个解 阅读全文