随笔分类 - 插件
摘要：概述 在展示大型列表和表格数据的时候（城市列表、通讯录、微博等），会导致页面卡顿，滚动不流畅等性能问题，这样就会导致移动设备耗电加快，影响移动设备的电池寿命 产生性能问题的元素：大量DOM节点的重绘和重排 优化方案： 懒渲染 可视区域渲染 懒渲染 懒加载，常见的长列表优化方案，常见于移动端 原理：每
阅读全文
摘要：vuex可以进行全局的状态管理，但刷新后刷新后数据会消失，这是我们不愿意看到的。怎么解决呢，我们可以结合本地存储做到数据状态持久化，但是太麻烦每次都要操作，所以此时就可以利用vuex-persistedstate插件 安装 npm install vuex-persistedstate --save
阅读全文
摘要：Vue-Editor底层采取的是quill.js，而quill.js采用的是html5的新属性classList，所以版本低于ie10会报错“无法获取未定义或 null 引用的属性‘confirm’”,而作者写该组件时似乎把ie10也舍弃了,直接支持ie11+，因此需要兼容ie9,ie10的建议更换
阅读全文
摘要：前几天在做项目的时候，遇到一个表格里边的数据通过上下拖拽来改变其排序方式，后来通过一阵查找，发现jquery-ui提供了sortable这个方法，甚是欢喜，在此便把我写的小demo奉上： 其文档地址为：http://api.jqueryui.com/sortable/#entry-examples
阅读全文
摘要：这几天在做登录时需要输入验证码，可后端那边由于受限制，导致只能返回给前端验证码的文字，下面就把源码附上： 插件 gVerify.js HTML： 效果：
阅读全文
摘要：https://www.zhangxinxu.com/jq/pagination_zh/ 参数： 举例： 例如下面的使用代码： 这段代码表示的含义是：总共有56(maxentries)个列表项，首尾两侧分页显示2(num_edge_entries)个，连续分页主体数目显示4(num_display_
阅读全文
摘要：在做项目时，需要将后端返回来的数据经过前端网页生成pdf文件，供用户下载，这里便提供此功能的方法及demo，可以作为参考： 代码： var pdf = new jsPDF('p','pt','a4'); pdf.internal.scaleFactor = 1; //可以调整缩放比例 var opt
阅读全文
摘要：一般在写前端页面时，经常会遇到分页这样的效果，element-ui中便有这样的插件，用vue框架使用的很方便，在此做一总结： <template> <div class="block"> <el-pagination @size-change="handleSizeChange" // pageSi
阅读全文
摘要：原生语法 使用原生语法，需要导入template-native.js文件。在HTML中定义模板，注意模板的位置，不要放到被渲染区域，防止模板丢失。 1 <script id="tpl" type="text/html"> 2 <% for (var i = 0; i < products.lengt
阅读全文
摘要：对于实现效果来说，插件的办事效率真的是太高了，而且里边也被处理过兼容性，用起来实在是特别方便，现在我们来说说大话主席中的slide插件，它分为pc端（superslide）和移动端（touchslide）。 superslide： 1、引用jQuery.js 和 jquery.SuperSlide.
阅读全文
摘要：最近在网上看到很多代码都通过引入animate.css来实现动画效果，后来我便使用这种方法来尝试着写了个小案例，结果真的很好用，比我们通常情况下使用css或js实现动画效果好得多，便在此做个总结。 第一步，便是下载相关的animate.css文件，方法有三种： 1.从官网下载： https://ra
阅读全文
摘要：前一阵子接触到了mobiscroll插件，用在移动端的日期选择上，感觉倍棒，于是便敲了一个小案例，与大家一起分享分享
阅读全文
