剑仙6

2019年11月27日

摘要：目标本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性：其它开发者或是团队成员更容易阅读和理解。 IDEs 更容易理解代码，从而提供高亮、格式化等辅助功能更容易使用现有的工具更容易实现缓存以及代码包的分拆本指南为 De Voorhoede 参考 RiotJS 阅读全文

posted @ 2019-11-27 16:34 剑仙6 阅读(219) 评论(0) 推荐(0) 编辑

Vue开发规范

摘要：组件化开发前端组件化是现在前端框架中一个非常重要的思想元素，将页面内容进行拆分之后，可独立维护，可复用性大大提高。哪个地方出问题，直接去修改的对应的组件即可。团队人员配置多的时候，你写你的header，我写我的footer。相互不影响，不冲突。而组件的合理拆分，也就变成了衡量水平的一个维度之一。阅读全文

posted @ 2019-11-27 16:28 剑仙6 阅读(185) 评论(0) 推荐(0) 编辑

2019年11月26日

axios跨域处理

摘要：本质分析：因为axios在vue中利用中间件http-proxy-middleware做了一个本地的代理服务A，相当于你的浏览器通过本地的代理服务A请求了服务端B，浏览器通过服务A并没有跨域，因此就绕过了浏览器的同源策略，解决了跨域的问题。一、问题当浏览器报如下错误时，则说明请求跨域了。 l 阅读全文

posted @ 2019-11-26 23:50 剑仙6 阅读(1107) 评论(0) 推荐(0) 编辑

axios拦截器

摘要：请求顺序验证 1、main.js入口文件 2、vue组件里 3、结果 4.作用请求拦截→在请求发送前校验数据和参数，有问题则不进行发送响应拦截→返回数据有误时做出拦截实例：post请求需要转换数据，此时可以放到拦截器处理，以后方便其他所有组件调用post，不用依次配置qs 入口文件配置： 1、阅读全文

posted @ 2019-11-26 23:18 剑仙6 阅读(153) 评论(0) 推荐(0) 编辑

全局的 axios 默认值

摘要：（1）全局的 axios 默认值 axios.defaults.baseURL = 'https://api.example.com';/*默认请求路径*/ axios.defaults.headers.common['Authorization'] = AUTH_TOKEN; /*作者认证*/ a 阅读全文

posted @ 2019-11-26 22:58 剑仙6 阅读(770) 评论(0) 推荐(0) 编辑

axios之Vue请求初始化数据放在Created还是Mounted？

摘要：先分析下生命周期 beforecreated：el 和 data 并未初始化 created:完成了 data 数据的初始化，el没有 beforeMount：完成了 el 和 data 初始化 mounted ：完成挂载（1）mounted 很多人跟我说初始化放在Mounted里面，我问她(他阅读全文

posted @ 2019-11-26 21:57 剑仙6 阅读(5460) 评论(0) 推荐(0) 编辑

axios用法全解

摘要：【前言】本文介绍下axios用法，希望对大家有所帮助这里声明一句：请求数据一般放置到哪里？详见下篇文章【主体】（1）下载 npm i axios --save （2）引入axios模块方式1：在每个页面根组件引入，然后使用方式2：在入口文件引入，然后通过Vue.prototype 属性，阅读全文

posted @ 2019-11-26 21:44 剑仙6 阅读(447) 评论(0) 推荐(0) 编辑

2019年11月24日

Vue中swiper手动滑动后不能自动播放的解决方法

摘要：用户操作swiper之后，是否禁止autoplay。默认为true：停止。如果设置为false，用户操作swiper之后自动切换不会停止，每次都会重新启动autoplay。操作包括触碰，拖动，点击pagination等。 Swiper3.x <script> var mySwiper = new S 阅读全文

posted @ 2019-11-24 18:28 剑仙6 阅读(1456) 评论(0) 推荐(0) 编辑

vue之ajax

摘要：【前言】 Vue里发送AJAX有很多工具可以供开发者使用 ①浏览器自带的fetch函数 ②vue之前推荐的vue-resource第三方模块 ③vue官方目前强力推荐的axios第三方模块 axios可以实现跨平台数据请求【主体】（1）安装axios npm i axios --save （2）阅读全文

posted @ 2019-11-24 16:41 剑仙6 阅读(190) 评论(0) 推荐(0) 编辑

小程序和Vue利用swiper实现icons分页显示--动态计算

摘要：这里发现小程序实现步骤,Vue与之类似先上效果图： <view class="icons"> <swiper indicator-dots="true" indicator-active-color="rgba(0,175,190,.8)" style='height: 360rpx;'> <sw 阅读全文

posted @ 2019-11-24 13:14 剑仙6 阅读(405) 评论(0) 推荐(0) 编辑

公告