这是我的博客

有压力更有动力!前进。。。

vue 对数据进行排序

单纯的数组数字进行排序,见vue使用sort()方法排序 根据数组中对象为数字情况进行排序,见下面代码 sortBykey(ary, key) { return ary.sort(function (a, b) { let x = a[key] let y = b[key...

2019-09-10 15:48:40

阅读数 32

评论数 0

数据数组获取重复字段数组集合

有时候我们对数据进行处理会放在前端进行,这样减少http请求,也算是一种优化方案。 例如我们想做这种效果 那我们第一想法就是点击不同区域的时候去请求后台数据,这样会导致反复请求http,增加宽带。 解决方法:我们可以第一次就将所有的数据拿到,再根据不同区域去进行数据的处理,代码如下: let d...

2019-09-05 10:44:39

阅读数 16

评论数 0

外部js调用vue实例方法

vue函数 mounted () { window.testFun = this.testFun; // 方法赋值给window }, methods: { // vue内部方法 testFun () { }, } 外部js调用 <script...

2019-08-30 14:46:14

阅读数 98

评论数 0

vue axios 拦截器

Vue 项目在发布新版本的时候,往往会出现新旧版本不一致导致报错,这样就会给用户一个误导。所以在发布版本的时候出现报错的错误码时就需要给用户一个提示 为此就需要在axios请求的时候来个拦截器interceptors去处理不同的response.status了 import Axios from ...

2019-08-29 17:00:34

阅读数 13

评论数 0

下载文件流文件

downloadPdf(result) { let blob = new Blob([result], {type: ‘application/vnd.openxmlformats-officedocument.wordprocessingml.document;charset=utf-8’});...

2019-07-15 17:47:58

阅读数 15

评论数 0

vue-pdf 通过文件流预览pdf文件

用过vue-pdf的同志应该都知道,如果拿到的是一个pdf的在线链接在使用这个的时候会出现一个跨域问题。而后端不想去处理跨域情况,所以后面就考虑到使用文件流的形式去处理。 首先,下载vue-pdf npm install vue-pdf -D 其次,模板里面引入vue-pdf import pd...

2019-07-15 17:39:59

阅读数 37

评论数 0

js数组对象里面获取某个属性值相等的对象

例: var outArr=[ {"name":"张三","id":1,age:18}, {"name":"李四","id":2,age:19}, {"name&...

2019-07-15 16:57:49

阅读数 36

评论数 0

websocket实现心跳连接

在使用websocket的时候,遇到了一个websocket在连接一段时间就异常断开连接了。第一想法就是重新去连接websocket(websock.onopen),后来发现这种方式是错误的,查阅文档发现,要想重新建立连接,就需要一种心跳思想去处理(实时监听连接情况,断了就去重连) 下面以Vue代...

2019-07-10 14:55:54

阅读数 310

评论数 0

css 取消鼠标双击选中

有时候我们在页面上操作的时候,总会碰到鼠标连点的情况下,这样会导致你点击的文字地方出现一片蓝色选中状态,例如: 导致体验效果不理想。 取消上面情况:(css) -moz-user-select:none; -ms-user-select: none; -webkit-user-select...

2019-07-09 09:56:55

阅读数 111

评论数 0

去掉页面的滚动条

去掉页面上的滚动条 body::-webkit-scrollbar {display: none;} 如果使用了iframe,则可以使用scrolling="no

2019-07-05 15:44:44

阅读数 151

评论数 0

encodeURI和encodeURIComponent的比较

有时候我们在url跳转的时候往往会携带参数,参数中可能会包含一些特殊字符,例如:空格,下划线,加号…,这时候对后台或者前台解析的时候就读取不到这些特殊字符存在,这个时候我们就需要对特殊字符进行编码。 下面针对encodeURI和encodeURIComponent做个比较: 相同点:都可以对url...

2019-06-03 15:53:11

阅读数 194

评论数 0

vue 使用sort()方法报错:“You may have an infinite update loop in a component”

特意翻译了下You may have an infinite update loop in a component (组件中可能有无限的更新循环); 最近在做一个字母和数字组合排序的vue项目的时候,第一反应就是使用sort()函数,结果在直接对对应数组进行sort()的时候,居然报错了,奇怪。。...

2019-05-30 16:43:48

阅读数 117

评论数 0

移动端开发底部元素margin-bottom失效的处理方式

在移动端开发的过程中,经常会有在底部进行一个元素固定定位在,这样我们主体数据有需要设置margin-bottom 去防止主体数据被底部遮挡的情况。 这在android手机中这样设置是完全没有问题的,不过在ios手机上就会出现底部定位遮挡了主体内容。当时还尝试了使用padding-bottom去处...

2019-05-09 17:44:50

阅读数 184

评论数 0

vue 时间戳转日期

封装: datetimeparse (timestamp, format, prefix) { if (typeof timestamp =='string'){ timestamp=Number(timestamp) }; ...

2019-05-09 17:28:34

阅读数 348

评论数 0

js 获取当前天的前几天或者后几天日期

封装函数: function fun_date(aa){ var date1 = new Date(), time1=date1.getFullYear()+"-"+(date1.getMonth()+1)+"-"+date1...

2019-05-09 17:24:48

阅读数 97

评论数 0

vue + webpack + emelent-ui打包后element的小图标不显示

由于针对element-ui的组件样式,我引入了element-theme-chalk 样式,下载完依赖后注入的时候,循序为: import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css'; imp...

2019-05-07 17:59:50

阅读数 2899

评论数 0

vue + echarts 饼图

html: <!-- 饼图--> <div id="myChart2"/> js: // 饼图 getPie () { // 基于准备好的dom,初始化echarts实例 le...

2019-05-06 19:16:21

阅读数 241

评论数 0

vue + echarts 多条折线图

html: <!-- 折线图--> <div id="myChart1"/> js: // 折线图 getLine () { // 基于准备好的dom,初始化echarts实例 ...

2019-05-06 18:23:25

阅读数 532

评论数 0

vue webpack打包 net::ERR_INCOMPLETE_CHUNKED_ENCODING 或者 weixin://preinjectjsbridge/fail

vue + webpack 项目在本地上是运行正常,结果发布到线上的时候出现打包的js报net::ERR_INCOMPLETE_CHUNKED_ENCODING 或者在移动端出现weixin://preinjectjsbridge/fail ,页面空白现象。 查询后得知:后端没有及时删除日志,导...

2019-05-06 15:48:03

阅读数 81

评论数 0

vue 调用虚拟键盘

有时候在大型触屏设备(如双屏设备)中,往往就没有键盘去操作,而且在触屏input或者textarea的输入时候就无法去输入值,所以就需要去建立一个虚拟键盘去操作 vue-touch-keyboard 详细介绍及操作链接 *记录下 ...

2019-04-26 15:26:47

阅读数 768

评论数 0

提示
确定要删除当前文章?
取消 删除