只有注册用户登录后才能阅读该文。 阅读全文
摘要：
懒加载 图片进入可视区域之后请求图片资源。对于电商等图片很多，页面很长的业务场景适用。减少无效资源的加载。并发加载的资源过多会阻塞 js 的加载，影响网站的正常使用。 浏览器解析的过程中，遇到image里面有src，他就会去请求 src 里面的资源，在真实场景中，我们希望图片进入可视区域之后，src 阅读全文
摘要：
一个网站在浏览器端是如何进行渲染的？ html本身首先会被渲染成 DOM 树，实际上 html 是最先通过网址请求过来的，请求过来之后，html 本身会由一个字节流转化成一个字符流，浏览器端拿的就是字符流，然后通过词法分析之后，将相应的语法分析成相应的 token ，比如说 header token 阅读全文
摘要：
一张JPG图片的解析过程 jpg 图片实际上在我们的使用过程中是使用 jpg 压缩的一个方式。那他是怎么处理的呢？对于原图片数据的话，首先要进行一个颜色空间的转化，将 rgb 的颜色空间转到其他颜色空间，然后进行重采样，去区分高屏和低屏的颜色变化，从而进一步进行一个 DCT 的过程。对于高屏的颜色进 阅读全文
摘要：
资源的合并与压缩涉及到的优化点 资源的合并 => 减少http请求数量 资源的压缩 => 减少请求资源的大小。 html压缩 HTML代码压缩就是压缩这些在文本文件中有意义，但是在 HTML 中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如 HTML注释 也可以被压缩。 进行h 阅读全文
摘要：
CS架构：比如我们的代码开发好，打包成apk，发布到平台，那么最终怎么运行到用户的手机上呢，用户首先需要从相关的应用商城下载这个apk包，并且运行这个 apk 包，那么这个 apk 包就会被解压，最后运行在安卓的操作系统上。实际上对于最终访问的 app 来说呢，他访问的资源在安卓系统本地是有一份的。 阅读全文
摘要：
在 react 当中，主要创建更新的有三种方式 1、ReactDOM.render || hydrate 这两个api都是要把这个应用第一次渲染到我们页面上面，展现出来整个应用的样子的过程，这就是初始渲染 2、setState 3、forceUpdate ReactDOM.render 需要做哪些事 阅读全文
摘要：
1、memo react 16.6 推出的 api ，他的用意是给 function component 也有 PureComponent 这样一个类似的功能，因为我们知道 PureComponent 提供了 class component 的组件类型，在 props 没有变化的情况下，他可以不重新 阅读全文
摘要：
children是什么意思呢？就是我们拿到组件内部的props的时候，有props.children这么一个属性，大部分情况下，我们直接把 props.children 渲染到 JSX 里面就可以了。很少有情况我们需要去操作这个 children 。 但是如果一旦你需要去操作这个 children 阅读全文
摘要：
我们先初步了解下 hooks，使用 useState 和 useEffect。 /** * 必须要react和react-dom 16.7以上 */ import React, { useState, useEffect } from 'react' export default () => { c 阅读全文