js
关注
分享
扫一扫
yun_hou
这个作者很懒，什么都没留下…
展开
-
eslint常用规则
eslint 规则原创 2022-09-24 15:06:52 · 860 阅读 · 1 评论 -
单页面应用监控白屏方案-MutationObserver
单页面应用白屏监控方案原创 2022-09-24 15:04:31 · 581 阅读 · 0 评论 -
husky tslint 限制git上传
为什么要限制上传，大家都懂，直接上干货(请确保项目中有 tslint 依赖)1、限制git上传下载依赖 huskylint-stagednpm install husky --save-devnpm install lint-staged --save-devpackage.json 配置配置lint-staged 检查规则和husky的books{ "devDependencies": { "husky": "^4.3.0", "lint-staged".原创 2020-11-01 20:36:24 · 1097 阅读 · 0 评论 -
js 常用正则验证
手机号：let phoneReg = /^[1][3,4,5,7,8][0-9]{9}$/;phoneReg.test(phone)身份证号：let idCardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;idCardReg.test(idCard)原创 2020-05-29 17:12:01 · 421 阅读 · 0 评论 -
echarts 折现图/柱状图与饼图的联动
echarts 实现折现图/柱状图与饼图的联动效果，主要依赖updateAxisPointer事件以下例子为官方演示，以折线图与饼图联动为例，如需要柱状图与饼图联动，可将折线图部分改为柱状图配置即可<!DOCTYPE html><html style="height: 100%"><head> <meta charset="utf-...原创 2019-05-29 16:14:02 · 10595 阅读 · 2 评论 -
图形验证码 前端生成
话不多说，直接上源码，内部有注释，字体旋转地方会比较复杂，在下方有图像解释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2019-06-05 14:51:16 · 1129 阅读 · 0 评论 -
js中url传参中文乱码的解决方法
1、escape 和 unescapeescape()不能直接用于URL编码，它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。escape不编码...原创 2019-04-26 20:08:56 · 10927 阅读 · 1 评论 -
跨域，就是这么简单
前端开发中，跨域使我们经常遇到的一个问题，也是面试中经常被问到的一些问题，所以，总结以下常用的解决跨域的方式。什么是跨域？跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript实施的安全限制。同源策略：所谓的同源是指，域名、协议、端口均为相同，当这些有一个不相同时会产生跨域。同源策略限制了一下行为： Cookie、Loc...原创 2019-04-01 17:11:11 · 356 阅读 · 0 评论 -
关于async/await、promise和setTimeout执行顺序
前段时间领导给我们出了一道题，关于async/await、promise和setTimeout的执行顺序，网上查了查资料，这是头条的一道笔试题，记录一下，加深理解。题目如下：async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end');}async...原创 2019-03-22 16:19:40 · 33088 阅读 · 21 评论 -
js parseInt() 详解
项目开发过程中，我们经常会用到parseInt()，但是对它的第二个参数知之甚少，下面解释下第二个参数。首先我们先来看看w3school的解释：解释的也很清楚，但是对于对进制不了解的同学就有点难理解了，我以8进制为例，解释下：例：parseInt('25', 8); //21//'25'分为2和5，然后和8比较，均比8小//计算:2和5的索引分别为 1，0。计算方法为2乘以...原创 2019-03-25 16:33:28 · 1741 阅读 · 0 评论 -
jQuery ajax 拓展文件上传
HTML<input name='' type="file" id="file-uploader">js (公共js中配置以下代码)以下文件依赖 jQuery 所以需要提前引入，alert 提示非常影响用户体验，可自定义提示样式/** * 上传 * @param {String} uploadUrl 上传服务地址 * @param {String} fil...原创 2019-03-20 15:05:29 · 150 阅读 · 0 评论 -
js实现冒泡排序，快速排序，插入排序及原生sort的使用
1、冒泡排序原理：数组中有n个数，比较相邻的两个数，如果后面的数小于前面的数，则两者交换。一轮完成后，此时最大的数据已经在最后，此时进行第二轮，确定倒数第二个数，依次几轮就可完成，如下图详解：图中我们可以看出，我们仅需要arr.length-1轮，且每轮比较的次数也逐渐减少，代码如下：//冒泡排序，从小到大var arr = [5, 7, 4, 8, 3];//1 外层...原创 2019-03-11 19:54:55 · 669 阅读 · 0 评论 -
js 实现左侧菜单拖动改变宽度
近期项目有这样一个需求，实现左侧菜单拖动改变宽度，并存放在浏览器中。这里项目已经实现， 保存一个简单demo， 方便其他前端工作者参考和后期自己使用。 代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compat...原创 2019-02-20 16:36:53 · 4777 阅读 · 3 评论