课程关键词：上海网页前端培训 上海网页前端培训班 上海网页前端培训学校

( 学果网 ) 专业课程顾问干老师，tel：137-6487-7732，QQ号：2290-425-711，课程咨询微信：ffeduhaha
高级WEB网页前端工程师精品班
1.静态网页设计(送) ：DW、FW、PS、AI实现制作出精美的静态页面设计
2.Web前端HTML5+CSS3：熟练掌握各种 HTML 标签，能够手动快速完成各种页面的编写；
完成各种页面样式的定义和编写，baozheng浏览器兼容xing，实战项目及阶段考核
3.Web前端JavaScript交互：核心语法、BOM与DOM操作、事件编程、正则表达式、面向对象编程、错误处理、Ajax技术、JQuery、JQuery项目实战
4. Web前端整站项目实训：规划设计、首页项目、详情页设计、购物页面设计
5.移动端开发：H5高级功能、CSS3动画详解、Bootstrap、webAPP开发、微信公众号开发
6.就业指导：心态与服务、商务礼仪、毕业设计、行业分析、面试技巧、实习工作等
认zhengzheng书：《网络设计师》、《Web前端工程师》 
周期：全日制4个月；业余制10个月 384课时
..................................................................................................................
网页前端知识分享之如何评价页面的xing能：
前端页面的xing能一直都是一个热议的话题，从老早的“军规”开始我们就一直在关注页面的xing能问题。
在前面巨人们的身后每个人也有自己的一些页面xing能的经验，本文主要是介绍如何评估页面加载完成之后的xing能。
浏览器如何渲染一个页面
先附上一张图片：
这是在网上找的一张图，虽然是用来描述 performance 的 API 但是也很好的描述了浏览器是怎么处理一个页面渲染的。
这是我们在 PC 时代考虑的浏览器xing能，主要在服务端响应、文档下载、文档渲染三个阶段，xing能优化大部分也集中在这三个阶段。针对这部分的监控、分析非常的普遍了，在JSTracker 上也有这个数据的分析。
为什么刚才说 PC 时代呢，除了这些指标作为前端还有需要关注的什么xing能呢？
页面加载之后的操作体验！（注：这里的加载之后近似在 onLoad 之后）
页面操作的流畅度
在 PC 的 CPU 越来越牛逼、内存越来越大的时候，前端的代码复杂度也在上升。
以往我们都默认认为只要资源加载好了、只要资源加载快了那么我们的页面xing能就是棒棒哒的，现在不再是这样。
这里涉及到两个问题：
PC 端的 CPU xing能、内存的xing能虽然很高了，但是前端代码也更复杂了；
除了 PC，还有无线端；
于是我们的xing能指标多了一项：页面流畅度。
页面流畅度如何感知
卡顿的感受会在很多地方出现，比如：
你在逛某个页面的时候愉快的的滚动鼠标滚轮，但是页面会突然的顿一下。
你在打开手机上直接访问 PC 页面（或者 H5 页面）的时候，发现浏览器就像死掉了一样。
拿两个 PC 页面来感受一下卡顿：
页面 1：http://codepen.io/taobaofed/pen/jbeQbN
页面 2：http://codepen.io/taobaofed/pen/JYmeYJ
很明显页面 1 比页面 2 卡顿很多。
卡顿就是这样的感觉，但是怎么来衡量这个卡顿的程度呢？
总不能让用户直接说吧，就像上面的两个页面：有人开心的时候会说都很流畅，要是不开心的时候他会说两个都有点卡顿。这样的评价太主观了。
如何客观的度量页面卡顿程度
首先要知道页面为什么会卡顿呢？
我们还是以上面两个页面做比较，看看浏览器里面的 Timeline



联系我时请说明是在培训招生网看到的，谢谢！