深圳宝安区实力前几的前端开发培训学校

　　千锋教育-IT职业教育良心品牌。千锋 HTML5 大前端课程颠覆升级：千锋全覆盖企业项目开发前端、中台、后台全流程，真实承接上下游需求，协同协作；项目交叉融合，PC端、移动端、智能终端，各平台功能实现，技能进步看得见；还原企业真实开发场景，从项目立项到部署上线全程参与，不落下每一个开发环节；高验收标准，以真实企业需求要求功能实现，项目无BUG，流畅运行；基础-专业-项目-企业-就业-职后六维全息课程覆盖职场就业与职后发展，助力学员从全栈工程师向架构师进阶，满足不同职业发展需求。

　　入职互联网技术岗位都有一个特点，需要参加面试以及笔试。而这两个过程中都有很多涉及到技术的问题。所以小编为大家整理了部分常见的web前端面试题，并完善了其中答案，希望对求知的小伙伴有所帮助。

　　怎么去设计一个组件封装？

　　1.组件封装的目的是为了重用，提高开发效率和代码质量

　　2.低耦合，单一职责，可复用性，可维护性

　　3.前端组件化设计思路

　　js 异步加载的方式

　　1.渲染引擎遇到 script 标签会停下来，等到执行完脚本，继续向下渲染

　　2.defer 是“渲染完再执行”，async 是“下载完就执行”，defer 如果有多个脚本，会按照在页面中出现的顺序加载，多个async 脚本不能增加加载顺序

　　3.加载 es6模块的时候设置 type=module，异步加载不会造成阻塞浏览器，页面渲染完再执行，可以同时加上async属性，异步执行脚本（利用顶层的this等于undefined这个语法点，可以侦测当前代码是否在 ES6 模块之中）

　　css 动画和 js 动画的差异

　　1.代码复杂度，js 动画代码相对复杂一些

　　2.动画运行时，对动画的控制程度上，js 能够让动画，暂停，取消，终止，css动画不能添加事件

　　3.动画性能看，js 动画多了一个js 解析的过程，性能不如 css 动画好