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代理一样的效果了
-------------------------------------------------------------------------------------------------------------
vue 学习资料的更多相关文章
- 给大家整理了几个开源免费的 Spring Boot + Vue 学习资料
最近抽空在整理前面的文章案例啥的,顺便把手上的几个 Spring Boot + Vue 的学习资料推荐给各位小伙伴.这些案例有知识点的讲解,也有项目实战,正在做这一块的小伙伴们可以收藏下. 案例学习 ...
- Vue学习资料
1. {{ msg }}插值表达式. v-text:将数据插入到页面中,没有闪烁问题. v-cloak:通过style属性选择器的方式display:none:防止闪烁问题. v-html:将标签解析 ...
- 如何快速上手一个新技术之vue学习经验
碰到紧急项目挪别人的vue项目过来直接改,但是vue是18年初看过一遍,18年底再来用,早就忘到九霄云外了,结果丢脸的从打开vue开始学,虽然之前在有道云笔记做了很多记录,然后没有系统整理.所以借这次 ...
- Vue学习入门
1.安装WebStorm: 2.激活WebStorm:https://blog.csdn.net/qq_40147863/article/details/81317709 3.安装全局脚手架:npm ...
- vuejs学习资料
Vue.js 是一个轻巧.高性能.可组件化的MVVM库,同时拥有非常容易上手的API,让编写动态的UI界面变得轻松简单. 这里是我整理的相关学习资料: vue.js 中文api vue.js gith ...
- day 82 Vue学习二之vue结合项目简单使用、this指向问题
Vue学习二之vue结合项目简单使用.this指向问题 本节目录 一 阶段性项目流程梳理 二 vue切换图片 三 vue中使用ajax 四 vue实现音乐播放器 五 vue的计算属性和监听器 六 ...
- vue学习笔记(一)入门
前言 随着前端不断的壮大,许多公司对于前端开发者的需求也越来越多了,作为一名优秀的前端工程师,如果连vue和react都不会的话,那真是out了,为什么那么说呢?这是我在招聘网站上截的一张图,十家公司 ...
- AntDesign vue学习笔记(七)Form 读写与图片上传
AntDesign Form使用布局相比传统Jquery有点繁琐 (一)先读写一个简单的input为例 <a-form :form="form" layout="v ...
- G6 学习资料
G6 学习资料 网址 G6 1.x API 文档 http://antvis.github.io/g6/doc/index.html 官方demo列表 https://github.com/antvi ...
随机推荐
- 说说XXE漏洞那些事
想不起来写点啥了,又是摸鱼的一天,看了一些红队大佬们整理的资料,非常精彩,于是一个咸鱼翻身先选了一些简单的小点来写一写个人的感想(后续会继续更新其他内容) 不能说写的是技术分享,因为师傅们的文章珠玉在 ...
- 009 FPGA实现网口通信的几种方式【转载】
从硬件上来说,一般PHY芯片为模数混合电路,负责接收电.光这类模拟信号,经过解调和A/D转换后通过MII接口将信号交给MAC芯片进行处理.一般MAC芯片为纯数字电路. 物理层定义了数据传送与接收所需要 ...
- Python 读写文件的正确方式
当你用 Python 写程序时,不论是简单的脚本,还是复杂的大型项目,其中最常见的操作就是读写文件.不管是简单的文本文件.繁杂的日志文件,还是分析图片等媒体文件中的字节数据,都需要用到 Python ...
- redis的五大数据类型实现原理
1.对象的类型与编码 Redis使用前面说的五大数据类型来表示键和值,每次在Redis数据库中创建一个键值对时,至少会创建两个对象,一个是键对象,一个是值对象,而Redis中的每个对象都是由 redi ...
- 分布式redis自增
redis+springboot RedisUtil.java package com.meeno.chemical.common.redis; import java.util.Date; impo ...
- 【js】--获取开始时间 和 截止时间中间的所有时间
1.工具函数 将[中国标准时间] 转换成 [年月日 时分秒] /* * timeStamp: 标准时间 例: 'Tue Sep 22 2020 00:00:00 GMT+0800 (中国标准时间)' ...
- Mybatis映射器(二)
上一篇文章返回是resultType,但其无法定义多的属性,比如typeHandler,级联等.为了支持复杂映射,可以用resultMap属性,先定义resultmap属性: <mapper n ...
- 前端 | 页面触底自动加载 Vue 组件
不管是 web 端还是移动端,信息流都是现在很流行的信息展示方式.信息流经常搭配自动加载一起使用以获得更好的使用体验. 最近在使用 Vue 开发过程中也遇到了首页信息流自动加载的需求.大致了解了一下几 ...
- Spring源码浅析之bean实例的创建过程(二)
在上一篇内容中,介绍了doGetBean方法的源码内容,知道了bean在创建的过程中,有三个范围,单例.多例.Scope,里面都使用到了createBean.下面本篇文章的主要内容,就是围绕creat ...
- 从kratos分析breaker熔断器源码实现
为什么要用熔断 前面我们讲过限流保证服务的可用性,不被突如其来的流量打爆.但是两种情况是限流解决不了的. 如果我们服务只能处理1000QPS,但是有10wQPS打过来,服务还是会炸.因为拒绝请求也需要 ...