![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端面试题
门门men
玩命敲码中
展开
-
canvas面试题
canvas原创 2022-08-18 22:28:35 · 1732 阅读 · 0 评论 -
前端面试题问答
CSS中那些属性可以继承?答:[A] 字体属性:font-family,font-size,font-style,font-variant,font-weight,font;可继承ps: font-size继承的是计算后的实际值[B] 文本属性:可以继承:word-spacing;letter-spacing;text-align;text-transform;text-indent;line-height不可继承:text-decoration;ve.原创 2021-04-28 10:05:25 · 125 阅读 · 0 评论 -
前端面试题
1、说说你对 SPA 单页面的理解,它的优缺点分别是什么?答:点我2、v-show 与 v-if 有什么区别?答:点我3、Class 与 Style 如何动态绑定?答:点我4、怎样理解 Vue 的单向数据流?答:点我5、computed 和 watch 的区别和运用的场景?答:6、直接给一个数组项赋值,Vue 能检测到变化吗?答:7、谈谈你对 Vue 生命周期的理解?答:8、Vue 的父组件和子组件生命周期钩子函数执行顺序?答:9、在哪个生命周期内调用异步请求?答:10、原创 2021-04-27 12:05:02 · 186 阅读 · 0 评论 -
对于即将到来的 vue3.0 特性你有什么了解的吗?
监测机制的改变3.0 将带来基于代理 Proxy的 observer 实现,提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制;只能监测属性,不能监测对象检测属性的添加和删除;检测数组索引和长度的变更;支持 Map、Set、WeakMap 和 WeakSet。模板模板方面没有大的变更,只改了作用域插槽,2.x 的机制导致作用域插槽变了,父组件会重新渲染,而 3.0 把作用域插槽改成了函数的方式,这样只会影响子原创 2021-04-27 12:02:50 · 175 阅读 · 0 评论 -
虚拟 DOM
虚拟 DOM 的优缺点?虚拟 DOM 是什么?虚拟DOM就是为了解决浏览器性能问题而被设计出来的。虚拟DOM本质上是JavaScript对象,是对真实DOM的抽象 状态变更时,记录新树和旧树的差异最后把差异更新到真正的dom中.虚拟DOM的作用:使用原生js或者jquery写页面的时候会发现操作DOM是一件非常麻烦的一件事情,往往是DOM标签和js逻辑同时写在js文件里,数据交互时不时还要写很多的input隐藏域,如果没有好的代码规范的话会显得代码非常冗余混乱,耦合性高并且难以维护。另外一方面在原创 2021-04-27 11:52:44 · 144 阅读 · 0 评论 -
Proxy 与 Object.defineProperty 优劣对比
Proxy的优势如下:Proxy可以直接监听对象而非属性;Proxy可以直接监听数组的变化;Proxy有多达13种拦截方法,不限于apply、ownKeys、deleteProperty、has等等是Object.defineProperty不具备的;Proxy返回的是一个新对象,我们可以只操作新的对象达到目的,而Object.defineProperty只能遍历对象属性直接修改;Proxy作为新标准将受到浏览器厂商重点持续的性能优化,也就是传说中的新标准的性能红利;Object.defin转载 2021-04-27 11:40:00 · 989 阅读 · 0 评论 -
组件中 data 为什么是一个函数?
因为,如果**data是一个对象则会造成数据共享**,在多次使用该组件时,改变其中一个组件的值会影响全部该组件的值。而如果是通过函数的形式返回出一个对象的话,在每次使用该组件时返回出的对象的地址指向都是不一样的,这样就能让各个组件的数据独立。...原创 2021-04-27 11:24:43 · 3579 阅读 · 0 评论 -
Vue 的双向数据绑定原理是什么?
Vue 的双向数据绑定原理是什么?vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty()来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。具体步骤:第一步:需要 observe 的数据对象进行递归遍历,包括子属性对象的属性,都加上 setter 和 getter这样的话,给这个对象的某个值赋值,就会触发 setter,那么就能监听到了数据变化第二步:compile 解析模板指令,将模板中的变量替原创 2021-04-27 10:10:31 · 102 阅读 · 0 评论 -
HTTP中的强制缓存和协商缓存
HTTP协议的缓存机制包含两种类型,强制缓存(本地缓存) 协商缓存(对比缓存):浏览器的缓存它有个本地磁盘,它对用户访问的记录资源保存下来,当一个用户再次访问同一个页面的情况下它会从缓存里去读取资源;优点浏览器缓存主要有以下几个优点:减少重复数据请求,避免通过网络再次加载资源,节省流量。降低服务器的压力,提升网站性能。加快客户端加载网页的速度, 提升用户体验。强制缓存强制缓存:它不用向服务器发送请求,它直接可以从缓存里面读取资源;协商缓存协商缓存:它会向服务器发送请求,包括reque原创 2021-04-27 10:09:49 · 496 阅读 · 0 评论 -
一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。
一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。图片懒加载,滚动到相应位置才加载图片。图片预加载,如果为幻灯片、相册等,将当前展示图片的前一张和后一张优先下载。使用 CSSsprite,SVGsprite,Iconfont、Base64 等技术,如果图片为 css 图片的话。如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验。Vue 的双向数据绑定原理是什么?vue.js 是采用数据劫持结合发布者原创 2021-04-27 09:54:31 · 498 阅读 · 0 评论 -
前端面试题题题题题
html CSSpch5新增的属性亮点websocketweb wokerservice woker盒模型亮点怪异盒模型标准和模型响应式布局亮点自己实现栅格系统视口BFC移动端300ms延时不同的手机根据什么适配1像素弹性盒JSES5原型原型链面向对象闭包闭包作用域this指向ES6新特性数组常用方法promise异步宏任务微任务并发实现一个多并发怎么操作给两个接口’/api’ ‘/user’,问使用并发怎么实现数据返回,同时启用两原创 2021-03-31 19:43:06 · 128 阅读 · 1 评论