摘要: 一、目录 二、初始化项目 首先全局安装vue脚手架,当前是第三版本vue-cli3.x,这里是用的npm包管理工具来安装的,如果你的网不是很好的话可以先安装淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org,然后通过c 阅读全文
posted @ 2019-05-17 15:34 逝水流灬L 阅读(655) 评论(0) 推荐(0) 编辑
摘要: 一、jwt授权认证 现在大多数项目都是采用jwt授权认证,也就是我们所熟悉的token登录身份校验机制,jwt的好处多多,由于jwt是由服务端生成,中间人修改密串后,服务端会校验不过,安全有效。一般呆在请求头上的Authorization里面。前端童鞋一般获取token后通过vuex存储起来,随后数 阅读全文
posted @ 2019-05-17 15:22 逝水流灬L 阅读(433) 评论(0) 推荐(0) 编辑
摘要: 前言 hello,咱又见了~~嘻嘻。本次主要来说说这个打包优化的问题。一个vue项目从开发到上线必须得经历打包过程,一个项目的打包优化与否都决定了你这个项目的运行速度以及用户体验。本次主要是针对vue.config,js的配置进行优化。项目地址 开发环境与生产环境 开发环境与生产环境的配置也是开发中 阅读全文
posted @ 2019-05-17 15:21 逝水流灬L 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 微信授权后还能通过浏览器返回键回到授权页 在导航守卫中可以在next({})中设置replace: true来重定向到改路由,跟router.replace()相同 路由切换时页面不会自动回到顶部 ios系统在微信浏览器input失去焦点后页面不会自动回弹 初始的解决方案是input上绑定onblu 阅读全文
posted @ 2019-05-17 15:16 逝水流灬L 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 发起一个github/npm工程协作项目,门槛太高了!! 最基础的问题,你都要花很久去研究: 如何在项目中全线使用es2017代码? 答案是babel 如何统一所有协作者的代码风格? 答案是eslint + prettier 如何测试驱动开发,让项目更健壮? 答案是jest 如何持续化集成,方便更多 阅读全文
posted @ 2019-05-17 15:02 逝水流灬L 阅读(657) 评论(0) 推荐(0) 编辑
摘要: 应用场景: 在网络请求中,可能不可避免的会遇到网络差或者请求超时的情况,这时候,如果你采用的技术是axios,那就可以通过设置拦截器捕获这个异常情况,并做出下一步处理。 代码实践: ① 设置拦截器,返回timeout的错误信息 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 阅读全文
posted @ 2019-05-17 14:47 逝水流灬L 阅读(1739) 评论(0) 推荐(1) 编辑
摘要: 什么是async、await? async顾名思义是“异步”的意思,async用于声明一个函数是异步的。而await从字面意思上是“等待”的意思,就是用于等待异步完成。并且await只能在async函数中使用 通常async、await都是跟随Promise一起使用的。为什么这么说呢?因为async 阅读全文
posted @ 2019-05-17 14:44 逝水流灬L 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 一、首先需要在项目中引入better-scroll 1. 在package.json 直接写入 "better-scroll":"^1.11.1" 版本以github上为准(目前最新) 2.cpnm install 在node_modules 可以查看版本是否安装 3.直接在你的组件里面写入impo 阅读全文
posted @ 2019-05-17 14:41 逝水流灬L 阅读(1506) 评论(0) 推荐(0) 编辑
摘要: 第一步还是先下载axios 第二步建立一个htttp.js 第三步 在main.js中引入 最后在组件里直接使用 阅读全文
posted @ 2019-05-17 10:06 逝水流灬L 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 安装 在页面中 接下来,就需要在mounted里面进行wx.config()了。 由于使用微信js需要进行授权配置,所以需要使用ajax请求从服务端获取微信jssdk的授权参数,ajax请求我这里使用的axios 就这样,只要服务端返回的签名没有错,就能配置成功,就可以使用微信js啦。 需要注意的是 阅读全文
posted @ 2019-05-17 10:03 逝水流灬L 阅读(12322) 评论(0) 推荐(0) 编辑
摘要: 安装 good-storage npm install good-storage 用法 import storage from 'good-storage' storage.set(key,val) //设置 storage.get(key) //获取 remove(key) //删除 安装 goo 阅读全文
posted @ 2019-05-17 10:02 逝水流灬L 阅读(3708) 评论(0) 推荐(0) 编辑