Vue
文章平均质量分 59
金刚腿
这个作者很懒,什么都没留下…
展开
-
vue-worker的使用,及element ui动态设置任意主题色
思路获取document中所有的style标签,正则匹配替换里面含有主题色的字符串,并生成新的字符串append到body中,起到覆盖样式的作用问题和解决当样式字符串比较多时,正则匹配与替换这步操作耗时比较多,会阻塞当前页面,此时使用web-worker创建子线程来解决具体代码1 安装js-cookie vue-worker2 element-variables.scss项目默认的自...原创 2020-04-08 14:58:06 · 1635 阅读 · 1 评论 -
解决video标签播放在微信浏览器中自动全屏问题(vue-video-player使用后续)
接着之前的vue-video-player 插件使用属性熟悉下面是微信video中几个Attribute的作用poster="loadbg.jpg" : 视频封面x-webkit-airplay="allow" : 允许iOS的airplayx5-video-player-type="h5" : 启用x5内核的播放器,是微信安卓版特性,另外在X5内核里,video是单独的一个view...原创 2019-10-14 10:41:25 · 2145 阅读 · 0 评论 -
vue-video-player 插件使用
开发遇到视频音频播放的需求,首先想到的是常用的videojs、audiojs这俩插件,但是在做vue开发肯定得换个思路,于是在github上找到了star较多的vue-video-player安装npm install vue-video-player --save引入和挂载import 'video.js/dist/video-js.css'import { videoPlayer...原创 2019-10-14 10:33:35 · 1572 阅读 · 0 评论 -
处理urlSearchParams的兼容
cmd中找到cd到你文件位置,执行下面命令:npm install url-search-params-polyfill --save文件入口js中引入import 'url-search-params-polyfill';原创 2018-09-15 11:29:44 · 3805 阅读 · 0 评论 -
vue2.x兼容ie9+的解决方案与调试
1.ie9以上的调试ie控制台若不显示调试内容,可以下载补丁(IE11-Windows6.1-KB3008923-x64.msu),安装之后就好了。下载链接:https://www.microsoft.com/zh-cn/download/confirmation.aspx?id=45154之后若浏览器报Array.includes()等等一系列es6语法的错误,说明是兼容的问题,请继...原创 2018-09-04 10:00:35 · 2170 阅读 · 0 评论 -
vue开发--页面滚动加载(无插件)
1.利用原生document滚动原理data:{ onFetching:false, //防止页面滑动时多次加载 page:0, //滑动次数or加载数据的页数},mounted(){ this.loadlist=function(){ //axios请求和数据赋值 } document.addEventList...原创 2018-08-29 14:51:14 · 1031 阅读 · 0 评论 -
vue中自定义触屏事件,点击、滑动、左滑、右滑、下滑、上滑、长按
https://blog.csdn.net/qq_17757973/article/details/78112976?locationNum=7&fps=1转载 2018-08-21 09:42:51 · 2581 阅读 · 0 评论 -
webpack中代理配置(proxyTable)
在config文件下的index.js中配置代理地址 参考:https://vuejs-templates.github.io/webpack/proxy.html 举例:localhost:8080 代理到 http://www.123.com/api,如图 如果用pathRewrite重写则代理到http://www.123.com/api 将'/api'转...原创 2018-08-23 15:17:04 · 3679 阅读 · 0 评论 -
基于VUE的SPA单页应用开发-加载性能篇
1、基于异步数据的vue页面刷新先看看基于异步数据的vue页面刷新后,都发生了啥~如图所示:图1 基于异步数据的vue页面刷新 网络请求图步骤如下:step1:请求页面; step2:请求页面内的css、js资源; step3:vue页面初始化; step4:页面渲染,框架呈现[无数据内容]; step5:请求页面实际数据; step6:数据ready,填充视图,图片...转载 2018-08-23 14:51:02 · 255 阅读 · 0 评论 -
vue之keep-alive缓存动态组件的使用
在业务开发中,会有路由跳转但是返回需要保留数据的场景(如:列表页的加载);vue 中提供了 keep-alive 来处理解决方案返回dom不让其重新刷新,在vue-view外面包一层, 当引入keep-alive的时候,页面第一次进入,钩子的触发顺序created-> mounted-> activated,退出时触发deactivated。当再次进入(前进或者后退)时,只触发...原创 2018-08-23 14:48:53 · 1159 阅读 · 0 评论 -
vue-router按需加载
vue的单页面(SPA)项目,必然涉及路由按需的问题。以前我们是这么做的 1 2 //require.ensure是webpack里面的,这样做会将单独拉出来作为一个chunk文件 const Login = r => require.ensure( [], () => r (require('../component/Login.vu...转载 2018-08-23 14:05:58 · 281 阅读 · 0 评论 -
vue开发下的clipboard.js页面引入及使用
先引入cdn<script src="https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.min.js"></script><button class="copybtn" @click="createCopy" :data-clipboard-text="describtion">原创 2018-08-22 17:08:33 · 3118 阅读 · 0 评论 -
vue-cli下axios实现跨域踩的坑
按踩坑顺序叙述。本人对http了解太少,所以坑踩得较多。 1.开始进行跨域时,知道vue2.0官方推荐axios进行ajax请求,大致看一下https://www.npmjs.com/package/axios axios的用法,感觉挺好理解嘛,封装的挺好,用时发现,不对啊。跨域设置在哪?最后找到了它proxyTable: { '/shopping':{//此处并非一定和url一致。...转载 2018-08-07 19:00:24 · 408 阅读 · 0 评论 -
Vue + Webpack 将路由文件分拆为多个文件分别管理简明教程
Vue + Webpack 将路由文件分拆为多个文件分别管理简明教程近日,有网友留言,询问,如何将 vue 的路由分拆为多个文件进行管理。这当然是可以的。今天我就来写一个简单的教程,希望对大家有所帮助。事实是,如果你的项目不是特别大,一般是用不着分拆的。如果项目大了,那就需要考虑分拆路由了。其实,这个操作并不复杂。当我们用 vue-cli 工具,创建一个新的 vue 项目时,就已经给大家新建好了一...转载 2018-07-12 18:28:31 · 896 阅读 · 0 评论