自学资料地址:

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

vue 学习资料的更多相关文章

  1. 给大家整理了几个开源免费的 Spring Boot + Vue 学习资料

    最近抽空在整理前面的文章案例啥的,顺便把手上的几个 Spring Boot + Vue 的学习资料推荐给各位小伙伴.这些案例有知识点的讲解,也有项目实战,正在做这一块的小伙伴们可以收藏下. 案例学习 ...

  2. Vue学习资料

    1. {{ msg }}插值表达式. v-text:将数据插入到页面中,没有闪烁问题. v-cloak:通过style属性选择器的方式display:none:防止闪烁问题. v-html:将标签解析 ...

  3. 如何快速上手一个新技术之vue学习经验

    碰到紧急项目挪别人的vue项目过来直接改,但是vue是18年初看过一遍,18年底再来用,早就忘到九霄云外了,结果丢脸的从打开vue开始学,虽然之前在有道云笔记做了很多记录,然后没有系统整理.所以借这次 ...

  4. Vue学习入门

    1.安装WebStorm: 2.激活WebStorm:https://blog.csdn.net/qq_40147863/article/details/81317709 3.安装全局脚手架:npm ...

  5. vuejs学习资料

    Vue.js 是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API,让编写动态的UI界面变得轻松简单. 这里是我整理的相关学习资料: vue.js 中文api vue.js gith ...

  6. day 82 Vue学习二之vue结合项目简单使用、this指向问题

    Vue学习二之vue结合项目简单使用.this指向问题   本节目录 一 阶段性项目流程梳理 二 vue切换图片 三 vue中使用ajax 四 vue实现音乐播放器 五 vue的计算属性和监听器 六 ...

  7. vue学习笔记(一)入门

    前言 随着前端不断的壮大,许多公司对于前端开发者的需求也越来越多了,作为一名优秀的前端工程师,如果连vue和react都不会的话,那真是out了,为什么那么说呢?这是我在招聘网站上截的一张图,十家公司 ...

  8. AntDesign vue学习笔记(七)Form 读写与图片上传

    AntDesign Form使用布局相比传统Jquery有点繁琐 (一)先读写一个简单的input为例 <a-form :form="form" layout="v ...

  9. G6 学习资料

    G6 学习资料 网址 G6 1.x API 文档 http://antvis.github.io/g6/doc/index.html 官方demo列表 https://github.com/antvi ...

随机推荐

  1. JavaSE-方法

    何谓方法 比如之前用到的 System.out.println(); System为一个类:out为这个类的一个输出对象:println()为这个对象的方法 调用System类中out输出对象的pri ...

  2. netty系列之:在netty中使用protobuf协议

    目录 简介 定义protobuf 定义handler 设置ChannelPipeline 构建client和server端并运行 总结 简介 netty中有很多适配不同协议的编码工具,对于流行的goo ...

  3. asp.net MVC 数据的验证

    join 操作

  4. jQuery中的内容、可见性过滤选择器(四、四)::contains()、:empty、:has()、:parent、:hidden、:visible

    <!DOCTYPE html> <html> <head> <title>内容.可见性过滤选择器</title> <meta http ...

  5. JDBC中级篇(MYSQL)——处理大文本(CLOB)

    注意:其中的JdbcUtil是我自定义的连接工具类:代码例子链接: package b_blob_clob; import java.io.FileNotFoundException; import ...

  6. win系统打不开CHM文件(例如JDK的API)

    打开文件乱码,打开时弹出乱码 前提说明,存放路径不得有中文,文件名也不能有中文 检查下面三个文件:    hh.exe文件放置电脑 C:\Windows目录下:     hhctrl.ocx ,its ...

  7. 解决 conda tensorflow failed to create cublas handle: CUBLAS_STATUS_NOT_INITIALIZED

    参考解决方案1:https://stackoverflow.com/questions/38303974/tensorflow-running-error-with-cublas 参考解决方案2:ht ...

  8. 在Raspberry Pi 3B+上安装Windows 10 IoT

    下载 进入树莓派下载页面,当前网址https://www.raspberrypi.org/downloads/ 选择Windows 10 IoT Core,当前网址https://docs.micro ...

  9. 如何在MacBook M1上无缝切换Win11和MacOS?

    2020年,MacBook M1发布后,由于其夸张到离谱的性能表现,苹果又一次在知名度和销量上真正实现了双丰收. 抛开M1和MacOS其他的华丽特色不谈,很多习惯了Windows系统的同学,在换了这台 ...

  10. Mybatis-Plus增强包

    简介 本框架(Gitee地址 )结合公司日常业务场景,对Mybatis-Plus 做了进一步的拓展封装,即保留MP原功能,又添加更多有用便捷的功能.具体拓展体现在数据自动填充(类似JPA中的审计).关 ...