做英语网站,天津市建设教育培训中心的网站,网站手机模板源码,wordpress 产品一、背景介绍01React 起源于 Facebook 的内部项目#xff0c;因为该公司对市场上所有 JavaScript MVC 框架#xff0c;都不满意#xff0c;就决定自己写一套#xff0c;用来架设 Instagram 的网站。做出来以后#xff0c;发现这套东西很好用#xff0c;就在2013年5月开源…一、背景介绍01React 起源于 Facebook 的内部项目因为该公司对市场上所有 JavaScript MVC 框架都不满意就决定自己写一套用来架设 Instagram 的网站。做出来以后发现这套东西很好用就在2013年5月开源了。由于 React 的设计思想极其独特属于革命性创新性能出众代码逻辑却非常简单。所以越来越多的人开始关注和使用认为它可能是将来 Web 开发的主流工具。二、环境配置一安装Node.js、npm、cnpm当我们在官网下载并安装Node时npm也自动安装好了一路next后即可。安装好后键入node -v 以及npm -v 来测试是否安装成功不需要自己手动配置系统环境变量因为国内使用npm很慢我们可以使用淘宝的cnpm同时设置镜像地址npm install -g cnpm --registryhttps://registry.npm.taobao.org安装成功后可以键入cnpm -v检查是否安装成功二创建我们的第一个react程序例如我们要在D:workSpace下创建first-react-demo这个工程并跑通我们依次执行如下步骤window下进入D:workSpace这个文件夹在地址栏键入cmd entercnpm install -g create-react-app全局安装创建react-app的module这一步不一定要在workspace目录下create-react-app first-react-demo 在workspct这个文件夹下创建fist-react-demo这个项目但是有可能会报错 Unexpected end of JSON input while parsing near ....0,dependencies:{ 假如报错需要执行npm cache clean –force在创建成功的基础上我们在打开first-react-demo这个文件夹地址栏键入cmd并enter在打开的cmd窗口中键入npm start大功告成。浏览器键入localhost:3000即可访问三、关于样式03常用:cssless, cra 默认不支持 less. sass/scss, cra 默认支持 sass, 只需要装一下 node-sass 工具.在 rca 中支持 普通样式( 默认 ) 和 模块化样式rac 中的 sass 也是支持者两种语法的如果后缀名是 .module.sass/scss 那么就会使用 模块化的方式来加载如果后缀名只有 .sass/scss 那么就会当做普通的样式来加载四、其他设置04homepage 用来控制 buil 得到资源的路径proxy 用来配置代理在解包的 配置文件中找到 一些目录的修改在不解包的情况下如何配置 webpack使用一个新包 react-app-rewired 代替 react-scripts 即可五、福利时间05相关知识点React不是一个MVC框架它是构建易于可重复调用的web组件侧重于UI, 也就是view层其次React是单向的从数据到视图的渲染非双向数据绑定不直接操作DOM对象而是通过虚拟DOM通过diff算法以最小的步骤作用到真实的DOM上。不便于直接操作DOM大多数时间只是对 virtual DOM 进行编程欢迎大家一起跟我讨论技术问题~如果碰见了技术问题也可以私信我哦最后记得点个收藏和关注哦~
