sakurayeah

摘要： ps: 1. 所有案例使用的 node 及 npm 版本如下 node版本: v8.4.0 npm: 5.3.0 2. 下一个案例默认是接着上一个继续写的 3. 建议先熟悉以下文档 "vue" "vue router" "vuex" "webpack4" "es6" 4. 建议使用 "cnpm" 阅读全文

摘要： es6 Promise 对象 "Promise 定义参考" "案例源码 戳这里" ps：每个案例都是基于上一个改造的 一、Promise 简介 Promise 是一个对象，从它可以获取异步操作的消息 案例1 新建项目 demo/package.json demo/webpack.config.js 阅读全文

摘要： redux ps：每个案例都是接着上一个案例写的 主要以案例讲解如何使用，具体概念请参考如下： "基本概念参考1" "基本概念参考2" "案例源码戳这里" 一、Store、Action、Reducer简介 Store 就是保存数据的地方，你可以把它看成一个容器。整个应用只能有一个 Store。 Ac 阅读全文

摘要： webpack入门（2） ps：每个案例都是基于前一个案例改造的 webpack入门（1） "戳这里" 案例源码 "戳这里" 十二、ProvidePlugin 自动加载模块 new webpack.ProvidePlugin() 上面的案例太复杂，下面再新建一个简单的项目来讲解 案例16 全局引 阅读全文

摘要： webpack入门（1） "源码戳这里" ps：每个案例对应相应的demo，例如“案例1”对应“demo1” 一、webpack基本功能及简单案例 安装webpack $ npm i webpack g 基本功能 $ webpack v 查看webpack版本号 $ webpack 最基本的启动we 阅读全文

摘要： react基础（1）：介绍了如何创建项目，总结了JSX、组件、样式、事件、state、props、refs、map循环，另外还讲了mock数据和ajax 还是用 react基础1 里创建的项目继续写案例。 react-router 在做单页面应用的时候就需要用到路由了。 首先来看一下我们的项目目录， 阅读全文

摘要： 在 react入门系列 里面，介绍了一些react的基础知识，在react基础部分，会结合手脚架工具进行更多的总结。 关于webpack我在这里就不讲解了，有需要的小伙伴可以自己去百度一下学习资料，我这里会贴出来现成的东西供大家使用。 关于es6的内容，在写案例的时候会有涉及，我会贴出来相应的教程， 阅读全文

摘要： 二十、父组件向子组件传递信息 案例22： 效果图如下 分析如下 父元素Parent上在getInitialState里设置了两个初始值checked和class 父元素Parent的Child标签上有三个属性txt、class、checked。txt的属性值为“是否喜欢咖啡”；class的属性值是从 阅读全文

摘要： 十四、props和state的混搭使用 案例19：(在 react入门2和3 里讲过的东西，这里简单讲解一下，不再细说) 效果如下 分析如下 1. Parent组件，设置初始值 2. Parent组件，this.state.val获取value的初始值，input值发生改变就触发onChange事件 阅读全文

摘要： 点击查看react入门（1） 点击查看react入门（2） 十、css、jsx、html 拆分开 前面两篇文章的例子，我们将css和jsx都是写在html文件里面的。当然，我们也可以将css、jsx、html分开来，各写一个文件 案例 14 新建三个文件如下 react.html react.js 阅读全文