react
文章平均质量分 83
王三麻子
前端菜鸟!
展开
-
从编程中的context来说react - context(16.x)
从编程中的context来说react - context(16.x)编程上的contextwhat is context ?从语文的角度理解从编程的角度理解react - context何时使用context使用 context, 我们可以避免通过中间元素传递 propsAPI注意事项拓展参考资料:编程中什么是「Context(上下文)」?.react - context官方文档.Re...原创 2019-10-12 16:52:22 · 430 阅读 · 0 评论 -
react渲染机制(虚拟DOM,diff算法)
前言react的特点之一,就是通过虚拟DOM技术与diff算法的结合,网页性能的极大提高。在页面开始的时候,React会调用render函数构建一颗Dom树,在组件的props/state改变时,React会再次调用render函数构建一颗虚拟DOM树,与原来的DOM树用diff算法来进行比较,得到DOM结构变化的部分,然后将变化部分操作到真实DOM中。整个过程都是在内存中进行,因此减少了对DOM...原创 2018-05-24 22:35:14 · 1327 阅读 · 0 评论 -
react 组件的生命周期(组件渲染过程)--- part1
写在开头,官方文档请移步:点击打开链接react组件在生命周期里大概有三种情况:初次渲染:组件第一次在dom树种渲染。重新渲染:状态更新导致再次渲染。卸载:组件从dom中删除在写三种渲染情况之前,先来说下常用的八大生命周期(16.3之前)1.componentWillMount()执行场景 在 render() 之前解释因为componentWillMount是在render之前执行,所...原创 2018-06-08 00:04:43 · 3512 阅读 · 0 评论 -
react 组件的生命周期(组件渲染过程)--- part2
6.componentWillUpdate执行场景在shouldComponentUpdate之后,或是接收到新的props或者state注意事项组件初始化时不会调用此组件 禁止此生命周期内调用this.setState() 如shouldComponentUpdate()内返回false,则不会执行此生命周期7.componentDidUpdate执行场景在shouldCo...原创 2018-08-23 23:10:40 · 308 阅读 · 0 评论 -
react基础UI组件设计构建
前端组件化从早期的jquery组件化,到ng1的driective再到ng2的components,react的components,以及 W3C Web Components 标准和其他的框架或者类库, 无一不是前端组件化的一种实现和探索。所以在前端组件化横行,三大框架一手遮天的今天,组件构建显得更为重要。在传统的jquery组件化开发时,jq组件是结构,样式和交互分离的,分别对...原创 2018-08-24 01:02:43 · 636 阅读 · 0 评论 -
前端测试 - 静态类型检测(Flow, TypeScript)
静态类型检测1.概念先要分清楚,强类型和弱类型、静态类型和动态类型是两组不同的概念,类型强弱是针对类型转换是否显示来区分,静态和动态类型是针对类型检查的时机来区分。静态类型语言和动态类型语言得核心区别在于,静态类型语言(statically-typed languages)会在编译时(compile time)进行类型检查,而动态语言(dynamically-typed)则是在运行时进...原创 2018-10-12 18:14:23 · 2253 阅读 · 0 评论 -
前端测试
1.什么是测试测试是一种验证我们的代码是否可以按预期工作的方法。换句话说就是写一些代码来验证一段代码是否能得到预期设计代码时所期望的结果。被测试对象可以是样式,功能,流程,组件等。2.前端测试的意义(这里主要指单元测试)1.检测出一些潜在的bug。2.快速反馈功能输出,验证代码是否达到预期。3.保证代码重构的安全性(可参考测试用例达到的效果来进行对应的重构)。4.方...原创 2018-11-16 15:02:31 · 4670 阅读 · 1 评论