该文被密码保护。 阅读全文
摘要：
浏览器（或者相应播放器）的渲染/重绘原理 Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验 简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的： 1. 用户输入网址（假设是个html页面， 阅读全文
摘要：
概述 浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种： HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求 阅读全文
摘要：
1、安装Kibana https://www.elastic.co/cn/downloads/kibana 2、在 Kibana的根目录执行 ./bin/kibana 3、访问： http://localhost:5601/app/dev_tools#/console?_g=() 阅读全文
摘要：
具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con 阅读全文
摘要：
React Hook 相关文章 写React Hooks前必读 react-hooks如何使用？ 如何处理浏览器的断网情况？ 玩转react-hooks,自定义hooks设计模式及其实战 五个大型项目实战总结，解密React Hooks最佳实践方式 「react缓存页面」从需求到开源（我是怎么样让产 阅读全文
摘要：
转载： https://www.jianshu.com/p/5d6de52f7b57 react-styleguidist是一个基于JSDOC可以帮助react项目快速构建项目文档的一个插件。 一、简单入门 1.1 环境准备 准备一个新鲜的react项目(非必需) npx create-react- 阅读全文
摘要：
文章转载于：https://www.cnblogs.com/rynxiao/p/9538058.html 为什么引入CSS Modules 或者可以这么说，CSS Modules为我们解决了什么痛点。针对以往我写网页样式的经验，具体来说可以归纳为以下几点： 全局样式冲突 过程是这样的：你现在有两个模 阅读全文
摘要：
env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量： safe-area-inset-left：安全区域距离左边边界的距离 safe-area-inset-right：安全区域距离右边边界的距离 safe-area-ins 阅读全文
摘要：
示例： const Exposure = (props: IExposure) => { const [hasAsyncData, SetHasAsyncData] = useState(false); useEffect(() => { if (props.asyncData) { SetHasA 阅读全文