Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 例子： import React, { useState } from 'react'; functi ...

本文目录： 1.前端性能优化思路 2.如何理解回流和重绘？ 3.CDN 是什么？ 4.Webpack性能优化 优化开发体验 ①缩小文件搜索范围 ②DllPlugin可以将特定的类库提前打包然后引入 ③HappyPack 优化输出质量 ①按需 ...

原文： How to write great React How to write great React 写这篇文章源于一个问题：如果我可以提出一条建议，来帮助新开发人员编写好的React，那会是什么？ 我的答案是：用编写整洁函数(cle ...

之前先接触了ElementUI,然后后面又接触了Ant Design，在这里做个对比，希望通过对比这两前端ui框架，能够更加深入的了解和使用这些框架。 表格对比 ...

函数式编程中，常用的函数及使用： 组合函数 （Compose，Pipe） 概念 将需要嵌套执行的函数平铺，嵌套执行是指将一个函数作为参数传递给另外一个函数，主要有以下特点： 第一函数接受参数, 其他函数接受的上一个函数的返回值 第一个函数可 ...

更多个人博客：https://github.com/zenglinan/blog 目录 install 方法 Store 类 State Mutations Actions 小结一下 Modules 闲话不多说，让我们开始实现一个简单的 ...

前端应用的状态管理日益复杂。随着大前端时代的到来，前端愈来愈注重处理逻辑，而不只是专注 UI 层面的改进，而以 React 为代表的前端框架的出现，大大简化了我们编写 UI 界面的复杂度。虽然 React 提供了 State 机制实现状态 ...

引言 React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，Reac ...

引言 我们经常会碰到树形数据结构，比如组织层级、省市县或者动植物分类等等数据。下面是一个树形结构的例子： 树形结构 在实际应用中，比较常见的做法是将这些信息存储为下面的结构，特别是当存在1对多的父/子节点关系时： const data = ...

使用组件的原因: 提高代码可复用性 组件的使用方法 全局注册 HTML: JS: Vue.component(' ...