前端面试
文章平均质量分 66
zhutou1280
这个作者很懒,什么都没留下…
展开
-
CSS面试题目整理
CSS 盒模型CSS 盒模型是一个盒子,盒子包裹 HTML 元素,盒子由 4 个属性组成,content、padding、border、margin。标准模型:width、height 是 content。IE 模型:border+padding+content 构成 width 和 height。设置方式:box-sizing 属性。CSS 样式优先级!impotant > style > id > class什么是 BFCBFC 是 Block Format Conte原创 2022-03-13 21:29:42 · 184 阅读 · 0 评论 -
浏览器面试题整理
浏览器网页生成过程构建 dom 树解析 CSS,构建 CSSOM 树结合 CSS 和 CSSOM 树,生成一棵渲染树(Render Tree)布局阶段生成 LayoutTree分层生成 LayerTreePaint 绘制阶段栅格化(raster)操作合成与展示什么是重排和重绘?重排(也称回流)当 DOM 的变化影响了元素的几何信息(DOM 对象的位置和大小),浏览器需要重新计算的几何属性,将其安放在界面中的正确位置,这个过程叫做重排。触发条件:添加或者删除可见的 DOM原创 2022-03-13 21:31:58 · 1663 阅读 · 0 评论 -
前端工程化
webpack 配置基本使用:entry、plugin、output、module常见 webpack loaderfile-loaderbabel-loaderurl-loadersass-loadercss-loaderstyle-loader常见 webpack pluginplugin 是插件,在 webpack 允许的生命周期中会广播出许多事件,plugin 可以监听这些事件。html-webpack-plugin: 简化 html 创建clean-webpack-pl原创 2022-03-13 21:31:25 · 999 阅读 · 0 评论 -
手写系列面试题整理
防抖函数防抖关注一定时间连续触发,只在最后执行一次,而函数节流侧重于一段时间内只执行一次。//定义:触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。//搜索框搜索输入。只需用户最后一次输入完,再发送请求//手机号、邮箱验证输入检测 onchange oninput 事件//窗口大小 Resize。只需窗口调整完成后,计算窗口大小。防止重复渲染。const debounce = (fn, time) => { let timer = nul原创 2022-03-13 21:30:54 · 880 阅读 · 1 评论 -
js面试题目整理
for in 和 for of 的区别for in 是 es5 的标准,用来遍历的是 key,仅适用于数组。for of 是 es6 的标准,用力遍历可迭代对象的 value。js 的数据类型null、undefined、boolean、object、number、string、BigInt、Symbol。typeof 返回值用于判断数据类型,返回值主要有 string、boolean、number、function、object、undefinedinstanceofinstanceof原创 2022-03-13 21:28:52 · 1441 阅读 · 0 评论