
JavaScript
小花花inhere
这个作者很懒,什么都没留下…
展开
-
【javascript】中文逗号,转英文逗号,正则
let str = '奥术大师,让他忽然,阳台上发生,神鼎飞丹砂'str.replace(/,/ig,',')原创 2021-03-25 16:36:56 · 2785 阅读 · 0 评论 -
【javascript】js下载文件流 前端下载文件流 excel
/*** 下载文件流* @param {*} data 接口返回的文件流* @param {*} fileName 下载的文件名 eg: 客户名单.excel*/function downloadFiel (data, fileName) { const elink = document.createElement('a') elink.download = filenName const blob = new Bolb([data]) elink.href = URL.createOb原创 2021-02-04 15:44:38 · 704 阅读 · 0 评论 -
【vue】vue中使用throttle 防抖 节流 避免多次提交
场景:表单提交时,连续点击按钮的话会提交多次请求,为避免这种情况,我们就可以使用节流,说白了就是限制频率,比如在2秒内无论点击了多少次,都只请求一次接口示例代码用的是Lodash库的语法,你也可以自己封装export default { return { methods: { getList: _.throttle(function () { //... }, 1000, { 'trailing': false }) } }}...原创 2021-01-21 11:01:02 · 1924 阅读 · 0 评论 -
【javascript】格式化秒数为x时x分x秒格式文本
有时后台只返回秒数给我,但产品却要展示时分秒。js代码如下:export function formatSecond (value) { var theTime = parseInt(value)// 秒 var middle = 0// 分 var hour = 0// 小时 if (theTime > 60) { middle = parseInt(theTime / 60) theTime = parseInt(theTime % 60) if (mi原创 2021-01-19 15:20:36 · 249 阅读 · 0 评论 -
【JavaScript】标准日期、中国标准时间、时间戳、毫秒数互转
首先要明确这三种格式是什么样子的: 标准日期:2017-09-19 或 2017-09-19 20:00:00 中国标准时间:Mon Oct 23 2017 17:20:13 GMT+0800 (中国标准时间) 时间戳:1508750413 毫秒数:1508750413000 注意:时间戳*1000就是毫秒数 日期或中国标准时间转毫秒数://变量...原创 2017-10-25 15:15:55 · 20815 阅读 · 0 评论 -
【Vue】 vue-router 导航钩子(导航守卫)
情况是这样的,我在系统的某个页面写了个setInterval每隔30s进行地图打点,然后发现我点别的界面的,这个函数还在执行!瞬间我就懵13了,我天真的以为只要切换了路由它自然不会执行,没想到啊!请教后才知道要进行拦截,敲黑板了!理论在下:官网解释:正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者...原创 2017-11-01 17:20:28 · 4650 阅读 · 4 评论 -
【JavaScript】 数组去重 数组求差集、交集
去重:数组去重得分以下三种情况:数组里是数字、数组里是字符串、数组里是对象。前两种直接使用jquery提供的unique方法就可实现。一、数字: 二、字符串:let arr = [1, 1, 2, 4, 2]; let arr1 = ['b', 'a', 'v', 'a'];let newArr = $...原创 2017-08-23 15:42:34 · 964 阅读 · 0 评论 -
【JavaScript】巧用 localStorage 实现跨浏览器tab页互动
跨浏览器tab页的互动,比如说一个网站有一个模块是通过超链接_blank在一个新tab页打开,但是这是点击新tab页的内容需要网站也有反应,这时就可以运用localStorage。只要是同一个域名下就都能访问到。 新tab页里的表格有个点击事件,点击完后网站页弹出这行的信息。可以这样操作://表格点击事件回调function clkTb(row) { localStorage....原创 2017-09-21 11:16:12 · 2986 阅读 · 0 评论 -
【JavaScript】ajax头像上传
HTML:<img id="photo" name="photo" src="${img }/personmgr/avatar_url.jpg" width="130px" height="140px" onclick="$('#updateFileInput').click();"/>在img里放个src是在,当这个人没有头像的时候,放一张提示用户原创 2016-08-04 10:16:49 · 991 阅读 · 0 评论 -
【Bootstrap】 table表格里的某一行置顶
针对bootstrap table: JS://$(this)是置顶的那个按钮var $tr = $(this).parent('td').parent('tr');$('#table tbody').find("tr").first().before(tr);JQuery://$('.top')是置顶的那个按钮的classvar $top = $(".top");$...原创 2017-06-17 11:05:29 · 5654 阅读 · 0 评论 -
【JavaScript】 跑马灯 间歇无缝上下滚动
先看效果吧: 然后是代码: HTML:<div class="new"> <ul> <li>第一条新闻</li> <li>第二条新闻第二条了</li> <li>第三条新闻第三条了第三条了</li&原创 2017-06-15 21:43:22 · 2826 阅读 · 0 评论 -
【JavaScript】两个div并排,高度自适应相等
HTML:<div class="ctn> <div id="left">11</div> <div id="right">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div&原创 2016-04-02 08:16:07 · 1346 阅读 · 0 评论 -
【javascript】 获取时间段内属于星期一(*)的日期们
需求:知道开始时间结束时间,求这段时间内输入星期一或星期二…的日期们 思路:用毫秒数来判断/* 获取时间段内属于星期一(*)的日期们 * begin: 开始时间 * end:结束时间 * weekNum:星期几 {number} */ function getWeek (begin, end, weekNum){ var dateArr = new Array();...原创 2018-01-23 21:18:33 · 1486 阅读 · 0 评论 -
【JavaScript】获取日期段内几点到几点的日期时间
console.log(getWeek('2018-02-01 06:00:00', '2018-02-03 18:00:00', 8, 20));/*** 获取日期段内某点到某点的日期时间* @param begin:开始时间 eg:2018-02-09 10:00:00* @param end:结束时间 eg:2018-02-19 18:00:00* @param beginHou...原创 2018-02-09 15:36:13 · 1045 阅读 · 0 评论 -
【Javascript】处理数据
需求:根据x的值生成多少个数组 原数据:[ { "x": 0, "y": 0 }, { "x": 0, "y": 1 }, { "x": 1, "y": 0 }, { "x": 2,原创 2018-05-29 11:45:19 · 493 阅读 · 0 评论 -
【Javascript】操作json 多层json对象,根据key获取value;获取json的所有的key
function getValueByKey (data, field) { for (let key in data) { if (key === field) { return data[key]; } if (typeof(data[key]) === 'object' &amp;&amp; data[key]....原创 2018-07-26 14:24:50 · 10045 阅读 · 1 评论 -
【Javascript】求两个对象的交集、差集
//dataA,dataB样例:[{ id: 1, name: 'zw'}]/*** 获取两个对象的差集* @param dataA:大对象* @param dataB:小对象* /function getDiffrenceSetData (dataA, dataB) { for (let i = dataA.length - 1; i >= 0; i--) {...原创 2018-09-26 17:23:48 · 5103 阅读 · 0 评论 -
IE浏览器关于get请求缓存
问题描述:IE会针对请求地址缓存请求的结果。通常是get请求,因为post方式因为参数的不同,则不会产生这个问题。get请求发送参数和地址都一致,导致IE浏览器会从缓存中取,而不会去请求服务器端。解决方案:请求时固定一个参数,参数值随机变化。例如:config.params.sendTime = new Date().getTime();...原创 2018-11-09 10:37:00 · 913 阅读 · 0 评论 -
【javascript】前端分页
有时后台会把数据全部返回,而前端需要自己分页。虽说这种情况比较少,但还是有的。比如某个接口查询速度太慢,如果每次换分页都要请求的话,那么用户体验是极其不好的。前端分页主要就数据的分割,比如一页需要5条数据,那么就把所有数据按5等份分好,然后根据页数获取相应的那页数据。代码如下:/*** 获取按指定数量分割数组的结果* @params: list要分割的数组* @params: n...原创 2019-02-12 10:03:46 · 841 阅读 · 1 评论 -
window 升级node
听说vue-cli 3.0 版本可以减少很多配置项,然后就想着升级下哇,结果vue-cli 3.0还要node版本是8.9 或更高版本,无奈那就把node也升下级。但是…氮素,我通过npm升级node第一行命令就报错了!报错图如下:这是怎么回事??一通搜索后发现原来node的n模块并不支持windows。所以只能去官网下载你想要的版本,然后卸载原来的版本再安装。卸载也很简单,Node.js有...原创 2019-03-17 15:08:41 · 665 阅读 · 0 评论 -
【JavaScript】文件上传 一次上传多个文件 判断文件是否为空
//上传一个文件 HTML:<form id="uploadFileForm"> <input type="file" name="file" id="updateFileInput"/></form>$("#uploadFile\Form").change(function(){ var原创 2016-11-13 09:13:58 · 5418 阅读 · 0 评论 -
js正则表达式
一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字:^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2...原创 2016-03-09 14:33:22 · 511 阅读 · 0 评论 -
火狐浏览器计算日期天数差时出现NAN
用火狐浏览器时计算日期天数差或者日期加减天数得到日期时会出现NAN,而谷歌是没有问题的。原创 2016-08-18 09:25:50 · 1424 阅读 · 0 评论 -
Validation表单验证插件
validate是jQuery的一个表单验证插件,它不仅实现了客户端表单的多种验证规则,而且,还是用ajax实现了服务器端远程验证。 它内置有多种验证规则,同时,可以很方便的定义自己的规则。这篇文章写的挺详细,我就不赘述啦。大家可以看看~ http://polaris.blog.51cto.com/1146394/258781/原创 2016-07-31 20:56:30 · 381 阅读 · 0 评论 -
【JavaScript】开工竣工工期计算
随意输入两个第三个就出来了,比如 输入了开工、竣工,会自动出来工期。 注:2016-07-07~2016-07-08是2天。 HTML://开工时间<input type="text" class="form-control laydate-icon" id="begin_date" name=begin_date">//竣工时...原创 2016-06-29 09:15:23 · 1130 阅读 · 0 评论 -
【javascript】日期加减天数
//beginDate 需要参加计算的日期,days要添加的天数,返回新的日期,日期格式:YYYY-MM-DD function getDay(beginDate, days) { var beginDate = beginDate.split("-"); var nDate = new Date(beginDate[1] + '-' + beginDate...原创 2016-06-14 09:54:27 · 1914 阅读 · 0 评论 -
js复制多一条同样的元素
在做后台系统时通常有这样的情况,点击[+]出现一条同样的元素,且可以移除: HTML:<table class="table" id="property"> <tr> <td> <a href="javascript:;" onclick="addFilterAttrs(this)原创 2016-08-18 16:08:51 · 1511 阅读 · 0 评论 -
url传参时特殊字符转换+&%
//特殊字符转换 var empNameArr = employee_name.split("");//字符串转成数组 employee_name = ""; for(i=0;i<empNameArr.length;i++){ var k = empNameArr[i].indexOf("+"); var原创 2016-10-25 16:54:35 · 4688 阅读 · 0 评论 -
【html】可输入可选择下拉框
别跟我讲需求!这是开发人员心里无时无刻不在呐喊的话哪。。。 这段时间公司在开发个b2b电商后台,需求人员和我们说,我这个下拉框是可以输入的哦!我当时一脸懵逼,我接触前端那么久,我就还没见过可输入可选择的下拉框,当时就感觉顿时丰富了我的三观。没办法,那就上网搜呗。。。费我九牛二虎之力HTML:<select class="form-control" id="spec_num0" ...原创 2016-09-08 09:25:55 · 19737 阅读 · 1 评论 -
省市区三级联动
通常我们在网站填写住址的时候都是三级联动形式,其他联动形式也是一样。原创 2016-08-15 14:56:11 · 12433 阅读 · 0 评论 -
jQuery表单验证Validata
当我们需要验证用户输入的信息是否正确时,一般会用js去判断,但如果有很多信息都需要验证时,用jQuery validata会有事半功倍的效果呢。原创 2016-08-15 10:08:39 · 830 阅读 · 0 评论 -
jsp页面跳转
页面跳转原创 2016-08-12 11:01:25 · 328 阅读 · 0 评论 -
如何应用正则表达式,正则表达式的应用
正则表达式的应用原创 2016-08-24 10:49:46 · 552 阅读 · 0 评论