代码知识总结


1.js格式化一位数显示为两位"8"to"08":
function fix(num, length) {
return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num;
}

fix(1234, 8);
// "00001234"
fix(1234, 2);
// "1234"

react 官网 : facebook.github.io/react

react 组件名首字母大写

react 的一个扩展 JSX (XML)

组件里面的函数之间要有分号
组件里面的render里面的函数里面的return 里面的返回值要一个标签把他们包裹起来

return 里面的子标签 里面如果想写属性class,需要写成className 而不是 class
如: <h1 className="peter"> Hello {this.props.name}

ReactDOM(a,b)组件的复用,第一个参数表示a表示组件的调用,乳如果组要组件的复用,第一个参数需要用一个html标签包裹起来 : 如下HelloWorld是一个组件
如:ReactDOM.render(<div>
<HelloWorld name="qmm"> nice to meet you</HelloWorld>
<HelloWorld name="zzq">how are you </HelloWorld>
</div>,
document.getElementById('container'));

bootstrap是框架,库和框架的区别就是:
库:内置很多已经封装好的api ,可以直接使用,比如jquery ,一个$ 就可以代替document.getElementBy,
直接使用$,它将javascript的一些方法封装起来直接使用它的接口即可
框架:有一定的格式和模板,需要按照它的模板来写代码,
比如react ,要按照它那种格式来定义一个组件,bootstrap也是要按照它那种模板格式来设置布局

 


1.第一个render用了箭头函数

2.清空输入框放在按下回车键之后,而不是放在外面,导致只能输入一个字符就被清空

3.输入框一开始的初始化不能赋值为空格' ',导致不能显示我设置的回显字幕,应该赋值为空字符''

学习东西: 5W1H 思维导图 loadash

git 专家,命令行专家 express专家 webpack专家 + build (构建) gulp ,CI 自动化测试 react专家

posted @ 2016-08-10 10:57  蝴蝶女郎  阅读(144)  评论(0)    收藏  举报