12 2019 档案

前端性能优化 浏览器存储 sessionStorage localStorage
只有注册用户登录后才能阅读该文。
posted @ 2019-12-17 06:45 wzndkj 阅读(8) 评论(0) 推荐(0) 编辑
前端性能优化 浏览器存储 cookie
只有注册用户登录后才能阅读该文。
posted @ 2019-12-12 01:51 wzndkj 阅读(6) 评论(0) 推荐(0) 编辑
前端性能优化 懒加载和预加载
摘要：懒加载 图片进入可视区域之后请求图片资源。对于电商等图片很多，页面很长的业务场景适用。减少无效资源的加载。并发加载的资源过多会阻塞 js 的加载，影响网站的正常使用。 浏览器解析的过程中，遇到image里面有src，他就会去请求 src 里面的资源，在真实场景中，我们希望图片进入可视区域之后，src 阅读全文
posted @ 2019-12-07 15:27 wzndkj 阅读(716) 评论(0) 推荐(0) 编辑
前端性能优化 css和js的加载与执行
摘要：一个网站在浏览器端是如何进行渲染的？ html本身首先会被渲染成 DOM 树，实际上 html 是最先通过网址请求过来的，请求过来之后，html 本身会由一个字节流转化成一个字符流，浏览器端拿的就是字符流，然后通过词法分析之后，将相应的语法分析成相应的 token ，比如说 header token 阅读全文
posted @ 2019-12-06 06:47 wzndkj 阅读(1784) 评论(1) 推荐(0) 编辑
前端性能优化 图片相关的优化
摘要：一张JPG图片的解析过程 jpg 图片实际上在我们的使用过程中是使用 jpg 压缩的一个方式。那他是怎么处理的呢？对于原图片数据的话，首先要进行一个颜色空间的转化，将 rgb 的颜色空间转到其他颜色空间，然后进行重采样，去区分高屏和低屏的颜色变化，从而进一步进行一个 DCT 的过程。对于高屏的颜色进 阅读全文
posted @ 2019-12-03 11:18 wzndkj 阅读(354) 评论(0) 推荐(0) 编辑
前端性能优化 资源合并与压缩
摘要：资源的合并与压缩涉及到的优化点 资源的合并 => 减少http请求数量 资源的压缩 => 减少请求资源的大小。 html压缩 HTML代码压缩就是压缩这些在文本文件中有意义，但是在 HTML 中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如 HTML注释 也可以被压缩。 进行h 阅读全文
posted @ 2019-12-02 20:03 wzndkj 阅读(567) 评论(0) 推荐(0) 编辑
前端性能优化 http请求的过程及潜在的优化点
摘要：CS架构：比如我们的代码开发好，打包成apk，发布到平台，那么最终怎么运行到用户的手机上呢，用户首先需要从相关的应用商城下载这个apk包，并且运行这个 apk 包，那么这个 apk 包就会被解压，最后运行在安卓的操作系统上。实际上对于最终访问的 app 来说呢，他访问的资源在安卓系统本地是有一份的。 阅读全文
posted @ 2019-12-01 16:44 wzndkj 阅读(569) 评论(0) 推荐(0) 编辑
React源码 ReactDOM.render
摘要：在 react 当中，主要创建更新的有三种方式 1、ReactDOM.render || hydrate 这两个api都是要把这个应用第一次渲染到我们页面上面，展现出来整个应用的样子的过程，这就是初始渲染 2、setState 3、forceUpdate ReactDOM.render 需要做哪些事 阅读全文
posted @ 2019-12-01 15:02 wzndkj 阅读(657) 评论(0) 推荐(0) 编辑