前端常见面试题
文章平均质量分 85
很多时候在网上查找一些面试题感觉越看越懵,所以自己总结了一些面试题希望能帮助大家
19岁的墨先生
这个作者很懒,什么都没留下…
展开
-
前端面试题总结----
前端面试题总结原创 2020-11-04 20:41:00 · 1631 阅读 · 1 评论 -
Vue 中 Object.defineProperty 与 Proxy 实现双向绑定的原理
实现双向绑定的三要素响应式: 如何监听数据变化模板引擎: 如何解析HTML代码渲染: 如何将监听到的数据变化和解析后的HTML进行渲染一、Object.defineProperty通过 Object.defineProperty监听对象属性的改变实例定义的属性,vue 内部通过 Object.defineProperty重新定义,生成 Observer// 实例定义的属性const obj = { message: '哈哈哈', name: 'jack'}// vue原创 2020-10-13 19:35:28 · 542 阅读 · 0 评论 -
HTTP与HTTPS
http 与 https原创 2020-09-27 15:47:55 · 824 阅读 · 0 评论 -
webpack面试题2020汇总-------
webpack是什么?webpack与grunt、gulp的不同?webpack中什么是chunk?什么是bundle?Webpack 五个核心概念分别是什么?有哪些常见的Loader?它们是解决什么问题的?有哪些常见的Plugin?它们是解决什么问题的?webpack的构建流程是什么?webpack的热更新是什么?如何利用webpack来优化前端性能?npm打包时需要注意哪些?如何利用webpack来更好的构建?hash、chunkhash、contenthash三者的区别?1.原创 2020-09-27 15:25:58 · 5642 阅读 · 0 评论 -
CSS 隐藏属性 -- display:none、visibility:hidden、opacity:0三者的区别
一、空间占据display:none 不会占据额外空间,会产生重排(回流)和重绘visibility:hidden和opacity:0 会占据空间,只会产生重绘visibility:hidden 不会影响列表的计数<ol> <li>元素1</li> <li style=" visibility:hidden">元素2</li> <li>元素3</li></ol>// 1.元素1//原创 2020-09-27 14:03:57 · 1509 阅读 · 0 评论 -
什么是异步?Promise、Generator、async之间的区别
异步的含义异步(async)是相对于同步(sync)而言的同步是一件事一件事的执行。只有前一个任务执行完毕,才能执行后一个任务当JS引擎顺序执行到一个异步任务时,会把这个任务挂起,继续执行后面的代码,等到异步任务返回了结果,再执行下去setTimeout 就是一个异步任务console.log(1)setTimeout(() => { console.log(2)}, 1000)console.log(3)// 1// 3// 2在执行到setTimeout的时候,J原创 2020-09-11 22:22:27 · 1609 阅读 · 0 评论 -
Promise原理详解及实现方式
在异步编程中,许多操作都会放在回调函数(callback)中,有时候需要拿到上一个异步操作的返回值再做第二次请求比如:asyncOperation(data => { // 处理 `data` anotherAsync(data2 => { // 处理 `data2` yetAnotherAsync(() => { // 完成 }) })})上面代码中,每增加一个异步请求,就会多添加一层回调函数的嵌套,过多的回调原创 2020-09-11 14:16:11 · 8360 阅读 · 0 评论 -
浏览器原理及性能优化
一、网络方面减少http请求: 合并js文件/合并css文件/雪碧图的使用(css sprite)/使用base64表示简单的图片减小资源体积:gzip压缩/js混淆/css压缩/图片压缩二、渲染和DOM操作方面优化网页渲染: css的文件放在头部,js文件放在尾部或者异步、尽量避免內联样式避免空的src和href: 如果为空,浏览器渲染的时候会把当前页面的URL作为它们的属性值DOM操作优化: 避免在document上直接进行频繁的DOM操作、使用classname代替大量的内联样式修原创 2020-09-09 17:55:41 · 1012 阅读 · 2 评论