随笔分类 - js
摘要：module.exports = { // eslint 配置 eslintJSON: { root: true, // 当前配置为根配置，将不再从上级文件夹查找配置 parserOptions: { parser: 'babel-eslint', // 采用 babel-eslint 作为语法解析
阅读全文
摘要：element-ui table组件内部对滚动事件做了防抖。它不会实时修改非固定列的位置 ，有几毫秒的延迟 1、给table添加ref="tableRef" <el-table :data="tableData" ref="tableRef" > </el-table> 2、在获取数据后重新渲染表格
阅读全文
摘要：1、将swiper-button-prev和swiper-button-next放置到swiper-container下一级 2、在swiper-container外面再套一层盒子swiper-box 3、swiper-box设置position:relative,并且去掉swiper-contai
阅读全文
摘要：闭包实例--函数防抖 /** * @function debounce 函数防抖 * @param {Function} fn 需要防抖的函数 * @param {Number} interval 间隔时间 * @return {Function} 经过防抖处理的函数 * */ function d
阅读全文
摘要：在另一篇里已经说了如何实现type="file"的input文件上传，现新增需求需要展示上传的进度，所以在原来基础上再加上 文件上传-不带进度条： https:////www.cnblogs.com/liangpi/p/12503533.html 先看效果展示： 1、首先还是先添加html <!--
阅读全文
摘要：要判断数据类型-就要先知道js有哪些数据类型： 主要分两类： 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol（ES6 引入了一种新的原始数据类型，表示独一无二的值）。 引用数据类型：对象(Obje
阅读全文
摘要：通常原生的input上传是先进行文件的选择，然后通过提交按钮对文件进行上传，现功能需求是选择文件后直接进行上传，通过后端返回的文件信息进行展示，在提交操作时不再进行文件的上传，只传递文件相关信息如id或者url。 文件上传-带进度条：https:////www.cnblogs.com/liangpi
阅读全文
摘要：先看效果展示： 1、下载相应jquery、bootstrap以及bootstrap-paginator插件 <script src="js/basic/jquery-3.4.1.js"></script> <script src="js/basic/bootstrap.min.js"></scrip
阅读全文
摘要：在一张图片上加热点区域可以通过<map>标签来实现，也可以直接使用导出的 SVG 文件直接完成热点区域的绘制。 通过<map>标签的方法：https:////www.cnblogs.com/liangpi/p/11944052.html 1、需要先将所需大图标注出可点击区域后，导出为svg文件，嵌入
阅读全文
摘要：在一张完整图片上，需要点击不同位置响应不同事件。 通过map标签完成可点击区域的图像映射，由area设定可点击区域。 通过SVG的方法：https:////www.cnblogs.com/liangpi/p/11950114.html 1、所有主流浏览器都支持 <map> 标签与<area>标签：
阅读全文
摘要：1：在common文件下index.js中写入方法并导出 export var isMobile = { Android: function () { return !!navigator.userAgent.match(/Android/i); }, iOS: function () { retu
阅读全文
摘要：在vue项目中不可避免会涉及数字的动态滚动的效果，通常使用countTo来实现 1：安装依赖 npm install --save vue-count-to 2：可以全局引用也可以在单独页面引用，因项目局限就在单独页面使用了 1）、 import CountTo from 'vue-count-to
阅读全文
摘要：1.根据url中携带的参数名获取参数值 /** * 获取url中的参数 */ function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r
阅读全文
摘要：\ 将字符变为特殊或非特殊字符。如 n 变为换行符 \n，特殊符号 ( 变为字符 \(。 ^ 匹配字符串起始位置。 $ 匹配字符串结束位置。 * 匹配前面的子表达式零到多次。 + 匹配前面的子表达式一到多次。 ? 匹配前面的子表达式零到一次。 {n} 匹配前面的子表达式的n个，如 o{2} 能够匹配
阅读全文
摘要：项目中有很多地方会用到正则表达式，通过不同的使用，将常用的记录积累下来，以便参考 1.url验证 /* 合法uri*/ export function validateURL(textval) { const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+
阅读全文
摘要：通常，在做图片上传的时候，一般以file对象的形式传递。后端将图片上传服务器之后，当前端再次请求数据，拿到的图片为http开头的url。通过此url一般能满足页面展示的需求，如果需要再将此图片传送给后端，也能满足。但在图片在编辑更换后再次传送，且后端需要file对象接收时，单纯的url将不能满足需求
阅读全文
浙公网安备 33010602011771号