会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
苍青浪
博客园
首页
新随笔
联系
管理
订阅
上一页
1
···
96
97
98
99
100
101
102
103
104
···
113
下一页
2018年5月29日
React 之容器组件和展示组件相分离解密
摘要: Redux 的 React 绑定库包含了 容器组件和展示组件相分离 的开发思想。明智的做法是只在最顶层组件(如路由操作)里使用 Redux。其余内部组件仅仅是展示性的,所有数据都通过 props 传入。 那么为什么需要容器组件和展示组件相分离呢? 这里有个基本原则:容器组件仅仅做数据提取,然后渲染对
阅读全文
posted @ 2018-05-29 11:20 苍青浪
阅读(2050)
评论(0)
推荐(0)
2018年5月25日
Redux 入门
摘要: Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 可以让你构建一致化的应用,运行于不同的环境(客户端、服务器、原生应用),并且易于测试。不仅于此,它还提供 超爽的开发体验,比如有一个时间旅行调试器可以编辑后实时预览。 Redux 除了和 React 一起用外,还支持其它界面库
阅读全文
posted @ 2018-05-25 13:25 苍青浪
阅读(339)
评论(0)
推荐(0)
2018年5月23日
不受控组件
摘要: 在大多数情况下,推荐使用受控组件来实现表单。在受控组件中,表单数据由 React 组件负责处理。另外一个选择是不受控组件,其表单数据由 DOM 元素本身处理。 要编写一个未控制组件,你可以使用一个 ref 来从 DOM 获得 表单值,而不是为每个状态更新编写一个事件处理程序。 例如,在不受控组件中,
阅读全文
posted @ 2018-05-23 18:23 苍青浪
阅读(304)
评论(0)
推荐(0)
Refs 和 DOM
摘要: 在常规的 React 数据流中,props 是父组件与子组件交互的唯一方式。要修改子元素,你需要用新的 props 去重新渲染子元素。然而,在少数情况下,你需要在常规数据流外强制修改子元素。被修改的子元素可以是 React 组件实例,或者是一个 DOM 元素。在这种情况下,React 提供了解决办法
阅读全文
posted @ 2018-05-23 17:59 苍青浪
阅读(260)
评论(0)
推荐(0)
使用 PropTypes 进行类型检查
摘要: 注意: 从 React v15.5 开始 ,React.PropTypes 助手函数已被弃用,建议使用 prop-types 库 来定义contextTypes。 1 2 3 4 5 6 7 8 9 10 11 12 13 import PropTypes from 'prop-types'; cl
阅读全文
posted @ 2018-05-23 17:17 苍青浪
阅读(5686)
评论(0)
推荐(0)
深入 JSX
摘要: 从本质上讲,JSX 只是为 React.createElement(component, props, ...children) 函数提供的语法糖。JSX代码: 1 2 3 <MyButton color="blue" shadowSize={2}> Click Me </MyButton> 编译后
阅读全文
posted @ 2018-05-23 17:16 苍青浪
阅读(270)
评论(0)
推荐(0)
2018年5月21日
Java中&、|、&&、||详解
摘要: 1、Java中&叫做按位与,&&叫做短路与,它们的区别是:& 既是位运算符又是逻辑运算符,&的两侧可以是int,也可以是boolean表达式,当&两侧是int时,要先把运算符两侧的数转化为二进制数再进行运算,而短路与(&&)的两侧要求必须是布尔表达式。举例如下:12&5 的值是多少?答:12转成二进
阅读全文
posted @ 2018-05-21 10:14 苍青浪
阅读(1104)
评论(0)
推荐(1)
2018年5月19日
编写webpack 插件
摘要: Webpack插件为第三方开发者释放了Webpack的最大可能性。利用多级回调开发者可以把他们自己的需要的功能引入到Webpack里面来。Build插件比Build loader 更进一步。因为你需要理解Webpack底层的东西。要有月底源代码的准备。 Compiler 和 Compilation
阅读全文
posted @ 2018-05-19 11:15 苍青浪
阅读(435)
评论(0)
推荐(0)
2018年5月18日
Babel 入门教程
摘要: Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。 这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。下面是一个例子。 // 转码前 input.map(item => item + 1); // 转码后 input.map(function
阅读全文
posted @ 2018-05-18 20:28 苍青浪
阅读(416)
评论(0)
推荐(0)
Eslint 规则说明
摘要: 1 "no-alert": 0,//禁止使用alert confirm prompt 2 "no-array-constructor": 2,//禁止使用数组构造器 3 "no-bitwise": 0,//禁止使用按位运算符 4 "no-caller": 1,//禁止使用arguments.call
阅读全文
posted @ 2018-05-18 19:47 苍青浪
阅读(409)
评论(0)
推荐(1)
上一页
1
···
96
97
98
99
100
101
102
103
104
···
113
下一页
公告