React成长之路
蓝草毁灭
励志成为大前端!
展开
-
React+React-router+webpack重构一个微信小应用(预测宝宝1)(篇幅过长,分2次)
标注:React初步接触,暂时写出一个简单的spa小应用。 开发环境安装: 1、先安装node.js,然后全局安装 Webpack:npm install -g webpack; 2、然后在目录文件创建package.json; 3、使用命令行npm init,根据指示写,里面相关配置: { “name”: “baby”, “version”: “1.0.0”, “des原创 2016-09-06 18:02:50 · 473 阅读 · 0 评论 -
React小应用之脸部测试
用React重构了之前做的一个微信页面,页面效果大致如下: 1、main入口的路由: 首页自己写的图片上传,按钮变色效果用state来管理 第二页跑马灯效果: 尾页就是展示结果了,静态代码不展示了。原创 2016-09-23 09:38:42 · 386 阅读 · 0 评论 -
React+React-router+webpack重构一个微信小应用(预测宝宝2)(篇幅过长,分2次)
根据效果图,项目做了以下组件层级:把页面分成3个,作为路由切换,app/component中是被三个页面引入的小组件;上代码详细说明:1、index.html:<!DOCTYPE html>htmllang="en">head>metacharset="UTF-8">metaname="viewport"content="widt原创 2016-09-06 18:13:07 · 572 阅读 · 0 评论 -
React+React-router+webpack 一个微信答题SPA小应用
应用介绍: 总共三个页面,起始提示页,答题页,以及分数页; 说明: 用路由链接3个页面,提示页到答题页直接使用Link跳转,答题页跳转到分数页需要携带分数及答对的题目数,因此使用: hashHistory.push({ pathname: ‘/Score’,query:{score:score,number:number}}); 将参数放到URL后面,到了分数页再获取渲染: let原创 2016-09-07 16:48:38 · 455 阅读 · 0 评论 -
React当中css-loader使用
为了防止css重命名,在react当中可以使用css-loader来加前缀,有效防止该重命名,具体操作如下:1、在packjson中devDependencies:加上配置"css-loader": "^0.23.1",,2、然后在webpack.config.js的loaders的配置中,加上这句:{test: /\.css$/, loader: 'style!css?modules原创 2016-11-11 15:19:45 · 1389 阅读 · 0 评论