摘要: React的组件的生命周期有三个状态分别是:挂载(生产组件示例化、准备挂载到页面、挂载到页面)、更新(更新值、更新DOM)、和卸载(卸载后)。 》》》其他 getInitialState :设置state的初始值 getDefaultProps :props的默认值 propTypes:允许验证传入 阅读全文
posted @ 2016-06-06 20:57 快乐~ 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 利用外部的jquery: 阅读全文
posted @ 2016-06-06 17:29 快乐~ 阅读(286) 评论(0) 推荐(0) 编辑
摘要: 表单组件支持几个受用户交互影响的属性: value,用于 <input>、<textarea> 组件。 checked,用于类型为 checkbox 或者 radio 的 <input> 组件。 selected,用于 <option> 组件。 在 HTML 中,<textarea> 的值通过子节点 阅读全文
posted @ 2016-06-06 16:15 快乐~ 阅读(339) 评论(0) 推荐(0) 编辑
摘要: 今天要处理两个excel。两个循环嵌套验证重复性。所以写了几个函数来处理20亿次的数据量。 一。把excel读出来,保存为json。利用phpexcel插件: 二、把弄好的数组,在保存为execl。但是直接操作excel,会比较慢,所保存为csv : 阅读全文
posted @ 2016-06-06 14:22 快乐~ 阅读(2371) 评论(0) 推荐(0) 编辑
摘要: 全局的api 1、React.createClass 创建一个组件类,并作出定义。组件实现了 render() 方法,该方法返回一个子级。该子级可能包含很深的子级结构。组件与标准原型类的不同之处在于,你不需要使用 new 来实例化。 组件是一种很方便的封装,可以(通过 new )为你创建后台实例。 阅读全文
posted @ 2016-06-05 19:55 快乐~ 阅读(1171) 评论(0) 推荐(0) 编辑
摘要: 1》》》基础的props使用 不可修改父属性 getDefaultProps 对于外界/父组件的属性值,无法直接修改,它是只读的。 2》》》父子传递 》》》state和props的区别 1、state 本组件内的数据 相对封闭的单元/结构的数据 状态 组件的无状态 2、props 组件直接的数据流动 阅读全文
posted @ 2016-06-05 00:18 快乐~ 阅读(12800) 评论(0) 推荐(0) 编辑
摘要: this.props 表示那些一旦定义,就不再改变的特性,而 this.state 是会随着用户互动而产生变化的特性。 组件免不了要与用户互动,React 的一大创新,就是将组件看成是一个状态机,一开始有一个初始状态,然后用户互动,导致状态变化,从而触发重新渲染 UI 组件其实是状态机(State 阅读全文
posted @ 2016-06-04 22:58 快乐~ 阅读(3129) 评论(0) 推荐(0) 编辑
摘要: owner 》》》 传递 props this 》》》是默认指向组件本身 key》》》不能没有,在复用的情况下 组件:例子 复合组件: 》》》继承 小的继承大的 》》》组合 用小的东西组成的的东西。 阅读全文
posted @ 2016-06-04 21:45 快乐~ 阅读(615) 评论(0) 推荐(0) 编辑
摘要: 》》》如何转换 JSX transformer Babel 官网:http://babeljs.io/ 里面有一个可以看转换的测试器,es6什么的也可以应用: 注意:jsx要用大写 class 、for 、style 、onChange 是不能用的关键词。style使用颜色的时候用 style = 阅读全文
posted @ 2016-06-04 16:26 快乐~ 阅读(2146) 评论(0) 推荐(0) 编辑
摘要: React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于革命性创新,性能出众,代 阅读全文
posted @ 2016-06-04 15:49 快乐~ 阅读(1090) 评论(0) 推荐(0) 编辑
摘要: 前端项目需要的功能: 1、图片(压缩图片支持jpg、png、gif) 2、样式 (支持sass 同时支持合并、压缩、重命名) 3、javascript (检查、合并、压缩、重命名) 4、html (压缩) 5、客户端同步刷新显示修改 6、构建项目前清除发布环境下的文件(保持发布环境的清洁) 通过gu 阅读全文
posted @ 2016-06-03 18:11 快乐~ 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 做了一个demo。用到一些css3的动画,还是不太熟练,总结了一下。 1、 -webkit-font-smoothing: antialiased; -webkit-font-smoothing: none: 无抗锯齿 -webkit-font-smoothing: subpixel-antiali 阅读全文
posted @ 2016-06-03 18:02 快乐~ 阅读(1366) 评论(0) 推荐(0) 编辑
摘要: resize:设置用户可以自己调整大小 box-sizing: box-sizing属性可以为三个值之一:content-box(default),border-box,padding-box。 content-box,border和padding不计算入width之内 padding-box,pa 阅读全文
posted @ 2016-06-03 17:54 快乐~ 阅读(312) 评论(0) 推荐(0) 编辑
摘要: <script src="js/require.js"></script> <script src="js/require.js" data-main="js/main"></script> require(['jquery', 'underscore', 'backbone'], function 阅读全文
posted @ 2016-06-01 22:34 快乐~ 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 一/直接使用:npm install -g livereload 全局安装 http-server 起到服务 livereload启动 在html中引入<script src="http://localhost:35729/livereload.js?snipver=1"></script> 二/与 阅读全文
posted @ 2016-05-31 22:01 快乐~ 阅读(953) 评论(0) 推荐(0) 编辑
摘要: 单一索引:db.users.enureIndex({"username":1}) 展示索引:db.collectionName.getIndexes(); 复合索引:db.users.enureIndex({"age":1,"username":1}) 索引嵌套文档:db.users.ensureI 阅读全文
posted @ 2016-05-23 17:58 快乐~ 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 第一个参数决定要返回那些文档 db.test.find()返回所有文档 db.test.find({"age":27}) db.test.find({"username":"joe"}) db.test.find({"username":"joe","age":27})and的关系 第二参数指定想返 阅读全文
posted @ 2016-05-20 18:18 快乐~ 阅读(224) 评论(0) 推荐(0) 编辑
摘要: function mbStrSplit ($string, $len=1) { $start = 0; $strlen = mb_strlen($string); while ($strlen) { $array[] = mb_substr($string,$start,$len,"utf8"); 阅读全文
posted @ 2016-04-27 14:10 快乐~ 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 一、获取元素的行内样式 复制代码 代码如下: var obj = document.getElementById("test"); alert(obj.height + "\n" + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来 阅读全文
posted @ 2016-04-26 11:03 快乐~ 阅读(3328) 评论(0) 推荐(0) 编辑
摘要: https://github.com/alvarotrigo/fullPage.js 下载地址 demo:http://pan.baidu.com/s/1o8QWCmm 演示:http://fullpagedemo.applinzi.com/ 主要功能有: 支持鼠标滚动 支持前进后退和键盘控制 多个 阅读全文
posted @ 2016-04-17 10:35 快乐~ 阅读(409) 评论(0) 推荐(0) 编辑