11 2020 档案

前端优化之JS的开销与如何缩短解析时间
摘要：相同大小的JS代码和一个图片文件的加载，JS文件是比图片的加载要慢很多的。因为JS代码有一个编译和解析的过程。图片的解码与绘制是很快的。 js的加载过程可能会造成阻塞，此时即使用户看到了页面，但是却无法进行交互。 1.如何从代码层面上进行优化： 外部第三方的JS文件： Code splitting 阅读全文
posted @ 2020-11-17 14:08 俄罗斯方块 阅读(568) 评论(0) 推荐(0) 编辑
现代浏览器网页渲染原理简介
摘要：0.为什么要理解浏览器的工作原理 为了写出更好的代码和提供更好的用户体验 简化的浏览器结构图： 用户界面 用于展示除标签页窗口之外的其他用户界面的内容 浏览器引擎 用于再用户界面和渲染引擎之间传递数据 渲染引擎（重点，常称为浏览器的内核） 负责渲染用户请求的页面内容 下面还有很多小的功能模块 内核使 阅读全文
posted @ 2020-11-17 11:31 俄罗斯方块 阅读(246) 评论(0) 推荐(0) 编辑
前端调试之瀑布流
摘要：1.network下的单个瀑布流（单个资源加载） 通过控制台下的瀑布流可以大致看到单个网络资源的加载时机以及加载时长。一个网络资源的请求不是一个单一的下载的过程。中间还经过了很多的过程。鼠标悬浮在单个瀑布条上可以查看详细的信息 对于用户来说最为直观的影响因素是TTFB（请求发出去到请求回来），这里如 阅读全文
posted @ 2020-11-16 18:11 俄罗斯方块 阅读(418) 评论(0) 推荐(0) 编辑
vue使用路由元信息实现指定页面的权限访问
摘要：实际开发中肯定会有需要用户登录才能查看固定页面的需求。在vue中可以通过vue的全局守卫与路由的元信息实现访问权限的控制 1.添加元信息 在某个需要登录才能查看的页面路由添加自定义元信息： routes: [ { path: '/create', name: 'create', component: 阅读全文
posted @ 2020-11-15 20:30 俄罗斯方块 阅读(354) 评论(0) 推荐(0) 编辑
VUE3响应式
摘要：1.vue2的响应式 3和2的响应式原理不同，既然3修改了实现响应式的方法，那2的响应式的肯定是有缺陷的。所以需要先了解一下2的响应式： Vue2官方网站对响应式的解释 主要的思想在于： 2的响应式主要实现由Object.defineProperty实现，当你把一个普通的 JavaScript 对象 阅读全文
posted @ 2020-11-04 11:43 俄罗斯方块 阅读(285) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示