现在学前端的人是越来越多，学习质量也是参差不齐。过来人的身份告诉你，如果你还没有下定决心花时间去学习web前端，那也可以先找些视频学习下，web前端开发有哪些常见技术点!接下来，就看看web前端开发有哪些常见技术点!
(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)图片预加载，将样式表放在顶部，将脚本放在底部加上时间戳。
优雅降级：web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于ie独特的盒模型布局问题，针对不同版本的ie的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。
渐进增强：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用。
其实，对于web前端这种技术型的岗位，比起纸上谈兵的理论，需要更多的是项目实战经验。
如对本文有疑问， 点击进行留言回复！！
offset、client、scroll (width,height、left,top、X,Y)
我要评论
网友评论