随笔分类 -  面试题

摘要:CSS部分: 重绘和回流 水平垂直居中 flex布局 position css3动画 BFC&清除浮动 css预处理器 盒模型 css选择器 响应式布局 实现三角形 移动端适配rem HTML5部分: 新特性 本地存储 语义化 主流框架: Vue:双向数据绑定实现、vuex、路由 React:虚拟d 阅读全文
posted @ 2019-12-12 17:51 落叶无痕~ 阅读(1048) 评论(0) 推荐(0)
摘要:从输入url到显示页面,到底发生了什么(前端角度) 性能优化的目标,就是整体的时间变短 所谓性能优化,就是上面的步骤加载一起,时间尽可能的短,所以基本也有两个大方向 1、少加载文件 2、少执行代码 Image(图片) 图片主要就是压缩和优化 1、大图用jpg 2、svg矢量图 3、webp兼容性(降 阅读全文
posted @ 2019-12-06 11:28 落叶无痕~ 阅读(772) 评论(0) 推荐(0)
摘要:前端性能优化可以分为两大类,分别是 页面级别优化:包含了http请求数以及内联脚本位置优化; 代码级别优化:包含DOM操作优化,CSS选择符优化以及图片优化等。 优化的目的 优化的目的在于让页面加载的更快,对用户操作响应更及时,为用户带来更好的用户体验,对于开发者来说优化能够减少页面请求数,能够节省 阅读全文
posted @ 2019-11-28 10:27 落叶无痕~ 阅读(256) 评论(0) 推荐(0)
摘要:1、如何实现左侧宽度固定,右侧宽度自适应的布局 DOM结构 方法1:float + margin 实现 方法2:利用 calc 计算宽度 方法3:利用 float + overflow 实现 方法4:利用 flex 实现 2、水平居中 若是行内元素,给其父元素设置text-align: center 阅读全文
posted @ 2019-11-26 14:32 落叶无痕~ 阅读(140) 评论(0) 推荐(0)
摘要:1、算法 栈 判断括号成对出现 sdfj(nrg(lj()k)nk)sldjwef 合法 q(wdwf()hknkql(whdq)w) 合法 hk)nqeif)liq(h(flq)wj( 不合法 思路: 括号存在嵌套关系,也存在并列关系 可以遍历字符串的每一个字符,使用栈来处理: (1)遇到左括号, 阅读全文
posted @ 2019-11-13 11:23 落叶无痕~ 阅读(274) 评论(0) 推荐(0)
摘要:1、[单选题] 有以下 ES6 代码 function * gen() { yield 1; yield 2; yield 3; } 下面选项描述正确的是哪个? A.gen()执行后返回 2 B.gen()执行后返回 undefined C.gen()执行后返回一个 Generator 对象 D.g 阅读全文
posted @ 2019-10-18 11:34 落叶无痕~ 阅读(3012) 评论(0) 推荐(0)
摘要:1、谈谈你对vue的生命周期的理解 vue整个生命周期实现了如下内容 vue首先执行_init,此方法在 initMixin中 我们首先需要创建一个vue实例,也就是在 new Vue() 的对象过程中,首先执行了init(init是vue组件里面默认去执行的),在init的过程当中 1、首先初始化 阅读全文
posted @ 2019-08-20 11:38 落叶无痕~ 阅读(537) 评论(0) 推荐(0)
摘要:1、域名解析 域名解析的过程: (1)查询浏览器自身DNS缓存 (2)若上面没有找到,则搜索操作系统自身的DNS缓存 (3)若上面没有找到,则尝试读取hosts文件 (4)若上面没有找到,向本地配置的首选DNS服务器发送请求 (5)win系统 若上面没有找到,操作系统查找NetBIOS name c 阅读全文
posted @ 2018-10-18 17:26 落叶无痕~ 阅读(436) 评论(0) 推荐(0)
摘要:1、浏览器的渲染过程 首先获取html,然后构建dom树 其次根据css构建render树,render树中不包含定位和几何信息 最后构建布局树,布局含有元素的定位和几何信息 2、重构、回流 浏览器的重构指的是改变每个元素外观时所触发的浏览器行为,比如颜色,背景等样式发生了改变而进行的重写构造新外观 阅读全文
posted @ 2018-10-18 14:38 落叶无痕~ 阅读(523) 评论(0) 推荐(0)
摘要:先说说JSONP是怎么产生的: 1、一个众所周知的问题,ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态页面、web服务、WCF,只要是跨域请求,一律不准。 2、不过我们又发现,web页面上调用js文件时则不受跨域的影响(不仅如此,我们还发现凡是拥有“src”这个属性的标签都 阅读全文
posted @ 2018-10-16 22:23 落叶无痕~ 阅读(1316) 评论(0) 推荐(0)