2015年10月_starwmx520

原创 TypeScript

TypeScript是由微软开发的javascript开发语言。它是javascript的高级语法定义。使用，可以在vs 里创建typeScript项目。或npm install -g typescript tsc XX.ts //编译ts 成js文件。

2015-10-26 17:13:17 1893

原创 ReactJs 使用心得

1、数据交流的问题在用组件开发时数据交流无非是用props和state。当在组件间传递state状态时，子组件props得到的引用类型属性。如父组件修改了state也会更新到子组件的props属性。组件的props只有在React.render 对象才能用setProps引用。组件的state状态是不会公共的。当创建了多个同样的组件渲染时。状态是不用共用的

2015-10-22 17:16:17 454

原创 webpack 用法

webpack是模块加载器。webpack当中，所有的资源都被当作是模块，js css 图片等。webpack中需要加载不同的模块来处理文件。http://webpack.github.io/docs/list-of-loaders.html如jsx 需要jsx-loader模块。它支持CommonJS 和amd。需要创建一个配置文件：webpack.config.j

2015-10-22 10:18:19 810

原创 css3 多列显示属性column

column可以实现文字排版的多列显示。column-count:3; 显示的列数，会自动平分三列，宽度一样column-gap:30px;设置列间的间距，三列话会有两个间距。column-rule:4px solid #f00;设置间距中间的线，线会显示在间距的正中间，间距中包含线。不会因为线宽而改变实际的间距。column-width:200px;设

2015-10-16 18:31:42 704

原创让Node模块在浏览器运行----browserify

node里可以用npm install 来安装很多的模块到项目。但是它们只能在node环境下才能运行。现在用browserify模块可以实现在浏览器运行node模块。通过 require('Xx')来加载模块，或自定义模块。使用：npm install -g browserify //安装创建目录安装 npm install uniq 创建main.js v

2015-10-16 17:46:18 4470

原创 ReactJs 样式类的使用

渲染标签上className={} 来设置样式类名直接class="XX" 这样是不行的，只能用className值为js变量才行。如有时样式类引用会动态改变，需要用React.addons.classSet() 来创建对象参数可以是多个字符串,或对象{clasname:this.XX} 动画修改组件属性来实现是否引用类名以下是例子：/*className用法

2015-10-16 12:16:08 1334

原创 React 双向绑定的实现

双向绑定的使用:组件需要mixins:引用LinkedStateMixin。它提供一个linkState方法。参数是state属性双向绑定用valueLink={this.linkState(XX)}linkState方法返回一个对象，有一个value属性，指定state的属性。还有一个requestChange回调方法，用来实现state的修改。参数是新值可以理解成onchan

2015-10-14 15:53:43 3087 1

原创 ReactJs 组件间通信

组件在开发时经常会相互通信，传递值调用方法等父级和子级在调用子级组件时绑定就可以了。还可以绑定父级方法，在子级内调用传递参数。但有时需要同级组件单通信：这时就需要借用一些通信库了，如PubSub.jsvar a=PubSub.subscribe('product',function(type,value){ type 是设置的类型这里是product value是传递的

2015-10-12 18:23:33 732

原创 Reactjs 之 mixins

reactjs通过嵌套组合组件来实现功能模块的。每个组件都需要一个个定义和使用。开发中有些代码块肯定会需要多次引用的。React.createClass({ getname:obj.name});这样写看着真不舒服。所以对于组件中多次使用的呢，reactjs有个mixins属性来实现。它的参数是一个数组。值为对象，或返回对象的函数或函数实例化的表达式mixi

2015-10-10 17:57:22 602

原创 React组件定义验证属性值和默认值的配置

在开发组件时一定需要传递数据来使用的，这时验证值类型是必不可少的。reactjs也给我们提供了很多验证。在React.PropTypes对象来下来引用如React.PropTypes.number验证数字。验证列表http://www.reactjs.cn/react/docs/reusable-components.html以下是我本地测试时的例子：function Mes

2015-10-10 15:09:37 1432

原创 ReactJs 组件间数据传递

在写组件时不可避免的需要在组件间传递数据如：commentbox中，评价提交组件的数据需要传递给父级组件并添加渲染。这时可在父级中定义一个方法handlecommentsubmit:fn(obj)在render里把方法传递。在评论组件中可以用this.props.onsubmit({})来调用父级方法实现数据传递。

2015-10-08 16:12:03 533

starwmx520的博客