vue 学习资料

自学资料地址：
https://zhuanlan.zhihu.com/p/26535530

项目UI部分

1.pc站 UI：

（1）考虑自己写

成本高，需要花费不少时间，好处是可以自己控制维护！

 

（2）引入第三方的ui库

利用现成的组件来做业务，可以满足你大部分场景的

Pc ui库：

element－UI

http://element.eleme.io/#/zh-CN

使用它开发过管理后台

 

2.移动端UI:

有赞UI vant

https://www.youzanyun.com/zanui/vue/component/quickstart

感觉比mint-ui 的文档要好，一直在维护，打算自己去试试水！

 

项目后端接口api请求：

（1）jquery的ajax （不推荐，你要使用的话，需要引入jquery）

（2）axios （官方也是推荐这个）

 

 

 

项目路由：

（1）vue-route （官方文档，建议至少过3边以上）

https://router.vuejs.org/zh-cn/

 

（2）Vue2.0 探索之路——vue-router入门教程和总结

https://segmentfault.com/a/1190000009651628

 

项目状态管理：

https://vuex.vuejs.org/

 

webpack工具相关：

（1）webpack 中文社区

https://doc.webpack-china.org/

 

（2）webpack 优秀中文文章

https://github.com/webpack-china/awesome-webpack-cn

 

脚手架vue-cli

(1)vue-cli的webpack模板项目配置文件分析

http://blog.csdn.net/hongchh/article/details/55113751

 

(2)从0到1搭建webpack2+vue2自定义模板详细教程

https://segmentfault.com/a/1190000009454172

 

es6 语法知识

（1）30分钟掌握ES6/ES2015核心内容 （先理解文中使用的，不懂的再查后面的es6文档）

（上）https://segmentfault.com/a/1190000004365693

（下）https://segmentfault.com/a/1190000004368132

 

（2）火狐开发者社区提供的js语法

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects

 

（3）阮一峰的es6 语法书

http://es6.ruanyifeng.com/

 

Vuejs2项目－demo例子文档资源

（1）Vue2 后台管理系统解决方案

https://segmentfault.com/a/1190000008582706

 

（2）vue2.0-cnode 社区

https://github.com/soulcm/vue-cnode-mobile/tree/V2.0

 

（3）低仿饿了么H5-纯前端Vue版+手把手教学

https://github.com/hbxywdk/eleme-vue2

 

 

（4）模仿猫眼电影制作的webapp

https://github.com/zhixuanziben/gouyan-movie-vue

 

（5）Timeline-X 本例子涉及一些nodejs相关，大家只关注前端即可

https://github.com/hongchh/timeline-x

 

github仓库

http://blog.csdn.net/hongchh/article/details/54744318 文档

 

（6）Vue全家桶+Mint-Ui打造高仿QQMusic，搭配详细说明

https://segmentfault.com/a/1190000009583786?_ea=1991259

 

（7）豆瓣：

https://github.com/jeneser/douban

 

（8）咸鱼：

https://segmentfault.com/a/1190000009919769

 

 

好博客：

（1）饿了么前端知乎专栏

https://zhuanlan.zhihu.com/ElemeFE?topic=Vue.js

 

（2）滴滴前端知乎专栏

https://zhuanlan.zhihu.com/ddfe-weekly?topic=Vue.js

 

（3）segmentfault社区上 可以找解决vuejs的问题

https://segmentfault.com/t/vue.js

 

关于vue打包的问题

-------------------------------------------------------------------------------------------------------------

vue打包后的代码是不能修改的，我们在vue开发的时候条长会代理接口，方便本地开发，比如代理一个api，那么访问就是 /api/
我们打包后，vue中代理的东西是不存在的，也就是说，访问接口 /api/....这个api已经失去意义了

那么这个/api/在打包后就只能是作为字符的形式出现在你的接口中，所以上线后接口中出现 /api/。。。这个api可能再你接口中是没有的

首先，要确认，你代理的接口是你服务器本身的ip还是跨域请求的，比如页面所在的服务器的ip是从192.168.0.11，
那么你代理的api的ip是192.168.0.11还是别的

如果是192.168.0.11，那么你可以在开发的时候设置一个js，里面设置api两个状态，一个是开发，一个是上线，比如，api: api // 开发 api: '' // 打包

这样就是同于代理的设置

开发时，禁掉打包的api，打包时，禁掉开发的api

还有一种情况，就是当你的接口ip不是192.168.0.11时，这个时候就要nginx代理了

代理如下，比如：
location ^~ /api/ {
proxy_pass http://192.168.0.110;
}

这就跟vue代理一样的效果了

-------------------------------------------------------------------------------------------------------------

 

react 配置环境
https://github.com/brickspert/react-family
https://github.com/brickspert/blog/issues/1

https://github.com/brickspert/react-admin

兼容IE8的react全家桶

https://github.com/brickspert/react-family-ie8

 

https://github.com/trekhleb/javascript-algorithms

 

javascript的难点列表：原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承