摘要: 主要使用技术: react react-router4 redux: action、reducer、store管理数据 fetch: 进行数据交互 prismjs : 页面嵌入代码,高亮显示插件 bundle-loader:: 异步加载路由组件,优化性能,提升首页打开速度 proxy: 接口代理 k 阅读全文
posted @ 2017-05-18 16:40 清风丶徐来 阅读(1579) 评论(2) 推荐(0) 编辑
摘要: 今天介绍一个react脚手架,react-cli, 可以说是 vue-cli 的外表,react的心! 安装步骤: 它包含了: 1,react全家桶 2,webpack热加载 3,Expressdev server 4,Proxy接口代理 5,Global-Variable全局变量,用来区分线上线下 阅读全文
posted @ 2017-05-03 09:57 清风丶徐来 阅读(1944) 评论(0) 推荐(0) 编辑
摘要: 最近在学习react,试着做了一个新闻类的网站,结合ant design框架, 并且可以同时在PC和移动端运行; 主要包含登录和注册组件、头部和脚部组件、新闻块类组件、详情页组件、评论和收藏组件等; 数据交互使用的是fetch,简洁好用,上手快; 代码在github上: https://github 阅读全文
posted @ 2017-04-18 09:37 清风丶徐来 阅读(3399) 评论(4) 推荐(0) 编辑
摘要: 1,ES6语法 使用class声明一个类,且要继承react组件的方法和属性的时候 : 在里面我们可以直接指定 this.state = { }, 我们可以当前组件内任何地方使用 this.setState()来改变组件状态; 注意: 将类的方法绑定到当前对象,避免在方法内部this指针被覆盖 2, 阅读全文
posted @ 2017-04-12 17:09 清风丶徐来 阅读(1011) 评论(0) 推荐(0) 编辑
摘要: 1,打开你的本地项目文件夹,比如 test-demo; 2,打开github(没有github的要自己注册下), 点击new repository 3,填写项目信息,创建项目 4,复制新建的项目url,后面要用到 5,在第一步建立的项目文件 test-demo 根目录右键启动 git bash(未安 阅读全文
posted @ 2017-04-07 16:23 清风丶徐来 阅读(376) 评论(0) 推荐(0) 编辑
摘要: Ant Design 由蚂蚁金服团队出品, 基于 React 的组件化开发模式,封装了一套丰富而实用的 UI 组件库。 在这个练习Demo 中,按照 Ant Design 官网的教程示例,尝试使用 Ant Design 提供的各种组件。比如,导航、表单、表格等等,基本上一般后台系统需要的,都能找到封 阅读全文
posted @ 2017-04-07 13:50 清风丶徐来 阅读(1321) 评论(0) 推荐(0) 编辑
摘要: 以前的时候,一提到变量就会说全局变量和局部变量,现在变量提升了,还有let,const; 1, var声明 2, let 块级声明 let声明的是一个块级作用域,块外的函数获取不到块内的变量; 3, const 恒量声明 const不能对一个变量声明多次,只能声明一次; 再比如: 阅读全文
posted @ 2017-04-06 17:11 清风丶徐来 阅读(154) 评论(0) 推荐(0) 编辑
摘要: --save是对生产环境所需依赖的声明(开发应用中使用的框架,库,比如jquery,bootstrap等) --save-dev是对开发环境所需依赖的声明(构建工具,测试工具,比如babel,gulp等) 正常使用npm install时,会下载dependencies和devDependencie 阅读全文
posted @ 2017-04-06 16:26 清风丶徐来 阅读(308) 评论(0) 推荐(0) 编辑
摘要: 学习react也有一周的时间,最近自己做了个仿知乎问答的小demo,项目源码在github上:https://github.com/yang302/reactQa 使用技术:bower+gulp+react bower实现包之间的相互依赖管理,gulp实现项目打包,编译,监听,并在浏览器端实时动态刷 阅读全文
posted @ 2017-04-06 15:49 清风丶徐来 阅读(411) 评论(0) 推荐(0) 编辑
摘要: 下载地址:https://github.com/ftlabs/fastclick 1,为什么移动端点击会有300ms的延迟呢? 从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。这是因为浏览器想看看你是不是要进行双击(double tap)操作。 2,兼容 阅读全文
posted @ 2017-04-06 15:24 清风丶徐来 阅读(525) 评论(0) 推荐(0) 编辑