![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript技巧
实战开发技巧
chan小兄弟
这个作者很懒,什么都没留下…
展开
-
vue冷知识点(一)
vue挑战原创 2022-07-13 09:47:28 · 778 阅读 · 0 评论 -
vue 常用库 提高效率
1.element ui组件库2.vant 移动端ui组件库3.animate.css 纯css动画库4.swiper 轮播图组件5.mescroll.js 滚动插件6.lodash.js 函数工具库7.day.js 时间库8.timeage.js 显示几秒前几个小时前时间库9.echarts 数据可视化10.Meditor.md 编写文件11.validator.js 表单验证12.vue-draggable 拖拽组件13.vue-qr 二维码14.vue-cropper 图片裁原创 2021-10-14 21:38:19 · 126 阅读 · 0 评论 -
javascript 四种for循环
本文将按照出现的先后顺序总结 JavaScript for 循环的4种编写方式。阅读后,你可以像专家一样正确使用它们。1.C 风格的“三表达式” For 循环这是自 ECMAScript 3 (ES3) 以来可用的老式方法。我们可以用三表达式样式来编写 for 循环:var a = [1,2,3,4]for (var i =o; i<a.length; i++){ console.log(a[i])}不用说,这是一种经典的 C 风格方式。 如果我们愿意,我们可以一直使用这种时尚。 但原创 2021-07-31 15:00:27 · 895 阅读 · 0 评论 -
javascript 在适当的条件下加载
1.用户设备的RAMif (navigator.deviceMemory > 1) { await import('./costly-module.js');}//浏览器支持仅限于基于Chromium的浏览器,根据caniuse的说法,这是全球使用情况统计的70%。如果navigator.deviceMemory为undefined,则可以考虑是否加载JavaScript。2.用户设备有足够的cpuif (navigator.hardwareConcurrency > 4)原创 2020-12-31 15:12:49 · 338 阅读 · 0 评论 -
javascript 技巧
1.replace allvar example="fruitchan chanchan chan shjchan"console.log(example.replace(/chan/,'godd'))console.log(example.replace(/chan/g),'good')2.提取唯一值var nums=[1,2,1,1,2,1,2,1,21,21,2,2,3,11,1,1]var only=[...new Set(nums)]console.log(only)3.数字转原创 2020-12-29 08:59:39 · 114 阅读 · 0 评论 -
js统计页面停留时长
前言 页面停留时间简称为Tp 是网站分析中的一个指标 用于反映用户在某些页面的停留时间的长短 我们可以把页面的生命周期分为三个动作 进入 活跃状态切换 离开 一、如何监听页面的进入和离开 对于常规页面的 首次加载 页面关闭 刷新 等都可以通过 window.onload 和 window.onbeforeunload 来监听 页面的进入和离开 浏览器的前进和后退通过 pageshow和 pagehide处理对于单页面应用 的内部跳转 可以转化为俩个问题 监听路由变化 判断URL是否原创 2021-01-20 09:19:06 · 3994 阅读 · 0 评论 -
javascript技巧-2
1、邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2、手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3、电话号码export const isPhone = (s) => { re原创 2021-04-19 10:38:14 · 56 阅读 · 0 评论 -
javascript小众技巧
1.字符串填充let str='1'str=str.padStart(5,0) //将字符串1 填充长度为5console.log(str) //output: 00001let str2='2'str2.padEnd(5,0)console.log(str2) // output: 100002.Spread运算符早在2015年作为ES2015规范的一部分问世,但是它的一些用例经常被忽略//Spread运算符的第一个用例是将项目从一个数组添加到另一个数组const arr1=['on原创 2021-04-16 09:34:58 · 58 阅读 · 0 评论 -
javascript技巧-1
javascript技巧1.简化条件表达式代码如下(示例)://太长的逻辑表达式if(x==='abc'||x==='def'||x==='ghi'||x==='jkl'){ //其他逻辑}//简写if(['abc','def','jkl'].includes(x)){ //其他逻辑}2.简化if…else代码如下(示例)://新手写法let test=booleanif(x>100){ test=true}else{ test=false}//简写let原创 2021-02-20 09:32:39 · 77 阅读 · 0 评论 -
JavaScript优化技术
前言JavaScript优化技术1.多个条件优化//oldif(x==='a'||x==='b'||x==='c'){ }//shorthandif(['a','b','c'].includes(x)){}2. if else//oldif(x>5){ }else{}//shorthand(x>5)?true:false3. 空 未定义 空检查//oldif(x!==null||x!==undefined||x!==''){ }//short原创 2021-04-12 13:48:21 · 91 阅读 · 0 评论 -
js 工作常用函数
前言提示:总结了项目开发过程中常用的js函数和正则1.正则表达式//匹配邮箱 let reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$//匹配手机号码 let reg = /^1(3|4|5|7|8)[0-9]{9}$/;// 匹配国内电话号码 0510-4305211let reg = /\d{3}-\d{8}|\d{4}-\d{7}/;// 匹配身份证号码let reg=/(^\d{15}$)|(^\d{1原创 2020-12-16 10:17:57 · 161 阅读 · 0 评论 -
js 使用技巧 异于常人
问题描述:1 变量没有声明而直接使用的话 会默认作为一个新的全局变量 应该避免2 ==和!= 操作符会在需要的情况下自动转化数据类型 但是 === 和!==不会 他们会同时比较值和数据类型 这也使得 他们比 == 和 !=快3 undefined null 0 false NaN 空字符串逻辑值均为false4 行尾使用分号5 使用对象构造器function Person(firstName,lastName){ this.firstName=firstNmae; this.lastNa原创 2020-12-14 10:03:25 · 93 阅读 · 0 评论