前端
烧煤的快感
github地址:https://github.com/gh877916059?tab=repositories
展开
-
React hook && 函数组件相关
React hook && 函数组件相关Hook 是 React 16.8 的新增特性,函数组件每次调用其生产的hook类型、顺序、数量应该都是一致的。不然会报错uncaught Invariant Violation: Rendered more/less hooks than during the previous render.1.useStateimport { useState } from 'react';const [columns, setColumns] = use原创 2020-07-03 23:36:02 · 1066 阅读 · 0 评论 -
React底层原理
React底层原理1.react合成事件react在事件处理上具有如下特点:1.几乎所有的事件代理(delegate)到document,达到性能优化的目的2.对于每种类型的事件,拥有统一的分发函数dispatchEvent3.事件对象(event)是合成对象(SyntheticEvent),不是原生的合成事件与原生事件混用时,需要注意。例如存在如下的业务场景: 点击input框展示日历,点击文档其他部分,日历消失,代码如下:var React = require('react');var原创 2020-07-03 23:35:06 · 4843 阅读 · 2 评论 -
浏览器渲染 && 卡顿排查
浏览器渲染 && 卡顿排查一、浏览器进程与线程Chrome浏览器使用多个进程来隔离不同的网页,在Chrome中打开一个网页相当于起了一个进程,每个tab网页都有由其独立的渲染引擎实例。一个页面进程一般包括以下线程:GUI 渲染线程GUI渲染线程负责渲染浏览器界面HTML元素,当界面需要重绘(Repaint)或由于某种操作引发回流(reflow)时,该线程就会执行。JavaScript引擎线程JS为处理页面中用户的交互,以及操作DOM树、CSS样式树。但为了避免因为引入了原创 2020-07-03 23:30:28 · 2707 阅读 · 0 评论 -
webpack打包知识点总结
webpack打包1.webpack 是一个模块打包工具,能够从一个需要处理的 JavaScript 文件开始,构建一个依赖关系图(dependency graph),该图映射到了项目中每个模块,然后将这个依赖关系图输出到一个或者多个 bundle 中。2.关键概念:entry:项目入口module:开发中每一个文件都可以看做 module,模块不局限于 js,也包含 css、图片等chunk:代码块,一个 chunk 可以由多个模块组成loader:模块转化器,模块的处理器,对模块进行转换处理原创 2020-07-03 23:11:51 · 236 阅读 · 0 评论