- 博客(10)
- 收藏
- 关注
原创 从编程中的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
380
原创 AST抽象语法树
1.概念抽象语法树(abstract syntax code,AST)是源代码的抽象语法结构的树状表示。这里特指编程语言的源代码。树上的每个节点都表示源代码中的一种结构,之所以说是抽象的,是因为抽象语法树并不会表示出真实语法出现的每一个细节,比如说,嵌套括号被隐含在树的结构中,并没有以节点的形式呈现。抽象语法树并不依赖于源语言的语法,也就是说语法分析阶段所采用的上下文无文文法,因为在写...
2018-11-29 18:35:23
6073
原创 前端测试
1.什么是测试测试是一种验证我们的代码是否可以按预期工作的方法。换句话说就是写一些代码来验证一段代码是否能得到预期设计代码时所期望的结果。被测试对象可以是样式,功能,流程,组件等。2.前端测试的意义(这里主要指单元测试)1.检测出一些潜在的bug。2.快速反馈功能输出,验证代码是否达到预期。3.保证代码重构的安全性(可参考测试用例达到的效果来进行对应的重构)。4.方...
2018-11-16 15:02:31
4597
1
原创 前端测试 - 静态类型检测(Flow, TypeScript)
静态类型检测1.概念先要分清楚,强类型和弱类型、静态类型和动态类型是两组不同的概念,类型强弱是针对类型转换是否显示来区分,静态和动态类型是针对类型检查的时机来区分。静态类型语言和动态类型语言得核心区别在于,静态类型语言(statically-typed languages)会在编译时(compile time)进行类型检查,而动态语言(dynamically-typed)则是在运行时进...
2018-10-12 18:14:23
2224
原创 react基础UI组件设计构建
前端组件化从早期的jquery组件化,到ng1的driective再到ng2的components,react的components,以及 W3C Web Components 标准和其他的框架或者类库, 无一不是前端组件化的一种实现和探索。所以在前端组件化横行,三大框架一手遮天的今天,组件构建显得更为重要。在传统的jquery组件化开发时,jq组件是结构,样式和交互分离的,分别对...
2018-08-24 01:02:43
620
原创 react 组件的生命周期(组件渲染过程)--- part2
6.componentWillUpdate执行场景在shouldComponentUpdate之后,或是接收到新的props或者state注意事项组件初始化时不会调用此组件 禁止此生命周期内调用this.setState() 如shouldComponentUpdate()内返回false,则不会执行此生命周期7.componentDidUpdate执行场景在shouldCo...
2018-08-23 23:10:40
295
原创 react 组件的生命周期(组件渲染过程)--- part1
写在开头,官方文档请移步:点击打开链接react组件在生命周期里大概有三种情况:初次渲染:组件第一次在dom树种渲染。重新渲染:状态更新导致再次渲染。卸载:组件从dom中删除在写三种渲染情况之前,先来说下常用的八大生命周期(16.3之前)1.componentWillMount()执行场景 在 render() 之前解释因为componentWillMount是在render之前执行,所...
2018-06-08 00:04:43
3497
原创 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
1315
原创 前端新手——stopPropagation(),preventDefault(),return false的区别
return false, stopPropagation() , preventDefault()
2015-07-23 19:36:28
3343
原创 前端新手——适配不同手机端页面的方案,动态查询dpr设置根元素font-size
动态计算dpr 和根元素的fontsize,适配不同分辨率不同设备的移动前端开发
2015-07-22 21:45:53
14624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人