Web前端：学习Web前端开发时有哪些技术点

作者:前端大佬更新于： 2020-03-24 20:17:00

　　性能优化(Optimize)，简而言之，就是在不影响系统运行正确性的前提下，使之运行地更快，完成特定功能所需的时间更短。

　　学习web前端开发时有哪些技术点

　　现在学前端的人是越来越多，学习质量也是参差不齐。过来人的身份告诉你，如果你还没有下定决心花时间去学习Web前端，那也可以先找些视频学习下，Web前端开发有哪些常见技术点!接下来，就看看Web前端开发有哪些常见技术点!

　　1、你有哪些性能优化的方法?

　　(1)减少http请求次数：CSSSprites,JS、css源码压缩、图片大小控制合适;网页Gzip，CDN托管，data缓存，图片服务器。

　　(2)前端模板JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数

　　(3)用innerHTML代替DOM操作，减少DOM操作次数，优化Javascript性能。

　　(4)当需要设置的样式很多时设置className而不是直接操作style。

　　(5)少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。

　　(6)避免使用CSSExpression(css表达式)又称Dynamicproperties(动态属性)。

　　(7)图片预加载，将样式表放在顶部，将脚本放在底部加上时间戳。

　　2、什么叫优雅降级?

　　优雅降级：Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。

　　3、什么叫渐进增强

　　渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用。

　　其实，对于web前端这种技术型的岗位，比起纸上谈兵的理论，需要更多的是项目实战经验。

　　CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。