风雪夜过客-CSDN博客

原创 js实现文件分段上传

/** * 上传接口相关的方法注意callback函数必须是如下定义 function(status,data,error) * 其中data的数据格式为JSon，包含的字段有fn，fpath，progress * 取值即可为data.fn,data.fpath等,其中progress表示进度 * 其中status取值如下： * 200，则为上传中，进度会一直变化,当data.prog...

2020-04-17 13:52:37 918

原创 vue的keep-alive组件清除缓存

场景是，从列表跳转到详情页，再次返回列表页时要记住之前列表页的页码、搜索关键词等，采用keepa-live缓存组件。在路由文件配置meta.keepAlive:{ path: '/List', name: 'List', component: List, meta: { keepAlive: true }}修改App.vue的router-view：<keep...

2020-01-16 18:03:28 8529 4

转载 ueditor上传文件、图片中文乱码

[摘要：百度编纂器1.43 gbk asp 题目 1.firefox3.0下单图上传面没有了面多图上传中央的蓝色按钮（即面击挑选图片）没有表现（附件上传出那个题目）没有晓得我的水狐吃翔了致使上面测试只要谷歌]百度编辑器1.43 gbk asp 问题1.firefox3.0下单图上传点不了点多图上传中间的蓝色按钮（即点击选择图片）不显示（附件上传没这个问题）不知道我...

2019-12-13 11:03:11 1499

element-ui在同一个页面放置多个table表格可能会出现一个莫名其妙的BUG，比如说表格布局乱了，不同表格内容相互覆盖，可以给el-table标签绑定 :key="Math.random()"解决问题。key 的特殊属性主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利...

2019-06-03 13:48:29 1622 1

原创 vue实现全选全不选（基于elementui）

elementui是有checkbox组件，不过问题在于checkbox组件内只能嵌套简单的字符串，如果要嵌入标签怎么办? 首先渲染页面：&lt;el-checkbox v-model="checkAll" @change="handleCheckAllChange"&gt;全选&lt;/el-checkbox&gt;&lt;tbody v-for=

2018-07-21 17:06:29 5219 2

转载程序员，教你如何吸引女生。不是追。追太低级了

教你如何吸引女生。不是追。追太低级了。那些长得帅的高的有钱的同学就别凑热闹了，我是写给条件一般的男生的。请各位看官保持沉默，觉得好的继续看，觉得不好的自觉走开，勿喷。有碰到过女孩经常问你一些莫名其妙的问题？有没有碰到过女孩这样问你：“你为什么喜欢我？” “你喜欢我什么？” 有没有碰到过女孩在你面前说“无聊”或者表现出很无聊的样子？你没有碰到女孩在QQ上对你的回答都是...

2018-07-06 10:39:27 3762

原创 swiper实现pc端文本上下滑动

在网站上看小说，文本太长时，靠鼠标去拖动滚动条太麻烦，鼠标滚轮又不精确，滚一下就不知道跑到哪去了。能不能像移动端那样可以鼠标上下滑动呢？swiper可以完美解决这个问题。 1、首先当然是引入swiper文件了：&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/css/swip...

2018-05-25 18:26:09 7338 1

原创 select选择框样式优化

首先要清除选择框默认样式：select{ border: solid 1px #666; appearance:none; -moz-appearance:none; -webkit-appearance:none;}设置上自己重定义的图标：select{ padding-right:20px; background: url("....

2018-05-23 11:56:13 2582

原创微信小程序滚动监听

微信小程序是没有真实DOM节点的，也就是说没有window对象，怎么实现类似web网页的滚动监听事件呢？在页面Page()函数里，有个onPageScroll方法，可以输出滚动距离：onPageScroll:function(e){ console.log(e);//{scrollTop:99} }开发者可以通过监听scrollTop的变化来操作页面显示。现有bug...

2018-04-28 18:03:31 33014 4

原创微信小程序canvas组件横向溢出滚动（基于wx-charts）

公司要求在微信小程序里插入折线图，上网搜了下，发现wx-charts还挺好用的，就用他了。 wx-charts具体用法就不介绍了，网上有很多教程，还有不懂的可以留言讨论。折线图完成了，却发现了一个问题：展示数据长度不确定，导致如果数据很长的话，数据就会挤成一团，很不好看，如果长度较大，canvas能滚动就好了。动态设置canvas宽度不难：获取数据长度，让canvas长度为数据长度乘以固定值...

2018-04-27 14:29:50 7333 4

原创 ES6新特性，小技巧

以下为个人理解，如有错误之处，欢迎指出。1.变量声明let和const 在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)，这就是函数变量提升。 ES6，我们通常用let和const来声明，let表示变量、const表示常量，let和const都是块级作用域，避免变量提升的问题。con...

2018-04-11 18:09:53 276 2

原创原生js实现无缝滚动轮播图（移动端）-自动轮播

想不依赖任何插件和库，就用原生js实现移动端自动轮播，发现网上的都不尽如人意，干脆自己写一个，代码有部分参考，废话少说，上代码。head部分，没什么好说的：<meta charset="utf-8"> <meta name="copyright" content=""> <meta name="viewport"

2018-04-10 14:52:50 4917 1

原创微信小程序设置缓存的时效以及读取缓存

因公司发展需要，本人也踩进微信小程序的坑了，爬坑是一个艰辛的过程，现将遇到的部分问题记录一下。小程序官方API提供了wx.setStorageSync，不过是永久缓存，除非用户手动清除，否则会一直留在用户手机。而我们都知道，本地缓存最大为10M。实际开发过程中，或者为了给用户节省内存，或者为了设置信息即时性，我们需要对部分缓存设置时效性，在他到期之后删除。相关代码如下： //设置时效缓存，tim...

2018-03-28 22:10:14 13982

风雪夜过客的博客