Mr_Riven - 博客园

2020年4月6日

摘要：大致可以分为如下7步：输入网址；发送到DNS服务器，并获取域名对应的web服务器对应的ip地址；与web服务器建立TCP连接；浏览器向web服务器发送http请求； web服务器响应请求，并返回指定url的数据（或错误信息，或重定向的新的url地址）；浏览器下载web服务器返回的数据及解析阅读全文

posted @ 2020-04-06 16:06 Mr_Riven 阅读(259) 评论(0) 推荐(0)

网页前端性能优化的方式有哪些？

摘要： 1.压缩 css, js, 图片 2.减少 http 请求次数，合并 css、js 、合并图片（雪碧图） 3.使用 CDN 4.减少 dom 元素数量 5.图片懒加载 6.静态资源另外用无 cookie 的域名 7.减少 dom 的访问（缓存 dom） 8.巧用事件委托 9.样式表置顶、脚本置低阅读全文

posted @ 2020-04-06 15:59 Mr_Riven 阅读(234) 评论(0) 推荐(0)

常见的浏览器内核有哪些？

摘要：主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲阅读全文

posted @ 2020-04-06 15:57 Mr_Riven 阅读(364) 评论(0) 推荐(0)

2020年4月4日

汇编语言--cpu的工作原理（寄存器）--手稿

摘要： 03 阅读全文

posted @ 2020-04-04 19:42 Mr_Riven 阅读(240) 评论(0) 推荐(0)

对于 vue3.0 特性你有什么了解的吗？

摘要： Vue 3.0 的目标是让 Vue 核心变得更小、更快、更强大，因此 Vue 3.0 增加以下这些新特性：（1）监测机制的改变3.0 将带来基于代理 Proxy 的 observer 实现，提供全语言覆盖的反应性跟踪。这消除了 Vue 2 当中基于 Object.defineProperty 的实阅读全文

posted @ 2020-04-04 10:58 Mr_Riven 阅读(639) 评论(0) 推荐(0)

你有对 Vue 项目进行哪些优化？

摘要：（1）代码层面的优化 v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key，且避免同时使用 v-if 图片资源懒加载路由懒加载当打包构建项目时，JavaScript包会变的非常打，影响页面加载。如果我们能把不同路阅读全文

posted @ 2020-04-04 10:46 Mr_Riven 阅读(992) 评论(0) 推荐(0)

vue 中的 key 有什么作用？

摘要： key 是为 Vue 中 vnode 的唯一标记，通过这个 key，我们的 diff 操作可以更准确、更快速。 Vue 的 diff 过程可以概括为： oldCh 和 newCh 各有两个头尾的变量 oldStartIndex、oldEndIndex 和 newStartIndex、newEndIn 阅读全文

posted @ 2020-04-04 10:18 Mr_Riven 阅读(1240) 评论(0) 推荐(0)

虚拟 DOM 实现原理？

摘要：虚拟 DOM 的实现原理主要包括以下 3 部分：用 JavaScript 对象模拟真实 DOM 树，对真实 DOM 进行抽象； diff 算法 — 比较两棵虚拟 DOM 树的差异； pach 算法 — 将两个虚拟 DOM 对象的差异应用到真正的 DOM 树。阅读全文

posted @ 2020-04-04 10:06 Mr_Riven 阅读(1678) 评论(0) 推荐(0)

虚拟 DOM 的优缺点？

摘要：什么是虚拟dom用js模拟一颗dom树,放在浏览器内存中.当你要变更时,虚拟dom使用diff算法进行新旧虚拟dom的比较,将变更放到变更队列中, 反应到实际的dom树,减少了dom操作. 虚拟DOM将DOM树转换成一个JS对象树,diff算法逐层比较,删除,添加操作,但是,如果有多个相同的元素,可阅读全文

posted @ 2020-04-04 09:57 Mr_Riven 阅读(7379) 评论(0) 推荐(1)

Vue 怎么用 vm.$set() 解决对象新增属性不能响应的问题？

摘要：受现代 JavaScript 的限制，Vue 无法检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化，所以属性必须在 data 对象上存在才能让 Vue 将它转换为响应式的。但是 Vue 提供了 Vue.set (object, propert 阅读全文

posted @ 2020-04-04 09:31 Mr_Riven 阅读(1308) 评论(0) 推荐(0)

Mr Riven

代码改变世界

公告