课程目标 理解纯函数 熟练掌握组件性能优化的几种技巧 pureComponent和Component的区别 #知识点 一个函数的返回结果只依赖于它的参数，并且在执行过程里面没有副作用，我们就把这个函数叫做纯函数 函数的返回结果只依赖于它的参数 函数执行过程里面没有副作用 const a = 1 co ...
分类：
其他好文 时间：
2020-12-18 13:22:50
阅读次数：
4
第九单元(propTypes验证) #课程目标 理解类型验证的必要性 灵活掌握类型验证的使用 #知识点 在给react组件传属性的的时候，我们可以定义属性的类型，此时我们需要下载prop-types这个库。 安装prop-types npm install prop-types -S 1 引入和使用 ...
分类：
其他好文 时间：
2020-12-18 13:21:33
阅读次数：
4
Vue和Angular、React都是前端框架 1、单页面框架 2、基于模块化组件化的开发模式 Vue简单 灵活 高效 国内的中小企业里面用的非常多 前端技术薪资介绍 Html5+Css3+Jquery PC端 移动端静态页面 6k-8k Angular 、 Vue 、React 10k+ Node ...
分类：
其他好文 时间：
2020-12-18 12:38:58
阅读次数：
2
模拟 对于我们的程序来说，从 API 获取一些数据是很常见的。但是它可能由于各种原因而失败，例如 API 被关闭。我们希望测试可靠且独立，并确保可以模拟某些模块。我们把 ToDoList 组件修改为智能组件。 app/components/ToDoList.component.js import r ...
前言 最近在学 react，看到 react-redux 这里，刚开始觉得一脸懵逼，后面通过查阅相关资料和一些对源码的解释，总算有点头绪，今天在这里总结下。 类似于 vue，React 中组件之间的状态管理 第三方包为：react-redux。react-redux 其实是 Redux的官方Reac ...
分类：
其他好文 时间：
2020-12-16 12:48:51
阅读次数：
3
react官方文档 1 元素渲染 const element = <h1>Hello, world!</h1>; ReactDOM.render( element, document.getElementById('example') ); 2 jsx 以下两种示例代码完全等效： const ele ...
分类：
其他好文 时间：
2020-12-16 12:43:17
阅读次数：
2
const { Button } = antd; const { PoweroffOutlined } = icons; class App extends React.Component { state = { loadings: [], }; enterLoading = index => { ...
分类：
其他好文 时间：
2020-12-16 11:37:45
阅读次数：
3
Progressive Web Apps (PWAs) 由于Web Apps缺少native apps的功能（例如发送推送通知，脱机工作以及在主屏幕上加载的功能）。现在浏览器和Web技术有了改进，现在Web Apps可以利用所有这些功能。利用这些功能的应用程序称为Progressive Web Ap ...
分类：
移动开发 时间：
2020-12-15 12:46:04
阅读次数：
7
目前前端三杰 Angular、react、vue 都推介单页面应用 SPA 开发模式，在路由切换时替换 DOM Tree 中最小修改的部分 DOM，来减少原先因为多页应用的页面跳转带来的巨量性能损耗。它们都有自己的典型路由解决方案，@angular/router、react-router、vue-r ...
分类：
其他好文 时间：
2020-12-15 12:33:10
阅读次数：
2
业务使用 // 使用虚拟列表 const virtualComponents = useVirtualTable({ height: 350 // 设置可视高度 }) const components = useMemo(() => { return { body: { wrapper: virtu ...
分类：
其他好文 时间：
2020-12-15 12:23:17
阅读次数：
3
