idoc
idoc copied to clipboard
GuoYongfeng
我的技术文档
# React Course Feedback ## 1.Babel - preset和plugin的区别 - stage-0是对应的ES7提案语法的哪个阶段 - 写代码的时候怎么在windows下用命令行 - babel和gulp及webpack的关系是什么 - atom编辑器的美化和配置 ## 2.ES 6 - class部分需要多讲一些内容 - rest和spread ## 3.Webpack - hash值是一样的 - less-loader解析出错，node升级到5+版本后不会自动下载less模块 -...
## 1. webpack.config.js中changeOrigin是什么意思 ``` diff proxy: [ { path: /^\/api\/(.*)/, target: "http://localhost:8080/", rewrite: rewriteUrl('/$1\.json'), + changeOrigin: true } ] ``` ## 2. 在scripts中写命令的时候是不是可以直接写当前node_modules下面的命令? 有些地方是这个写的，要从当前路径出发寻找webpack-dev-server ``` "scripts": { "dev": "./node_modules/.bin/webpack-dev-server --progress...
# React课程常见问答 **1. 什么时候上课** 每周六晚19：30 - 21：30上课，特殊情况会在群公告说明。 **2. 需要安装什么软件** - 代码编辑器 - nodejs & npm - git客户端 - chrome浏览器 **3. 上课需要带电脑吗** 强烈建议带电脑一起写代码 **4. 预习资料有吗，在哪里** 有全套的预习文档，请参见这里：http://guoyongfeng.github.io/idoc/ **5. 课程视频在哪里可以看到** 请关注群公告，会放在百度网盘，也会有全套课程的地址给大家。 **6. 应该去哪里听课**...
# Babel + ES6课程答疑 ## 写在前面 这里统一回复，具体同学们反馈的有以下三个大方向的问题： - 视频质量问题 - 课程快慢问题 - 内容粗细问题 ## 课程内容答疑 ### 1. decorator应用场景 修饰器（Decorator）是一个函数，用来修改类的行为（方法或属性），从而实现代码重用，了解Java的springmvc的同学可以类比注解这个概念。 ### 2. 对操作命令困惑，对前期的准备工作困惑，不知道为啥建那么多js文件，为什么要建到那个位置，后来讲的内容到是还瞒不错的，受益匪浅 操作命令用的是一些常用的，而且在预习课讲过（请复习一下之前的课程或讲义），主要以下几块： - 基本的shell命令 - 基本的git命令 - 基本的npm命令 ###...
# React-router教程的内容补充 ## 1.hashHistory和browserHistory的区别 React-router是基于history库来创建的。简单来讲，history可以知道如何监听浏览器地址栏的改变从而将URL解析到location对象中，这样的话，router就可以匹配到每一条routes并且正确的渲染一系列的组件。 - hashHistory将hash(#)用做URL的一部分，创建的路由类似这样：example.com/#/some/path，使用hashHistory的话就不需要在服务端配置，可以纯前端的控制路由的切换；那么，使用hashHistory的时候出现的_k=788ds2这样的参数是什么意思呢，因为当history通过pushState或是replaceState的方式在你的应用中进行转换的时候，history会保存“location state”导致新的location不会再URL中展示出来，这有点像在HTML的form表单进行post提交数据一样。 - Browser history 是由 React Router 创建浏览器应用推荐的 history。它使用 History API 在浏览器中被创建用于处理 URL，新建一个像这样真实的 URL example.com/some/path。 ## 2.每一条Route中参数component和components有什么不一样 component的传入值只能为具体的组件 components的传入值可以为对象或具体的组件 ## 3.尽量使用activeClassName来改变被触发的Link的展示样式 ## 4.组件中是如何拿到路由相关的信息的...
### 关于教程内容的几点补充 1.bootstrap - 脚手架项目有`bootstrap`，而文章中的代码里面没有，因为计划把`bootstrap`的引入使用放到第三章了。 2.路由 - 添加`About`容器组件，用于展示路由的功能 - `history`和`react-router`的关系。`React Router` 是建立在`history` 之上的。 简而言之，一个 history 知道如何去监听浏览器地址栏的变化， 并解析这个 `URL` 转化为 `location` 对象， 然后 router 使用它匹配到路由，最后正确地渲染对应的组件。所以使用`react-router`的时候请将`history`一起下载，而且有可能会有版本问题导致的坑 - `hashHistory`和`browserHistory`有什么区别 `hash:` 它用到的是 URL 中的...