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代理一样的效果了

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

 

https://github.com/brickspert/react-admin
兼容IE8的react全家桶
https://github.com/brickspert/react-family-ie8
 
javascript的难点列表:原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承

 

posted @ 2018-08-12 10:32  zhanghui_ming  阅读(363)  评论(0编辑  收藏  举报