![](https://img-blog.csdnimg.cn/202102241134090.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
javascript是前端开发的主要逻辑手段。是必须会用的技能之一。
莫成尘
不必记住我的名字,但别忘记我的故事。uview团队欢迎你的加入。
展开
-
一篇讲透前端宏任务与微任务 @莫成尘
本文章将浅谈浏览器宏任务与微任务执行机制 请看完我有理由相信,在面试过程中你遇到的如下问题:(他们是怎么执行并输出的) setTimeout(()=>{ console.log(1) }) console.log(2) let a = new Promise((resolve,reject)=>{ console.log(3) resolve(4) }).then(res=>{ console.log(res) }).catch(err=>{ con原创 2021-09-14 16:13:16 · 881 阅读 · 3 评论 -
前端js去重,一个好用的去重方案 @莫成尘
先看代码,复制使用即可,在实际开发中,我们经常会遇到数组去重的问题,简单的数组比如[1,2,3,1] 可以很轻松的使用es6New set或者别的形式,稍微复杂点的对很多刚入门的小伙伴是个不错的考验,基于此,将以下较好的方法分享,我称其为 单key模式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <原创 2021-04-08 17:26:09 · 601 阅读 · 0 评论 -
vue,uniapp,js手写单选和多选效果
单选您将看到以下效果 思路是给要设置的元素绑定一个值,并判断这个值是不是和我们赋予(传参)的值相同(使用uview组件 您可以尝试换成class等)<template> <view> <u-button @click="setClass(1)" :type="setClassIndex==1?'primary':'default'">设置1</u-button> <u-button @click="setClass(2)" :typ原创 2021-03-16 17:57:26 · 908 阅读 · 0 评论 -
js对数据进行加密(账户密码加密)@莫成尘
先看代码,复制使用即可。这是一个比较常用的场景我们借助了(crypto-es==>vue3)(crypto-es==>vue2)库。如您满意请给莫成尘点个star将他封装为单独的js文件import CryptoJS from 'crypto-es'export default { encrypt(word, keyStr) { keyStr = keyStr || '固定密钥' const key = CryptoJS.enc.Utf8.parse(keyStr)原创 2021-02-07 14:26:52 · 1118 阅读 · 0 评论 -
用js判断字符串的字节长度(区分汉字和英文)@莫成尘
先看代码,复制使用即可。这是一个比较常用的场景,汉字视为2个字符,字母和数字等视为一个字符,繁体汉字视为三个字符。如您满意请给莫成尘点个star(以下链接点击下载即可)这是一个具名函数 function getByteLength(str = '') { let len = 0; for (let i = 0; i < str.length; i++) { if (str.charCodeAt(i) > 127 || str.charCodeAt(i) == 94)原创 2020-12-11 11:54:18 · 4111 阅读 · 1 评论 -
CSS使网页适应不同屏幕大小(最实用的rem基础屏幕的适配方案)
先看代码,复制使用即可,以下代码均可复制粘贴使用(我将以注释的形式解释代码左右)。如您满意请给莫成尘点个Fabulous牛顿说过:我之所以看得远,是因为我站在巨人的肩膀上,我们充分借鉴了element,antd等的方案来适配。需要注意的是使用了这个方案,您最好使用rem作为单位来设置css,\color{#FF0000}{需要注意的是使用了这个方案,您最好使用rem作为单位来设置css,}需要注意的是使用了这个方案,您最好使用rem作为单位来设置css,如果觉得自己计算比较麻烦,可以使用您的编译器设置原创 2020-12-10 11:40:00 · 4014 阅读 · 2 评论 -
在js中过滤数组(子元素为对象)@莫成尘
先看代码,复制使用即可。数组中嵌套对象,是常见的数据结构,某些时候我们渲染需要过滤掉其中子元素某个值为空的情况如您满意请给莫成尘点个star(以下链接点击下载即可)我们将过滤name为空的子值let List = [ {name:'张三',sex:'1',age:'18'}, {name:'张四',sex:'2',age:'29'}, {name:'',sex:'2',age:'20'}, //我们将过滤点这个name为空的值 {name:'张五',sex:'0',age:'17'原创 2020-12-03 10:17:52 · 993 阅读 · 0 评论 -
使用JS方法做一个简单地本地数据加密解密
先看代码,复制使用即可,(您将看到以下效果)var name = '123' //实现可以加解密汉字的window方法console.log(name + '<==将要被加密')let namejiami = window.btoa(window.encodeURIComponent(name))//账号加密console.log(namejiami + '<==加密信息')let namejiemi = window.decodeURIComponent(window.atob(原创 2020-10-10 11:19:47 · 1102 阅读 · 0 评论 -
前端js正则验证大全(一套完整的正则验证解决方案)@莫成尘
先看代码,复制使用即可,验证基于前端常用的正则验证而来。(个人习惯用驼峰命名,请见谅)如您满意请给莫成尘点个Fabulous手机号验证思路是以1开头的第二位是23456789,匹配数字字符9位并结束共计11位function PhoneNum(value) { return /^1[23456789]\d{9}$/.test(value);}固定电话号验证思路是以1开头的第二位是23456789,匹配数字字符9位并结束共计11位function FixedPhoneNum(value)原创 2020-09-25 18:09:16 · 1210 阅读 · 0 评论