JavaScript
文章平均质量分 62
lydxwj
慢慢踩坑
展开
-
简版事件发布订阅
【代码】简版事件发布订阅。原创 2023-03-15 21:00:00 · 220 阅读 · 1 评论 -
搭建react项目遇到的问题2022
最新搭建react项目踩坑原创 2022-11-13 23:09:20 · 5987 阅读 · 0 评论 -
上手阿里低代码引擎lowcode-engine
lowcode-engine实现表格页面简单的增删改查原创 2022-11-13 22:22:09 · 5341 阅读 · 0 评论 -
奇技淫巧之一
取整const integerN = 0|3.2;数组过滤false数据const newArr = [2, '', undefined, 'a', false, null].filter(Bolean)ThinkPad的笔记本用出苹果笔记本感觉第一步联想官方驱动下载地址:https://iknow.lenovo.com.cn/driver/driverlist输入型号ThinkPad E570c(根据自己笔记本型号输入)第二步找到触摸板驱动下载安装即可,安装完了之后,进入 开始》设置转载 2021-09-04 21:47:41 · 100 阅读 · 0 评论 -
面试题-实现异步队列
实现异步队列实现异步队列函数,使其能够按照参数顺序依次输出function fun1(cb) { setTimeout(function() { console.log('fun1'); cb(); }, 3000)}function fun2(cb) { setTimeout(function() { console.log('fun2'); cb(); }, 1000)}function fun3(cb) { setTimeout(func转载 2020-12-21 23:58:47 · 166 阅读 · 0 评论 -
VSCode修饰器报错,对修饰器的实验支持功能在将来的版本中可能更改。在 \“tsconfig\“ 或 \“jsconfig\“ 中设置 \“experimentalDecorators\“ 选项
版本1.50.1(中文简体插件)报错内容对修饰器的实验支持功能在将来的版本中可能更改。在 “tsconfig” 或 “jsconfig” 中设置 “experimentalDecorators” 选项以删除此警告解决办法方法一:设置VSCode选项管理==>设置==>搜索experimentalDecorators==>打上勾勾方法二:增加jsconfig文件在根目录下新建jsconfig.json文件{ "experimentalDecorators": t转载 2020-11-03 21:40:29 · 5621 阅读 · 4 评论 -
loadmap
地图SDK加载器,支持腾讯地图和百度地图,可用于vue和react项目。百度地图可选择使用react-baidu-maps,vue-baidu-map安装npm install load-map --save使用import LoadMap from 'load-map';LoadMap.load({ mapKey: 'xxxxx', // 你申请的key version: '2.exp', // 地图版本, url: 'https://map.qq.com/api原创 2020-11-03 21:19:29 · 740 阅读 · 0 评论 -
算法入门一
二叉树创建function BinaryTree() { this.root = null; this.insert = function (key) { var node = new BinaryNode(key); if (this.root) { this._insertNode(node, this.root); } else { this.root = new BinaryNode(key); }转载 2020-08-25 23:38:56 · 135 阅读 · 0 评论 -
实现上传进度条
JS文件上传,依靠<input type="file">这个标签可以完成文件上传的操作,这里就不细说,这里主要说一下进度条的实现。想要实现进度条我们需要了解一个对象 XMLHttpRequest ProgressEvent接口这个接口有3个属性,都是只读的。ProgressEvent.lengthComputable 表示当前的工作是否是可测量的,如果为false则loaded和total两个接口不可用,一般这个是trueProgressEvent.loaded 表示已完成的进度转载 2020-06-06 16:07:27 · 3200 阅读 · 2 评论 -
打印页边距问题
问题:打印功能(打印页面),预览界面第二页顶部没有间距问题代码:<style type="text/css" media="print">@page { size: auto; margin: 0mm;}.print-page {/* 页面盒子样式类 */ position: absolute; width: 1000px; left: 0; top: 0; bottom: 0; padding: 40px 50px转载 2020-06-03 23:03:27 · 3873 阅读 · 0 评论 -
年龄计算
年龄计算得出周岁,不精确算出月日,即只显示几岁/** * 根据生日得到年龄 * @param {String | Date | Number} [birthday] 生日 * @returns {Number} */function getAgeByBirth(birthday){ let age; const nowDate = new Date(); const birthD...转载 2020-04-20 14:50:00 · 531 阅读 · 0 评论 -
二维数组排列组合
问题:二维数组分别叫父数组和子数组,父数组的长度和子数组的长度不确定,需要列出所有的组合(每一个组合的长度等于父数组的长度,即每个子数组中取一项进行组合)分析:由于父数组的长度和子数组的长度不确定,造成问题难度变大。组合会有很多种,因此把所有组合放在一个数组里好处理。每一个组合里面有多项,也适合使用数组。所有最终结果也用一个二维数组表示。这个问题要分两种情况讨论,一种二维数组父数组长度是1时...转载 2020-04-09 11:55:56 · 1053 阅读 · 0 评论 -
utils
最近写了一个前端工具方法项目,主要为了备用和分享交流学习。下面是项目中包含的封装方法。前端工具方法数字相关–number保留指定小数位数–toFixed数字千分位加逗号–thousandCents生成指定范围随机数–random验证相关–verification判断是否为手机号–isPhoneNum判断是否为邮箱地址–isEmail判断是否为身份证号–isCardID...原创 2019-09-04 10:50:50 · 409 阅读 · 0 评论 -
存储或删除cookie失败
存储或删除cookie失败cookie的基础知识就不介绍了。。。需要的戳这里相关方法是参考js-cookie包封装的删除失败 问题 存储cookie所在页面路由为/storage/setCookie,设置path的值为/storage/setCookie 删除cookie所在页面路由为/storage/removeCookie,设置path的值为/storage/setCooki...原创 2019-08-15 23:58:40 · 694 阅读 · 0 评论 -
parseInt取整的不准确
相信很多人对于parseInt这个方法都是很熟悉,用来取整的,但是知道用它取整会出现问题的应该没有很多。问题:我们在处理毫秒数转化为时间的时候可能会进行下面这样的操作// second 为需要处理的毫秒数const day = parseInt(second / (1000 * 60 * 60 * 24));const hour = parseInt(second / (1000 * 6...原创 2019-07-31 16:22:33 · 1882 阅读 · 0 评论 -
`&&` 与 `||`易错
&& 与 ||易错console.log((1>3)&&"abc"); // false 因为(1>3)时判断,布尔值console.log((1<3)&&"abc"); // abcconsole.log(null&&"abc"); // nullconsole.log(''&&"abc原创 2017-09-14 23:21:22 · 195 阅读 · 0 评论 -
数组方法
与数组相关var arr1=[4,5,2,6,3];var arr2=[9,7,0,9];arr1.concat(arr2); //两个数组组合拼接var str=arr1.join("-"); //用符号-连接数组每一项,得到字符串str.split("-"); //把字符串中-每一段,分为数组每一...原创 2017-09-17 10:12:52 · 785 阅读 · 0 评论 -
字符串方法
与字符串相关var str="hello world";str.slice(4,7); //o w 起始位置和结束位置(不包括结束位置)str.substring(4,7); //o w 起始位置和结束位置(不包括结束位置)str.substring(7,4); //o w 较小的为起始位置,较大的为结束位置str....原创 2017-09-17 10:16:01 · 258 阅读 · 0 评论 -
location
location对象可以通过Document.location和Window.location访问属性//当前URL https://developer.mozilla.org/en-US/search?q=URL#search-container//-----href包含整个URLconsole.log(location.href); // https://developer.m翻译 2017-09-30 17:33:48 · 369 阅读 · 0 评论 -
数组对象排序
数组对象排序对数字型数组进行排序可以进行冒泡排序,也可以给sort传一个比较函数,但是数组对象怎么排序,很多人就蒙了,其实它也可以通过给sort传一个比较函数来实现。var arr = [{name: "zs", age: 10}, {name: "ls", age: 8}];// 根据对象的name键进行排序var order1 = function (x, y) { if (x.na原创 2017-11-20 23:47:38 · 228 阅读 · 0 评论 -
检测对象是否具有某个属性
检测对象是否具有某个属性1.hasOwnProperty 此方法不会检查对象的原型链中是否存在该属性,该属性只有是对象本身的一个成员才会返回语法object.hasOwnProperty( propertyName )参数propertyName String类型指定的属性名称返回值hasOwnProperty()函数的返回值为Boo翻译 2018-02-01 17:28:19 · 847 阅读 · 0 评论 -
2018.1项目小结
2018.1项目小结1.页面中出现放大镜效果此问题出现在iOS系统,长按出现放大镜出现的原因是有input输入框,并且字体较小(用react等构建的项目,切换状态,不是路由显示其他页面时候,在其他页面长按也会出现放大镜),解决办法是字体大于16px,rem单位的16px转化后可能无效2.长按页面出现复制-webkit-user-select: none; 禁止长原创 2018-01-15 23:23:56 · 215 阅读 · 0 评论 -
移动端背景音乐播放问题
移动端背景音乐播放问题由于移动端的特殊性,不能像pc那样自动播放背景音乐,只有用户操作了才可以播放audio src="song.ogg" controls="controls" autoplay="autoplay">Your browser does not support the audio tag.audio>因此在移动端上面代码无效,可以给整个原创 2018-02-01 18:59:36 · 1678 阅读 · 0 评论 -
Number方法
Number方法Number.isFinite(NaN); // false 一个布尔值,表示给定的值是否是一个有穷数Number.isFinite(-Infinity); // falseNumber.isFinite(0); // trueNumber.isFinite('0'); // false 全局函数 isFinite('0') 会返回...原创 2018-08-15 21:37:52 · 728 阅读 · 0 评论 -
Math方法
Math方法// 不包含MAth的属性,以及Math的数学方法(sin。。。)Math.abs('-1'); // 1 返回指定数字的绝对值 Math.abs(null); // 0Math.abs("string"); // NaNMath.abs(); // NaNMath.ceil(-0.95); // -0 返回大于或等于给定数字的最...原创 2018-08-14 00:47:15 · 267 阅读 · 0 评论 -
'罕见'运算符
‘罕见’运算符按位或:|转化为二进制之后,每一个位置相比较, 两个对位只要有一个为1,那么结果都为1,否则就为0例如:4|3结果是7 ,4的二进制是100, 3的二进制是011, 100|011结果是111,即7|还可以取整3.2|1.2结果为 3 , 3的二进制是11,1的二进制是01, 11|01结果是11,即3按位与:&amp;amp;amp;amp;转化为二进制之后,每一...原创 2018-08-22 17:01:47 · 336 阅读 · 0 评论 -
void用法
void用法<script> void fun(); javascript:void fun(); //或者是 void (fun()); javascript: void(fun()); </script> void 运算符对任何值返回 undefined。该运算符通常用于避免输出不应该输出的值,例如,从 HTML 的 <a> 元素调用原创 2017-09-14 23:20:03 · 501 阅读 · 0 评论