本文是根据多份关于web前端面试试题抽取的企业面试时用到最多的一些试题，仅供参考。 web前端高频面试试题含答案 - 传智播客 怎么去设计一个组件封装？ 组件封装的目的是为了重用，提高开发效率和代码质量 　2.低耦合，单一职责，可复用性，可维护性 　3.前端组件化设计思路 js 异步加载的方式 渲染引擎遇到 script 标签会停下来，等到执行完脚本，继续向下渲染 defer 是“渲染完再执行”，async 是“下载完就执行”，defer 如果有多个脚本，会按照在页面中出现的顺序加载，多个async 脚本不能保证加载顺序 加载 es6模块的时候设置 type=module，异步加载不会造成阻塞浏览器，页面渲染完再执行，可以同时加上async属性，异步执行脚本（利用顶层的this等于undefined这个语法点，可以侦测当前代码是否在 ES6 模块之中） css 动画和 js 动画的差异 代码复杂度，js 动画代码相对复杂一些 动画运行时，对动画的控制程度上，js 能够让动画，暂停，取消，终止，css动画不能添加事件 动画性能看，js 动画多了一个js 解析的过程，性能不如 css 动画好 XSS 与 CSRF 两种跨站攻击 xss 跨站脚本攻击，主要是前端层面的，用户在输入层面插入攻击脚本，改变页面的显示，或则窃取网站 cookie，预防方法：不相信用户的所有操作，对用户输入进行一个转义，不允许 js 对 cookie 的读写 csrf 跨站请求伪造，以你的名义，发送恶意请求，通过 cookie 加参数等形式过滤 我们没法彻底杜绝攻击，只能提高攻击门槛

Continue reading

js 面试题搜罗, 一些代码段 js 面试题搜罗 ES6 /////////////////////////////// // from page-82 // try-p82-keys var obj ={ a:1, b:2, }; Object.setPrototypeOf(obj,{ c:3, }); console.log(Object.keys(obj)); // ["a", "b"] console.log(JSON.stringify(obj)); // {"a":1,"b":2} var keys1 =[]; for(let key in obj)keys1.push(key); console.log(keys1); // ["a", "b", "c"] var keys2 =[]; for(let key in Object.assign({},obj))keys2.push(key); console.log(keys2); // ["a", "b"] /////////////////////////////// 逻辑 /////////////////////////////// // 逻辑 a=1 b=2 不使用第三个变了量交换a,b // var a = 1, b = 2; // // 最牛逼的 // a = [b,b=a][0] // 0使用临时变量 - low // var t = a // a = b // b = t // 1 // a = a + b // b = a - b // a = a - b // 2-1 // a = a^b //a^=b // b = b^a //b^=a // a = a^b //a^=b // 2-2 // a = (b^=a^=b)^a; // 3 // a = {a: b,b: a} // b = a.

Continue reading