发表于   |   分类于   |     |   阅读次数
React Router 的入门学习，边学边做了一个小demo，做完了之后再回过头来总结一下关键知识点。 完整代码github：react-router-demo1 开始使用首先安装 react-router （该demo所需安装的全部loader、详见 package.json 文件）。router 其实是一个组件，跟普通的模块引入方式一样： 12import { Router, Route, hashHistory, IndexRoute, Redirect } fr ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
看过一遍webpack/es6/react的基础之后，感觉还算不上真正入门react的实战开发，于是乎想边学边搞一个小项目、把这三webpack/es6/react结合起来用一遍，从实际小项目中反过来学习基础要点。(react的基础学习在 前面的学习。) 全部亲手一行行敲完后，终于有了这个稍微成型的入门小实例：完整代码github：react-todo演示链接demo：react-todo实践中收货良多，过后便稍微总结一下系列的笔记。 module的导入导出module的导入 1234567 ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
看过一遍webpack/es6/react的基础之后，感觉还算不上真正入门react的实战开发，于是乎想边学边搞一个小项目、把这三webpack/es6/react结合起来用一遍，从实际小项目中反过来学习基础要点。(react的基础学习在 前面的学习。) 全部亲手一行行敲完后，终于有了这个稍微成型的入门小实例：完整代码github：react-todo演示链接demo：react-todo实践中收货良多，过后便稍微总结一下系列的笔记。 react-todo 目录 webpack.config ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
初到新公司新项目团队，眼见前端开发的各种凌乱，于是跟大伙儿沟通一下、由自己出一份适合项目的前端小规范。于是乎，满腔热情地搭建起了基于 gulp 的工作流，并定了一些前端的小规范。 gulp快速使用说明构建工具 gulp 搭建好了，但要使得团队每个人能快速使用，于是写了这份简易说明： 1、在命令行中转到项目目录下（注意各自的路径差异）： cd /Applications/MAMP/htdocs/lws_website/lws_website 2、直接执行命令： gulp all 即可开启 ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
继续上一篇的内容，这里重点说说通过 rem 来做好移动端的适配。 移动前端的开发，先来熟悉一些基本的东西： rem 简介rem（font size of the root element）：相对于根元素字体大小的单位；即，通过 px 设定 html 的 font-size 值，然后其它元素的长宽全部通过 rem 来设置。计算公式：实际显示的大小值 = rem值 * 根元素值比如： 12345html{font-size: 20px;}/*rem设置*/div{w ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
人手一台手机，谁家的产品也不能忽视移动互联网的市场。从PC到Mobile，对于web移动前端需要做好的首要，就是做好各色各样手机端的适配。 移动前端的开发，先来熟悉一些基本的东西： 单位 rem（font size of the root element）：相对于根元素的字体大小的单位； em（font size of the element）：相对于父元素的字体大小的单位； px：绝对单位，页面按精确像素展示； %:相对于父级元素的百分比； vw：viewpoint width，视窗宽度， ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
本文的实例demo主要涉及到 state状态机，组件的生命周期 react官网地址：React: A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 本文中的代码 github 地址：demo实例 demo的html模板本文中所有的 demo ，都采用以下这个 html 模板： 1234567891011121314151617<!DOCTYPE html><html lang="en"><head> &l ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
之前浏览过并理解完了react的一些基础知识后，本文将开始一边写 demo 一边继续 react 的学习之旅。 react官网地址：React: A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 本文中的代码 github 地址：demo实例 demo的html模板本文中所有的 demo ，都采用以下这个 html 模板： 1234567891011121314151617<!DOCTYPE html><html lang= ...
阅读全文 »

发表于   |   分类于   |     |   阅读次数
react.js什么特点，怎样地好，这里就不多说。直接开篇入门学习吧，路漫漫其修远兮。 官网地址：React: A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES 本文中的代码地址：demo1 基础结构说起什么也不急说，先从 “hello word!” 的 index.html 一个实例说起： 1234567891011121314151617181920212223242526272829303132333435363738<!DOCT ...
阅读全文 »