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

 

php去掉一個文件所有的空行

<?php
$in = new SplFileObject('VueRef.txt', 'rb');
 
if (!$in) {
    throw new Exception('open file for read failed!');
}
 
$out = new SplFileObject('out.txt', 'w');
if (!$out) {
    throw new Exception('open file for write failed!');
}
 
foreach ($in as $lineNum => $line) {
    $line = trim($line);
    if (strlen($line)) {
        $out->fwrite($line.PHP_EOL);
    }    
}

　　

 

關於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、繼承