随笔分类 -  js

定时器、promise执行步骤
摘要：setTimeout(function () { console.log('setTimeout'); }); new Promise(function (resolve) { console.log('promise'); for (var i = 0; i < 10000; i++) { if 阅读全文
posted @ 2021-06-08 19:22 sunshineG 阅读(471) 评论(0) 推荐(0)
将列表导出成excel表格、图片下载(vue中使用)
摘要：下面方法是前后端配合完成的导出功能，即前端需要调用后端接口。 如果后端返回的是base64格式的url，需要先转成二进制，再用blob处理；如果是文件流或二进制流，直接用blob处理即可。 功能1：将列表导出成excel表格(vue中使用) 实现方法： 1.调后端接口，将列表数据传到后端 2.后端返 阅读全文
posted @ 2021-05-25 14:53 sunshineG 阅读(809) 评论(0) 推荐(0)
金额格式化，千分位以逗号隔开
摘要：功能：金额千位以逗号分隔，保留固定的小数位 /** \* @desc 向金额添加逗号分隔符 \* @func addComma \* @static \* @param {Number} money 传入的金额 \* @param {Number} wei 保留几位小数，默认两位 \* @retur 阅读全文
posted @ 2021-05-24 20:07 sunshineG 阅读(604) 评论(0) 推荐(0)
填写默认账号密码模拟登录
摘要：开发时，不用每次登录都输入账号密码,j节省很多开发时间 方法一：js实现，直接获取页面输入账号、输入密码、登录按钮，赋值点击事件就ok了 <input type="text" class="input_box"><input> <input type="password" class="input_ 阅读全文
posted @ 2021-05-21 10:52 sunshineG 阅读(540) 评论(0) 推荐(0)
js 递归取到多层chilren中的数据 vue
摘要：处理后台返回的树形结构数据 需求：只展示一级类目名，及下面所有标签（同级展示） data(){ return{ originData:[ //1.后台返回的数据结构 {id:0, categoryName:"类目1", children:[ {Iid:0,labelName:"标签名1"}, {Ii 阅读全文
posted @ 2021-05-20 14:50 sunshineG 阅读(1689) 评论(0) 推荐(0)
3.点击按钮，盒子显示，点击页面任何一个地方，盒子隐藏（阻止事件的冒泡，原生js）
摘要：<body> <!-- 需求：点击按钮，盒子显示，点击页面任何一个地方，盒子隐藏 --> <button>点击</button> <div class="box">1</div> </body> <style> .box{ width: 100px; height: 100px; backgroun 阅读全文
posted @ 2021-02-04 11:06 sunshineG 阅读(821) 评论(0) 推荐(0)
2.图片懒加载原理（原生js实现）
摘要：一、场景： 先只加载可视窗口区域的图片，当用户向下拖动滚动条时再继续加载后面的图片（也是只加载目前可视窗口区域内的图片）。 1、这样减少了加载时的线程数量，使可视区域内的图片也能够快速加载，优化了用户体验。 2、减少了同一时间发向服务器的请求数，服务器压力剧减 二、思想： 在写网页<img>标签是并 阅读全文
posted @ 2021-02-04 10:28 sunshineG 阅读(88) 评论(0) 推荐(0)
1.页面中当一个弹框打开的时候，阻止原页面的点击事件
摘要：在二维码卡包中，点击某张卡，展示二维码的图片，这张二维码打开的时候，内层的点击事件还会生效，防止误点击，所以在这时要禁止内层的点击事件。 一开始想到的是事件修饰符，试过之后并不能实现，就用js实现了，图片如下 html: 二维码卡包 <div @click="openQrcode(item.card 阅读全文
posted @ 2020-12-16 09:06 sunshineG 阅读(378) 评论(0) 推荐(0)