这就是你日思夜想的 React 原生动态加载 在 React 16.6 版本中，新增了 React.lazy 函数，它能让你像渲染常规组件一样处理动态引入的组件，配合 webpack 的 Code Splitting，只有当组件被加载，对应 ...

在整个流程上的优化 在 HTML 内实现 Loading 态或者骨架屏； 去掉外联 css； 缓存基础框架 - HTTP 缓存资源； 使用动态 polyfill； 使用 SplitChunksPlugin 拆分公共代码； 正确地使用 Web ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...

转载自https://overreacted.io/zh-hans/why-do-we-write-super-props/ 据说 Hooks 势头正盛，不过我还是想略带调侃地从 class 的有趣之处开始这篇博客。可还行？ 这些梗对于使 ...

这是我第21篇简书。 主播你懂vue吗？讲的啥啊，一句也听不懂... 咳咳，进入正题。 源码知识图谱 Vue3新增了 Performance：性能更强，比Vue 2.0快了接近2倍。 Tree shaking support：可以将无用模块 ...

js为什么是单线程？ 主要是因为最开始javascript是单纯的服务于浏览器的一种脚步语言（那时候没有nodejs）。浏览器是为了渲染网页，通过dom与用户交互，如果一个线程需要给dom执行click事件，而另一个进程要删除这个dom，这 ...

Web 浏览器无疑是用户访问互联网最常见的入口。浏览器凭借其免安装和跨平台等优势，逐渐取代了很多传统的富客户端。 Web 浏览器通过向 URL 发送网络请求来访问 Web 服务器资源，并以交互性的方式展示这些内容。基本操作包括获取、处理、显 ...

vuejs-logo.png 组件生命周期(Lifecycle) <meta name="vie ...

数据驱动 Vue.js 的核心思想就是数据驱动。那么什么是数据驱动呢? 数据驱动就是视图由数据决定，数据作为主动。如我们谈到TDD 测试驱动开发，也就是以测试为主动开发。只要我们定义好了视图与数据的关系，那么我们前端开发人员就可以更专注数据 ...

创建项目详细步骤 一、 创建项目并上传到github： 1. npm i create-react-app -g 全局安装react脚手架 2. create-react-app react-demo 创建一个名为react-demo的 ...