摘要：
培训理念 重点 易懂 实用 第一课：项目讲解 前端学习计划 1.了解前端技术栈 1. react：前端开发语言（着重学习） React是用于构建用户界面的JavaScript框架，用于构建高效、快速的用户界面。React 中一切都是组件。 虚拟dom 2. webpack：前端打包工具 一个开源的前 阅读全文
摘要：
页面搭建步骤 1.使用脚手架生成商户侧项目，并安装依赖（rdms有自己的脚手架生成） 2.使用vscode插件或者代码片段生成静态页面并注册路由 3.修改组件使用配置以及添加代码 4.使用dva进行异步交互的页面开发，并和组件连接 1.使用脚手架开发商户侧项目 cnpm安装：npm install 阅读全文
摘要：
es6的介绍 2011 年，ECMAScript 5.1 版发布后（es5），就开始制定 6.0 版了，ECMAScript 2015（简称 ES2015），ES6 的第一个版本，在 2015 年 6 月发布了。因此，ES6 这个词的原意，就是指 JavaScript 语言的下一个版本，涵盖了 ES 阅读全文
摘要：
dva介绍 dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 数据流向 数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当 阅读全文
摘要：
ant design的介绍 antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高质量 React 组件。 使用 TypeScript 开发，提供完整的类型定义文件。 全链路开发和 阅读全文
摘要：
课程回顾 开发环境和生产环境 开发环境和生产环境有很多通用的代码，可以将通用的代码提取出来，例如loaders，output等，所以可以形成三个文件，webpack.prod.config.js、webpack.dev.config.js、webpack.common.config.js,分离出来如 阅读全文
摘要：
1、回顾 基础配置 entry：入口文件 output：输出文件 mode：定义打包方式是开发环境还是生产环境 loaders：编译js、css、img plugins：解决 loader 无法实现的其他事、它的功能要更加丰富 回顾webpack和webpack-dev-server webpack 阅读全文
摘要：
webpack基础入门 什么是Webpack（上图） Webpack是一个开源的前端打包工具，可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求 学习路线 日常开发最直观能用到的（webpack本身只能处理js，如果其他类型就需要loader进行转换） 模块化代码，定义 阅读全文
摘要：
环境搭建 安装nodejs 安装vscode npm npm的思路大概是这样的 使用 npm publish 把代码提交到 repository 上，分别取名 jquery、bootstrap 和 underscore 社区里的其他人如果想使用这些代码，运行 npm install就把 jquery 阅读全文
摘要：
虚拟dom、jsx 从 JSX 到页面到底经过了什么样的过程： JSX 是 JavaScript 语言的一种语法扩展，长得像 HTML，但并不是 HTML。 React.js 可以用 JSX 来描述你的组件长什么样的。 JSX 在编译的时候会变成相应的 JavaScript 对象描述。 react- 阅读全文