南通渡课前端程序员必须知道的高性能Javascr1pt知识

营业执照
办学资质
售后服务

+收藏

求学价：面议发布用户：0513qingniao

发布时间：2017-12-20 已有18人浏览报名

开课日期：
随到随学/常年招生
上课时间：
白天班
授课学校：
南通渡课IT教育
授课地点：
南通市崇川区科技园跃龙南路182号数字大厦二楼详细地图
咨询电话：
0513-85347266

课程介绍

这篇文章主要为大家详细介绍了前端程序员必须知道的高性能Javascr1pt知识，更多IT技能以及高端技能解析尽在渡课官网，感兴趣的小伙伴们可以参考一下。
想必大家都知道，JavaScrip是全栈开发语言，浏览器，手机，服务器端都可以看到JS的身影。本文会分享一些高效的Javascr1pt的实践，提高大家对JS的底层和实现原理的理解。
存储
计算机学科中有一个经典问题是通过改变存储的位置来获得读写性能，在Javascr1pt中，存储的位置会对代码性能产生重大影响。 – 能使用{}创建对象就不要使用new Object，能使用[]创建数组就不要使用new Array。JS中字面量的访问速度要高于对象。 – 变量在作用域链中的位置越深，访问所需实践越长。对于这种变量，可以通过缓存使用局部变量保存起来，减少对作用域链访问次数 – 使用点表示法（object.name）和操作符（object[name]）操作并没有太多区别，只有Safari会有区别，点始终更快
循环
在JS中常见的循环有下面几种：

毋庸质疑，这种方式是原生的，性能消耗低，速度也快。第二种方式for-in每次迭代都回产生更多的开销（局部变量），它的速度只有它的1/7 第三种方式明显提供了更便利的循环方式，但是他的速度只有普通循环的1/8。所以可以根据自己项目情况，选择合适的循环方式。
事件委托
试想一下页面上每一个A标签添加一个事件，我们会不会给每一个标签都添加一个onClick呢。当页面中存在大量元素都需要绑定同一个事件处理的时候，这种情况可能会影响性能。每绑定一个事件都加重了页面或者是运行期间的负担。对于一个富前端的应用，交互重的页面上，过多的绑定会占用过多内存。一个简单优雅的方式就是事件委托。它是基于事件的工作流：逐层捕获，到达目标，逐层冒泡。既然事件存在冒泡机制，那么我们可以通过给外层绑定事件，来处理所有的子元素出发的事件。

重绘与重排
浏览器下载完HTMl，CSS，JS后会生成两棵树：DOM树和渲染树。当Dom的几何属性发生变化时，比如Dom的宽高，或者颜色，position，浏览器需要重新计算元素的几何属性，并且重新构建渲染树，这个过程称之为重绘重排。

上述方式修改三个属性，浏览器会进行三次重排重绘，在某些情况下，减少这种重排可以提高浏览器渲染性能。推荐方式如下，只进行一次操作，完成三个步骤：

Javascr1pt加载
IE8，Firefox3.5，Chrome2都允许必行下载Javascr1pt文件。所以<scr1pt>不会阻塞其他标签下载。遗憾的是，JS下载过程依然会阻塞其他资源的下载，比如图片。尽管新的浏览器通过允许并行下载提高了性能，但是脚本阻塞任然是一个问题。因此，推荐将所有的<scr1pt>标签放在<body>标签的底部，以尽量减少对整个页面渲染的影响，避免用户看到一片空白

标签：

软件开发前端开发 UI设计

显示全部

学校介绍

南通渡课IT教育

认证机构

黄金会员5年

查看信用档案

学校人气度：2674

站内注册：
2015-08-03
课程总数：
共96个
主营业务：
IT教育
咨询老师：
邱老师

渡课 IT 教育的初创团队成立于 2006 年，致力于培养符合时代要求的高新 IT 技术人才。通过十余年的发展，已具备丰厚的软件开发类学科教研和培养能力。自 2012 年开始，团队先后打造了包括视觉设计类课程（UI 设计、电商平面设计等）、企业自媒体营销课程、大数据云计算课程、人工智能算法课程等。形成了在软件开发、视觉设计、企业信息化管理、大数据人工智能等 4 个核心版块的主力产品结构。同时，我们展开了青少年编程实践课程的开发，旨在完成 IT 教育的整体布局，形成多位一体的 IT 人才培养。

随着互联网时代不断的迭代变更，自信息时代，到后来的互联时代，再到移动互联，以及未来的人工智能时代，我们勇于探索时代对于人才的需求，也秉承“教育同步时代发展”的创变精神，于 2018 年初正式推出“渡课 IT 教育”品牌战略、希望“渡课”能成为一叶轻舟，引领着学子，“渡”到人生精彩的彼岸。我们承载着知识的力量，把握着时代发展的方向标，用我们的实践和对教育的崇敬，用心做好一名“摆渡人”的角色。

10余年来，渡课IT教育荣获全国“较佳教学质量奖”、“较佳就业质量奖”等多个奖项，是南通市政府指定软件人才培养基地、南通大学指定学生实训基地、南通十佳服务外包企业、南通十佳园区服务明星企业、国家崇川科技园服务外包人才培养基地联盟单位。

累计培养软件开发类人才 4306 名，南通地区企业直接输送 60%，其余 40%主要输送长三角，以上海苏州为主。累计培养设计类人才 2200 名，南通地区企业直接输送 80%，其余20%主要输送长三角，以上海苏州为主。累计 28 次进行企业专项课程培训。南通地区累计就业合作企业 316 家，其中科技类企业占 7 成，软件开发类企业占半数以上。自 2015 年开始拓宽其他省市的就业市场，先后与上海 20 余家企业建立了长期的人才对接服务合作。

进入学校主页