vue 学习资料

Posted 2021-01-02 mingzhanghui

 自学资料地址：

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、继承