js
前端技术栈
看面试题 【web前端面试小助手】 小程序
展开
-
30分钟熟练使用最常用的ES6,还不学是等着被卷死?
1、前端面试题库 (原创 2022-08-31 09:20:07 · 919 阅读 · 0 评论 -
成为优秀的TS体操高手 之 TS 类型体操前置知识储备
TS 类型体操前置知识储备如果你正在学习 TS,可是像我一样仅仅停留在定义类型,定义interface/type的层面的话, 这份体操类型练习题一定不要错过 !type-challenges写这篇文章的时候我只做完了体操类型的中等级别的题目(还有 2-3 道其实没完全解出来)更多面试题库看前端面试题题库简单搭建一下做题环境我喜欢做一题拷贝一题,所以我 clone 了......原创 2022-07-06 09:26:39 · 1698 阅读 · 0 评论 -
JS 将伪数组转换成数组
它是一个对象,并且该对象有length属性比如"0""a","1""b","2""c","length"3}像上面的arrayLike对象,有length属性,key也是有序序列。可以遍历,也可以查询长度。但却不能调用数组的方法。比如push、pop等方法。在ES6arguments。arguments看上去也很像一个数组,但它没有数组的方法。比如,这样做一定会报错。除了arguments之外,NodeList对象表示节点的集合也是伪数组,比如通过获取的节点集合等。...原创 2022-07-25 11:47:44 · 747 阅读 · 0 评论 -
js通过身份证号获取出生日期,性别,年龄
/* * 当type=1时获取出生日期,type=2时获取性别,type=3时获取年龄 * */ var idCard = '' //身份证号 function IdCard(IdCard, type) { if (type === 1) { //获取出生日期 let birthday = IdCard.substring(6, 10) + "-" + IdCard.substring(10, 12) + ...原创 2022-04-25 16:51:47 · 1970 阅读 · 0 评论 -
两个对象中值的替换 简单实用
两个对象中值的替换 简单实用将obj2的值赋值到obj1直接上代码var obj1={ name1:1, name2:1 name3:1, name4:1}var obj2={ name1:4, name2:3, name3:9, name4:9}Object.keys(obj1).forEach(key=>{obj1[key]=obj2[key]})喜欢的关注下吧...原创 2022-01-20 17:37:07 · 855 阅读 · 0 评论 -
微信小程序 TypeError: _typeof3 is not a function
修改一下 @babel/runtime/helpers/typeof.js 文件 全部替换 即可function _typeof2(o) { "@babel/helpers - typeof"; return (_typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) { return typeof o; } : function...原创 2021-10-22 18:54:01 · 4420 阅读 · 6 评论 -
js正则表达式获取字符串中的URL链接
直接上代码function httpString(s) { var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g; //var reg = /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/; //var reg=/(http(s)?\:\/\/)?(www\.)?(\w+\:\d+)?(\/\w+)+\.(原创 2021-10-19 11:31:21 · 3063 阅读 · 0 评论 -
Js 实现十六进制颜色值和RGB颜色值转换整理
一、Js 实现颜色值转换处理js实现 十六进制颜色值转RGB颜色值js实现 RGB颜色值 转 十六进制颜色值 var colorChange = { rgbToHex: function (val) { //RGB(A)颜色转换为HEX十六进制的颜色值 var r, g, b, a, regRgba = /rgba?\((\d{1,3}),(\d{1,3}),(\d{1,3})(,(原创 2021-10-12 18:22:14 · 3258 阅读 · 0 评论 -
常用正则表达式 (必备)
1、正则匹配以[开头以]结尾不包含[] str.match(/(?<=\[).*?(?=\])/g)2、正则匹配以[开头以]结尾包含[] str.match(/\[.*?\]/g)3、正则匹配 {} 以及大括号中间的内容str.match(/\{[^\{]+\}/g)原创 2021-09-13 16:33:37 · 565 阅读 · 0 评论 -
监听手机屏幕旋转 横屏 竖屏 dome
<!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>监听手.原创 2021-09-09 12:39:58 · 362 阅读 · 0 评论 -
一行代码就能随意修改网页内容
一、打开你想要编辑的网站我这里拿百度首页做个示范。二、进入开发者模式按F12进入开发者模式 。三、输入神奇代码1、打开随意编辑网页内容的功能选择Console,在命令框输入document.designMode='on'后按回车。这时你可以发现,点到文字处,会出现小光标,这就说明你可以修改这里的内容。此时直接就可以修改光标处的内容,这里我随便改一下(不是真的改,刷新页面即可恢复原来网页内容)。2、关闭随意编辑网页内容的功能选择Console,在命令框...原创 2021-09-02 11:31:13 · 14902 阅读 · 1 评论 -
uniapp 中调用企业微信 wx.config is not a function 和 wx.agentconfig is not a function
在unipp中调用 企业微信wx.config 和wx.agentconfig一直没有调通开始是直接下载<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script><script src="https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js" type="text/javascript"></sc.原创 2021-07-30 16:04:10 · 4404 阅读 · 9 评论 -
js两个日期比较相差多少天实例
首先来分析一个问题,两个日期是什么格式的?假设是字符串格式:可能是:2018/04/20,也可能是:2018/04/20 12:00:00那接下来分情况讨论。首先看看不含时间部分的日期格式计算:varaDate=newDate('2018/04/23');//通过日期字符串,初始化第一个日期对象varbDate=newDate('2018/04/25');//同上,初始化第二个日期对象varaDay=24*60*60*1000;//完整...原创 2021-05-31 10:59:02 · 703 阅读 · 0 评论 -
判断当前时间是否在某个时间区间内
function isDuringDate () { var curDate = new Date() //当前时间 if (curDate >= new Date('2021-5-18 00:00') && curDate <= new Date('2021-5-18 08:30'))return true if (curDate >= new Date('2021-5-18 10:00') && curDate <= .原创 2021-05-18 09:41:09 · 688 阅读 · 0 评论 -
vue 自己制作的 刻度尺 方便简洁好用
<template> <view class="scan"> <block v-for="(item,index) in section" :key="index" class=""> <text >{{(section-index)*(numbers/section)}} —</text> <text v-for="(item,l) in 10" :key="l">-</text> </blo原创 2021-05-14 11:50:20 · 2636 阅读 · 0 评论 -
js 实现浏览器下载视频2种方法
第一种,这种比较节能,如果视频比较大。不会造成卡顿fetch('你的视频地址.mp4').then(res => res.blob()).then(blob => { const a = document.createElement('a'); document.body.appendChild(a) a.style.display = 'none' const url = window.URL.createObjectURL(blob); a.href = url; a原创 2021-04-08 10:22:53 · 6863 阅读 · 14 评论 -
如何将A对象属性值赋值给B对象中相同属性
B为需要的属性,但值是想要A对象属性对应的值以下操作可以得到B对象,和想要得值<js>var A={ name:'张三', age:'180', long:'180cm', hage:'手长', heard:'头发短', add:'地址:乱坟岗', money:'身价过亿', } var B={ money:'身亿', name原创 2021-03-19 16:51:16 · 1807 阅读 · 0 评论 -
初步了解 promise-03 简单封装promise 方法
promise 两个作用1、解决回调地狱(e恶魔金字塔)链式调用2、同步”异步的执行结果简单封装 promise 实现读取文件有3个平级的文件 a.txt, b.txt, c,txt 其中 a里的内容是b.txt , b里的内容是c.txt , c 里放的是“hello”;使用 promise 层层 读取到 c里的内容let fs =require(“fs”);//封装promise 方法function read(filePath,encoding){ return new Pr原创 2021-02-05 16:08:25 · 332 阅读 · 0 评论 -
js正则表达式 匹配两个特定字符间的内容示例
1、js截取两个字符串之间的内容:var str = "aaabbbcccdddeeefff"; str = str.match(/aaa(\S*)fff/)[1]; alert(str);//结果bbbcccdddeee2、js截取某个字符串前面的内容:var str = "aaabbbcccdddeeefff"; tr = str.match(/(\S*)fff/)[1]; alert(str);//结果aaabbbcccddd3、js截取某个字符串后面的内容:var str原创 2021-01-21 13:56:41 · 3318 阅读 · 0 评论 -
js中eval()的使用说明
今天写小游戏sdk的时候,对方调用我的方法,然后传了个方法过来,我用eval判断了一下传过来的是否是function,但是结果出错了,于是想弄明白eval究竟是怎么使用的,查了下资料,记录如下。定义eval() 可以接受一个字符串str作为参数,并把这个参数作为脚本代码来执行。参数如果参数是一个表达式,eval() 函数将执行表达式;如果参数是Javascript语句,eval()将执行 Javascript 语句;如果执行结果是一个值就返回,不是就返回undefined,如果参数不是一个原创 2021-01-20 18:05:40 · 321 阅读 · 0 评论 -
input 输入 限制 大全
1、只能输入数字<el-input onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>收集中…原创 2020-11-30 15:58:18 · 7551 阅读 · 9 评论 -
vue 中修改contenteditable=“true” 属性 , vue中给dom 元素 添加 contenteditable属性
找到需要添加或修改的元素的类<div class="w-e-text"></div> var edit=document.getElementsByClassName('w-e-text')[0] edit.setAttribute('contenteditable','false');即可修改完成扫码获取 1000+条 前端面试题 收藏以后面试用得上...原创 2020-11-30 15:30:18 · 1778 阅读 · 0 评论 -
vue js对象拷贝的方法简单易用
对象拷贝的方法是一个难点,尤其是深拷贝。建议把代码都运行下,帮助理解拷贝。一. json方法适合情况: JSON对象的深度克隆。方法是先JSON.stringify() 转为json字符串, 再JSON.parse() 转为json数组缺点: a. 如果你的对象里有函数, 函数无法被拷贝下来 b. 无法拷贝copyObj对象原型链上的属性和方法var obj = { x: 1, y: { a: 1, b: 0, c原创 2020-11-27 19:00:08 · 2160 阅读 · 0 评论 -
js vue react获取本周、本月、本季、本年的第一天
今天项目中要获取本周、本月、本季、本年的第一天,发现网上的方法或多或少都有问题,于是自己写了一个,亲测可用。获取指定日期的周的第一天、月的第一天、季的第一天、年的第一天@param date new Date()形式,或是自定义参数的new Date()@returns 返回值为格式化的日期,yy-mm-dd//日期格式化,返回值形式为yy-mm-ddfunction timeFormat(date) { if (!date || typeof(date) === "string")原创 2020-11-26 19:01:13 · 1221 阅读 · 0 评论 -
element 订单列表中 实现多个倒计时(vue+js)
实现场景:订单列表中多个倒计时(vue)<template> <div class=""> <div v-for="(item,index) in list" :key="index">{{item.countDownTime }}</div> </div></template><script>export default { data() { return { list:原创 2020-11-25 19:08:42 · 1718 阅读 · 0 评论 -
vue中 element 实现点击复制粘贴功能
copyUrl(data){ let url = data; let oInput = document.createElement('input'); oInput.value = url; document.body.appendChild(oInput); oInput.select(); // 选择对象; console.log(oInput.value) document.execCo.原创 2020-11-25 10:36:33 · 1406 阅读 · 0 评论 -
js 实现60秒倒计时
1.dom元素<div class="box"> <h2>剩余时间:<span class="clock">60</span>秒</h2></div><button>点击</button>2.js 代码var timeClock;function sendCode() { var timer_num = 60; timeClock=setInterval(function(){原创 2020-10-30 09:43:09 · 1660 阅读 · 0 评论 -
js将数组中相同的元素进行分组 必看
function sortClass(sortData){ const groupBy = (array, f) => { let groups = {}; array.forEach((o) => { let group = JSON.stringify(f(o)); groups[group] = groups[group] || []; groups[group].push(o); }); return Object.原创 2020-10-20 11:04:35 · 4209 阅读 · 4 评论 -
封装函数,将数组对象中 id相同 的元素去重
var arr = [ {id:1,name:'aa'}, {id:1,name:'aa'}, {id:3,name:'cc'}, {id:4,name:'dd'} ] //考察点: 对js基础知识的掌握 //解法一: //数组各种方法的应用 function deWeight(arr,initArr=[]) { arr.forEach(item=>{ let isFind = initArr.f.原创 2020-10-13 13:39:25 · 507 阅读 · 0 评论 -
js判断某元素出现的次数
重点有三个:1,通过嵌套for循环,把数组的每一项,跟整个数组中的所有项,比较一遍;2,通过if判断,如果有相等的项,count++,并把相等的项置为-1,这样可以判断等于-1的就是重复的,就不再加入新数组了;3,用if判断!=-1,决定是否加入新数组中,返回。function arrCheck(arr){ var newArr = []; for(var i=0;i<arr.length;i++){ var temp=arr[i]; var count=0;原创 2020-10-13 12:41:32 · 2685 阅读 · 0 评论 -
js查找数组里面的重复的元素
for循环indexof()var a=[1, 2, 2, 3, 4, 2, 2,5,36,4,78,3,3,3,3];var b=[];for (var i =0; i <a.length; i++) { if(b.indexOf(a[i])==-1 && a.indexOf(a[i])!==a.lastIndexOf(a[i])){ b.push(a[i]); }}console.log(b);扫码获取 1000+ 前端面试题 收藏以后面试用得上原创 2020-10-13 11:55:46 · 3979 阅读 · 0 评论 -
js数组去重的10种有效方法 vue 数组去重
方法一思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中。function unique(arr) { let newArr = [arr[0]]; for (let i = 1; i < arr.length; i++) { let repeat = false; for (let j = 0; j < newArr.length; j++) { if (arr[原创 2020-10-12 10:10:54 · 2240 阅读 · 0 评论 -
js数组合并的4中方法 必看
方法一:var a = [1,2,3];var b=[4,5]a = a.concat(b);console.log(a);//此处输出为 [1, 2, 3 ,4 ,5]方法二:// ES5 的写法var arr1 = [0, 1, 2];var arr2 = [3, 4, 5];Array.prototype.push.apply(arr1, arr2);console.log(arr1)//[0,1,2,3,4,5]方法三:// ES6 的写法var arr1 = [0,原创 2020-10-12 09:55:04 · 290 阅读 · 0 评论 -
JS 数组随机排序方法
使用JS编写一个方法 让数组中的元素每次刷新随机排列方法一var arr =[1,2,3,4];var t;for(var i = 0;i < arr.length; i++){ var rand = parseInt(Math.random()*arr.length); t = arr[rand]; arr[rand] =arr[i]; arr[i] = t;} console.log(arr);方法二var arr =[1,2,原创 2020-09-02 14:11:31 · 939 阅读 · 0 评论 -
万能获取随机数公式 取1-100的随机数
function sum (m,n){ var num = Math.floor(Math.random()*(m - n) + n); alert(num)}sum(1,100);取1-100的随机数 sum(1,100)取1-10000的随机数 sum(1,10000)万能 公式,不管多少范围的随机数都可以取到查看前端面试题小程序,扫码免费看...原创 2020-08-31 09:39:58 · 4165 阅读 · 1 评论 -
ES6 数组中的对象去重
用set 去重let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}, ];let obj = {};let peon = person.reduce((cur,next) => { obj[.原创 2020-08-28 11:58:42 · 1670 阅读 · 0 评论 -
js获取当天时间以及当天时间的0点及24点,并标准化为YYYY-MM-DD HH:MM:SS
var date1 = new Date(new Date(new Date().toLocaleDateString()).getTime());var date2 = new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1);var startTime = date1.getFullYear() + "-" + ((date1.getMonth() + 1) < 10 ? "0" + (date1原创 2020-07-11 23:09:57 · 595 阅读 · 0 评论 -
pc 端输入框限制只能输入字母和数字 vue
<div class="inputnumber "> <input type="text" value="value" onkeyup="value=value.replace(/[^a-z0-9_]/g,'');" v-model="value"></div> 看前端面试题小程序 限时免费看,微信扫码查看原创 2020-07-01 15:51:41 · 1927 阅读 · 0 评论 -
获取整个url地址参数字符串(无?符号后面参数)
window.getAllUrlParam = function () {return window.location.search.substr(1);};查看前端面试题小程序原创 2020-06-30 17:26:05 · 463 阅读 · 0 评论 -
获取url地址指定参数值
window.getUrlParam = function (name) {var reg = new RegExp("(^|&)" + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象var r = window.location.search.substr(1).match(reg); //匹配目标参数return r != null ? decodeURI(r[2]) : null;};getUrlParam (name)查原创 2020-06-30 17:23:00 · 317 阅读 · 0 评论