reactjs
web端三大框架react、vue和angular，下面是对react.js的一些总结。
一、环境搭建
1、npm搭建项目
推荐使用npm搭建项目环境，如果网速过慢，可是使用cnpm进行项目的搭建（cnpm是淘宝的npm镜像，与npm有些差异，有些模块无法下载或无法正常使用）。
cnpm install -g create-react-APP
create-react-app my-app
cd my-app
npm start
- 1
- 2
- 3
- 4
打开浏览器，输入http://localhost:3000可以看到系统默认生成的页面了。
2、推荐使用的项目结构
https://git.coding.net/yibingCoding/ReactLearn.git
可以通过git clone方式下载项目结构。
二、目录结构与各文件功能
1、目录结构
1、index.html文件为项目的总入口，cdn引入的资源可以放在此文件中。
2、package.json文件是模块功能配置，使用npm install可生成node_modules文件夹，所有模块功能所需要的资源都存储在这个文件夹中。
3、routes.js文件是路由配置文件，路由功能是三大前端框架的特色（具体用法下面会详细说）。
4、Home.js文件是项目结构初始化放上去的界面。
三、react.js的第一个dome
在Home.js中编写代码，代码如下：
import React,{ component } from 'react'
import demo1Image from '../../image/demo1Image.jpg';
class Home extends Component {
render() {
return (
<p style={{backgroundcolor:"#0ff",fontSize:"20px",color:"#00f"}}>
这是第一个demo
<img src={demo1Image} style={{width:"300px",height:"300px"}} alt=""/>
</p>
)
}
}
export default Home
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
效果如下：
相关阅读
cocosbuilder 简介：https://blog.csdn.net/sssssnian/article/details/26450747cocos2dx 界面自适应解决方案：http://codingnow.cn/
一、垂直搜索引擎介绍垂直搜索引擎是搜索引擎的一种，是搜索引擎的细分和延伸，可以简单地理解为在某个领域的搜索引擎，例如在你的所有
觅风易语言视频教程.无数学习易语言的启蒙老师.新手学习易语言看谁的视频好呢.当然是觅风老师的了啊 下面是在线观看的地址呵呵..
简单工厂模式 1.什么是工厂？ 用一个单独的类来做这个类创造实例的过程，这就是工厂。 2.它解决了那些问题？简单工厂模式解决了对象
嵌入式小白，今天用到1602，被CGRAM DDRAM CGROM搞得乱七八糟，特此记录一下，供大家参考。首先，1602液晶显示屏除了电源、地以外，有3个控制