![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
js专项
张张打怪兽
要坚持学习呀
展开
-
Js文件下载的两种方式【超简单】
【工具类】文件下载类。原创 2023-12-07 16:57:28 · 2968 阅读 · 0 评论 -
个人自用的日期操作类,附上详细注释,需要的同学自取(JavaScript)
同时,该方法还支持将获取到的日期按照指定格式进行格式化,传入的参数 format 即为格式化字符串,默认为 'yyyy-MM-dd' 格式。该方法与上一个方法类似,不同之处在于它支持直接传入一个表示偏移量的参数 n,可以更加方便地获取昨天、今天或者明天的日期。同时,该方法还支持将获取到的日期按照指定格式进行格式化,传入的参数 separator 即为连接符,默认为 '-'。该方法通过传入一个表示需要进行加减操作的日期对象 date,以及可选的增加或减少的天数、小时数、分钟数和秒数来进行日期加减操作。原创 2023-03-24 11:07:22 · 257 阅读 · 1 评论 -
js-树转数组,数组转树
【代码】js-树转数组,数组转树。原创 2022-12-13 17:25:26 · 200 阅读 · 0 评论 -
【持续更新】前端面试代码题
让我纸上手写我确实写不出啊。。。。挺无语的一题: // "aabbbbaaacccdd" 按照 字母的出现次数从大到小排序,最终结果为['a','b','c','d'] let str = "bbbbaaddaaaccc" // -> ['a','b','c'] function getCount(){ let jsonObj = {} // {a:5,b:4,c:3} for(let i原创 2021-10-13 17:23:09 · 125 阅读 · 0 评论 -
javascript-通过链表提供索引快速寻找数组内的值模拟实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-03-12 14:17:48 · 173 阅读 · 0 评论 -
常用正则验证总结
//验证名字 /^[\u4E00-\u9FA5]{1,6}$///验证电话/^1[34578]\d{9}$///验证固定电话(公司号码)/^(0\d{2,3})?-?\d{7,8}$///验证公司名/^(([\u4e00-\u9fff]{2,50})|([a-z\.\s\,\(\)()]{2,50}))$/i//验证体积(验证浮点数或者整数)/^[0-9]+([.]{1}[0-9...原创 2019-11-23 13:39:15 · 168 阅读 · 0 评论 -
JavaScript原型理解(2)-原型链-继承关系
示意图代码解析 function User(){ this.shutdown = ()=>{ console.log("关机"); } } User.prototype.sleep = ()=>{ console.log("休眠"); } let user = new User(); user.shutdown();//...原创 2020-04-02 16:21:30 · 97 阅读 · 0 评论 -
记录-禁用chrome运行JavaScript
进入chrome设置搜索javascript进入到网站设置,将该项改为禁止这样你就可以在页面上愉快的复制,哈哈哈哈哈原创 2020-11-13 09:23:18 · 82 阅读 · 0 评论 -
js-设计模式
构造器模式/** es5 *///这样赋值对象 重复性工作很多var whh = {};whh.name = '王华华';whh.age = 18;whh.sex = '男';whh.scope = 98;var lqd = {};lqd.name = '李全蛋';lqd.age = 20;lqd.sex = '男';lqd.scope = 46;console.log(whh.name)console.log(lqd.name)//构造器模式避免重复性操作直接new对象原创 2020-10-30 14:37:32 · 457 阅读 · 0 评论 -
Promise多个异步函数同步,2Demo省的以后忘了
主要问题就是控制Promise的状态1.有三种状态pending/reslove/reject 【执行中(可以这么理解)/成功/失败】2.如果前面的已经reslove已经成功,后面就没法同步了会立即执行,这是关键。那么只需要保持Promise为pending状态就好DEMO1使得第一个Promise处于pending状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-10-09 17:10:58 · 145 阅读 · 0 评论 -
今天犯了一个超级低级的错误,引入js文件,但该文件未加载。
代码太多了,看了半天不知问题出在哪。。。问题出在script标签要成对的写<script></script>而我!写成这样<script/>引以为戒!原创 2020-06-11 18:08:08 · 626 阅读 · 0 评论 -
JavaScript重写Symbol(Symbol.iterator)实现迭代器(3)
方便json对象迭代可以用…object示例图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>&l原创 2020-06-06 10:21:54 · 446 阅读 · 0 评论 -
JavaScript重写Symbol(Symbol.iterator)实现迭代器(2)
重写数组for…of底层用的迭代器for…of 底层用Symbol(Symbol.iterator)迭代器…arr 底层用Symbol(Symbol.iterator)迭代器示例图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-原创 2020-06-06 10:06:32 · 878 阅读 · 0 评论 -
JavaScript重写Symbol(Symbol.iterator)实现迭代器(1)
iterator迭代,做的跟java集合迭代差不多就行了示例图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head&原创 2020-06-06 09:39:03 · 737 阅读 · 0 评论 -
JavaScript-worker基本使用
这个有点像java的socket主线程张三:喂喂喂李四在吗?postMessage(发送喂喂喂李四在吗给李四)onmessage(接收李四说的话)分线程李四:在的在的. onmessage(用于接收张三说的话)postMessage (发送在的在的给张三)示例index.html<script> //params String(js文件) var worker = new Worker('./work.js'); //发送数据到分线程 wor原创 2020-06-03 14:54:52 · 364 阅读 · 0 评论 -
js-定时器误差测试,及其注意事项
在定时器后面写个10000次循环,误差率达到600ms,如果循环次数更多,误差率更大记住不要在定时器后面写任务量特别巨大的代码,不然定时器就不准了原创 2020-06-03 10:51:27 · 1030 阅读 · 0 评论 -
JavaScript-构造继承+原型链继承
构造继承是伪继承原创 2020-06-01 18:07:23 · 95 阅读 · 0 评论 -
JavaScript-构造函数继承
这是一个伪继承方式原创 2020-06-01 17:56:19 · 95 阅读 · 0 评论 -
JavaScript-原型链继承理解
为什么能使用Object类的方法由此可以知道User的隐式原型(proto)指向的是Object一个实例(new Object()),在调用toString()方法时,先从自身的隐式原型对象上寻找,未找到再从Object的隐式原型上寻找那么原型链继承用相同的方式实现由于不能直接调用__proto__,使用User类调用prototype即可,因为他们两者是指向同一片内存...原创 2020-05-07 16:07:41 · 121 阅读 · 0 评论 -
解决 EasyUI下position:absolute;z-index:9999属性无效问题
z-index只能在position属性值为relative或absolute或fixed的元素上有效。我这边父元素为relative,子元素为absolute,但是没有效果。我尝试了,子元素一层层给父元素加上relative,并且设置z-index属性,让最顶层的父元素的z-index属性大于他的兄弟节点z-index,仍然没有效果将子元素设置为fixed,父元素设置为relative。...原创 2020-04-30 16:27:51 · 1662 阅读 · 0 评论 -
javascript原型理解(1),原型是父类
什么是原型?作用是什么?a:当有一个对象叫User,User.prototype即是它的原型,我觉得叫父类更好理解b:显示原型User.prototypec:隐式原型 new User()._proto_原型相当于该实例的一个父类,当需要定义公共方法时,需要用到原型核心:定义公有方法//demo1 function User(username,password){ this...原创 2020-04-01 15:35:56 · 431 阅读 · 0 评论 -
js-对象赋值小细节
var a = {n:2}; var b = {m:3}; var obj = {}; obj[a] = 4; obj[b] = 5; //key 一定是字符串 //那么a.toString() = '[object Object]' ,b同理 //即obj['[object Object]'] console.log(a.toStr...原创 2020-03-31 23:28:05 · 107 阅读 · 0 评论 -
关于js,if语句的一个小细节
我们写代码可能经常会这样去写判断判断flag是否存在,当flag是undefined,null,""时就不进入if语句 ”if(flag){ ...}小细节:如果是数字的情况下,0也是不进入if语句的if(0) { alert(1); } else { alert(2); //输出2 } if(-1) { alert(1); //输出1 } else...原创 2020-03-05 13:28:05 · 296 阅读 · 0 评论 -
纯前端记住多个账户密码
需要下载的js文件jquery.jsjquery.base64easyui工具包目录结构<!doctype html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; c...原创 2020-02-29 22:08:51 · 930 阅读 · 0 评论 -
js json转map集合,自定义Map集合,兼容IE8以上浏览器
因为IE浏览器不支持Map,这个工具方便操作JSON对象的增删改查。/** * * 描述:js实现的map方法 * @returns {Map} */ function Map(){ var struct = function(key, value) { this.key = key; t...原创 2020-02-29 22:01:12 · 556 阅读 · 0 评论 -
js直接调用打印机打印,不弹出预览,不弹出打印对话框插件推荐
http://printfree.jatools.com/demos.htm原创 2019-12-25 14:14:19 · 12472 阅读 · 3 评论 -
js二分法查找JSON对象数组
字段说明:arr:数组,key:需要查找的值,field:JSON字段key //二分查找 binarySearch(arr, key,field) { var low = 0, high = arr.length - 1; while (low <= high) { var mid = parseInt((high + low) / 2);...原创 2019-12-13 12:49:54 · 492 阅读 · 0 评论 -
关于手机号验证注意事项(可能出现19,16开头)
一、中国电信号段:133、153、173、177、180、181、189、191、199二、中国联通号段:130、131、132、155、156、166、175、176、185、186三、中国移动号段:134(0-8)、135、136、137、138、139、147、150、151、152、157、158、159、178、182、183、184、187、188、198所以验证的规则 不...原创 2019-12-06 11:41:44 · 2816 阅读 · 0 评论 -
js判断空值处理
null undefined ""都有可能出现时 if (cookieId == null || cookieId == undefined || cookieId == "") {...}json判空...JSON.stringify(val) == "{}"数组判空let data = [];if(data.length == 0){ ...}//或者这样写if...原创 2019-11-27 10:37:41 · 597 阅读 · 0 评论 -
js随机手机号-方便测试使用
ctrlc + ctrlv<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script>function getMoblieNum(){var numArray = new Array("139","13...原创 2019-11-19 09:31:54 · 1049 阅读 · 0 评论 -
js关于splice方法,被自己埋雷
参数1:起始索引参数2:删除数量,然而,我却这样写,我以为第二个参数是结束为止,切记切记是删除数量,浪费了1天时间!!!!this.staticData.carImgs.splice(index, index+1);...原创 2019-10-25 11:58:46 · 412 阅读 · 0 评论 -
js原生实现飞机大战游戏
链接:https://pan.baidu.com/s/1Xn33MHWDyjIIZRvrcCt7Ow&shfl=sharepset提取码:nxcg目录结构:html:<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title&g...原创 2019-10-19 17:07:33 · 661 阅读 · 0 评论 -
js生成器函数
1.定义方式语法:yield:返回当前次,类似暂停,可以返回多次,后续可以继续执行yield之后的代码,return,类似退出,只可返回1次,后续继续执行就会重新调用函数,相当于重新播放function*(){ ...}案例直接调用 function* foo(x){ yield x+10; yield x+20;...原创 2019-09-30 11:57:08 · 521 阅读 · 0 评论 -
js数组定义
方式1: //一维数组 var arr = new Array(1,true,"hello"); //取值 console.log(arr[0]);//1 //二维数组 var arr = new Array(new Array(1,true),new Array(2,"hello")); //取值 console.log(arr[0][0]);//...原创 2019-09-03 23:02:49 · 115 阅读 · 0 评论 -
递归实现5的阶乘
html <input name="first" />的 <input name="calcu" type="button" value="阶乘"/>为: <input name="result" />js function fac(num){ if(num==1){ return 1; } return ...原创 2019-09-03 22:25:29 · 667 阅读 · 0 评论 -
js实现斐波那契数列
递归 /** * 递归: * 斐波那契数列是这样的一个数列,1,1,2,3,5,8,..,即前两项都是1,后面每一项都是其前面两项的和。 * 临界值 小于2 都是1 * 公式: fbnq(3) = fbnq(2)+fbnq(1) fbnq(4) = fbnq(3) + fbnq(2) */ function fbnq(mouth){ ...原创 2019-09-03 22:04:49 · 707 阅读 · 1 评论 -
js实现全选、取消全选、反选
html 看书:<input type="checkbox" name="checkbox" value=1><br> 写字:<input type="checkbox" name="checkbox"value=2><br> 打飞机:<input type="checkbox" name="checkbox"value=3&...原创 2019-09-03 21:30:51 · 313 阅读 · 0 评论 -
获取select标签选中的值,及简易计算器实现
获取select标签选中的值html:<select id="select"> <option>请选择...</option> <option value="+">+</option> <option value="-">-</option> <option value="*">*</...原创 2019-09-03 16:57:37 · 547 阅读 · 0 评论