高性能
美美王子
翩若惊鸿
展开
-
高性能Js—加载及执行
Js文件加载和执行单线程概念:浏览器使用单一线程处理UI渲染和js脚本执行(只触发一次)问题:等待js文件下载、解析、执行,UI渲染和用户界面刷新被阻塞(异步方式解决)关键:文件加载、文件执行、UI渲染和用户交互 场景: js放头部:阻塞下载、执行和UI渲染(页面空白、用户无法浏览页面、无法交互)多个js文件放在一起:每个js下载都会发生延时(利用加载工具合并为一个js文件);下载等待原创 2017-08-08 14:44:46 · 364 阅读 · 0 评论 -
高性能Js—数据存取
数据存取JavaScript中四中基本的数据存取位置字面量:不存于某个变量内本地变量:var定义的数组元素对象成员字面量、全局变量读取速度 > 数组项、对象成员 。因为局部变量存在于作用域链的起始位置作用域作用域链 函数创建——作用域中的scope属性(内部属性对象)——集合——作用域链(即函数创建后,内部的可访问数据对象在访问时填充而成)标识符解析 对变量在作用域中的搜索过程原创 2017-08-08 17:20:18 · 308 阅读 · 0 评论 -
高性能Js—快速响应的用户界面
线程浏览器UI线程:基于队列系统Worker:在UI线程之外运行的代码 每一个Web worker——有一个自己的执行环将。异步用户交互——>任务添加进队列——>UI线程执行;js运行时,不会更新UI; 不会像UI队列中添加交互时产生的新任务——>失去响应,挂起、假死;浏览器使用单一线程公用于执行JavaScript和更新用户界面。总结任何JavaScript任务都不应该执行超过10原创 2017-08-10 17:29:10 · 368 阅读 · 0 评论