随笔分类 - JS
摘要：树形结构的数据，即源数据： const origin = { "id": "40953897304457339", "name": "一级单位", "children": [ { "id": "52979376890839070", "name": "二级单位1", "children": null
阅读全文
摘要：使用场景：从XX列表页进入详情页，返回列表页时，需要保留原来的搜索条件。 解决思路 方法一：将搜索条件放到URL中带到详情页，返回时再带回来。适用于比较简单的情况。 方法二：将搜索条件等数据存到sessionStorage。（推荐使用该方法） 代码 这里只展示方法二的代码（方法一比较简单，大家可以自
阅读全文
摘要：方法一 使用ES的最新语法：Array.prototype.flat()。 flat([dept])，参数 dept 为数组的深度，默认为1，根据传入的深度将数组展开。 对于不确定深度的数组，可以传入 Infinity (代表正无穷大)。 【示例】 【优点】 使用简单 【缺点】 有兼容性性问题，具体
阅读全文
摘要：需求 实现在系统里批量导入数据，通过上传一个excel文件，前端将文件处理为json数据发送给后端。（最好与后端定义好上传的文件模板，方便处理数据） 实现 使用xlsx； xlsx的github地址：https://github.com/SheetJS/sheetjs； 适用于js、react、vu
阅读全文
摘要：作用：可以实现在指定的位置预览PDF 缺点： （1）在iPad上只能预览一页PDF。（问题是iPad会将PDF转为img呈现，试了将img宽度设置为100%方法但并不好使） （2）在安卓上不能预览，依旧是下载。（问题是因为安卓浏览器不支持预览PDF，只能下载后用app打开） git地址 https:
阅读全文
摘要：需求 针对list中某个字段，实现list的升序和降序 效果图 代码 我是用在angular1.X中项目的，根据list中的sort字段进行排序。 # sort.html <style> .list-sort .upper-sort { width: 0; height: 0; margin-bot
阅读全文
摘要：用途 图片预览，支持多图片滑动预览 git 地址 https://github.com/sachinchoolur/lightgallery.js 代码 # idnex.html <script src="js/lightGallery.js"></script> # imagePreview.ht
阅读全文
摘要：实现功能 能够在移动设备上实现电子签名，并保存为图片 git地址 https://github.com/szimek/signature_pad 参数说明 dotSize：点的大小（在屏幕上点击留下的点大小，单位：px） minWidth： 线的最小宽度（单位：px，默认：0.5） maxWidth
阅读全文
摘要：validateID = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
阅读全文
摘要：需求 页面向下滚动时，需要将顶部的搜索栏信息和导航菜单吸顶，并且，搜索栏信息和导航菜单之间可以切换。 效果 https://www.iguopin.com/index.php?m=&c=index&a=index 代码实现 HTML <div class="nav-search"> <div cla
阅读全文
摘要：需求 页面中一个小区域循环滚动展示通知（公告、新闻、活动、图片等），并且鼠标hover时停止滚动并提示，鼠标离开后，继续滚动。 效果图 https://www.iguopin.com/index.php?m=&c=index&a=index 代码实现 html <div id="news"> <ul
阅读全文
摘要：正确的邮箱实例：123@vlog.com 或者 123@vlog.cn 代码： // HTML部分 <div>邮箱：</div> <input name="email" id="email" type="text"> // JS部分 var reg = new RegExp("^[a-z0-9A-Z
阅读全文
摘要：Autocomplete 自动完成 功能：输入框在输入关键字后，根据输入的内容给出相关的下拉框供用户选择，自动完成输入内容。 插件：使用jqueryUI的自动完成小部件，文档地址：https://jqueryui.com/autocomplete/ API：文档链接：https://api.jque
阅读全文
摘要：let 1. 定义变量; 2. 作用域：全局作用域，块级作用域（简单说，是指一对大括号{}）； 3. 无预解析机制（简单说，变量需要在声明的位置后面使用）； 4. 不可以重复定义。 const 1. 定义常量； 2. 作用域： 块级作用域； 3. 无预解析机制； 4. 不可以重复定义。 var 1.
阅读全文
浙公网安备 33010602011771号