js
js博客
星期五の夜
stay hungry ... stay foolish ...
展开
-
移动端h5聊天室布局
h5聊天转载 2023-03-07 17:49:30 · 950 阅读 · 0 评论 -
js 去掉数组对象中的重复对象
export function deteleObject(obj) { var uniques = []; var stringify = {}; for (var i = 0; i < obj.length; i++) { var keys = Object.keys(obj[i]); keys.sort(function(a, b) { return (Number(a) - Number(b)); }转载 2020-09-29 11:34:20 · 365 阅读 · 0 评论 -
前端开发同步和异步的区别?
在前端开发中同步:一般指的是在代码运行的过程中,从上到下逐步运行代码,每一部分代码运行完成之后,下面的代码才能开始运行异步: 指的是当我们需要一些代码在执行的时候不会影响其他代码的执行,也就是在执行代码的同时,可以进行其他的代码的执行,不用等待代码执行完成之后才执行之后的代码,就像我们人一样,可以一边看电视剧一边吃东西一样,互不干扰,这种方式就是异步。而在前端开发中常见的异步一般常见的包括:setTimeout,setInterval,ajax。setTimeout是定时延时运行函数,只原创 2020-09-26 21:06:38 · 705 阅读 · 0 评论 -
32个手撕JS,彻底摆脱初级前端(面试高频)
32个手撕JS,彻底摆脱初级前端(面试高频)转载 2020-09-26 20:58:16 · 192 阅读 · 0 评论 -
JavaScript与ES的25个重要知识点
JavaScript与ES的25个重要知识点转载 2020-09-15 10:21:48 · 110 阅读 · 0 评论 -
彻底理解工厂函数、构造函数、原型,原型对象,原型链
<!-- 创建一个对象 --> <script> var obj = { name:"孙悟空", age:18, gender:"男", sayName:function(){ alert(this.name) } } obj.sayName(); </script原创 2020-09-11 16:37:53 · 210 阅读 · 0 评论 -
js数组常用方法
1.join() (数组转字符串)数组转字符串,方法只接收一个参数:即默认为逗号分隔符()<script> var arr=[1,2,3,4]; console.log(arr.join()); //1,2,3,4 console.log(arr.join(":")); //1:2:3:4 console.log(arr); //[1,2,3,4],原数组不变</script>join()实现重复字符串<script> function rep原创 2021-08-24 14:24:35 · 321 阅读 · 0 评论 -
js调用摄像头麦克风,截取摄像头图像 && js调用摄像头录像保存本地
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do原创 2020-08-26 09:08:22 · 1368 阅读 · 1 评论 -
js简单的递归练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> var data = [原创 2020-08-16 22:40:17 · 212 阅读 · 0 评论 -
删除两个数组对象中相同的对象
删除两个数组对象中相同的对象转载 2020-07-29 09:37:31 · 524 阅读 · 0 评论 -
js筛选两个数组中相同的元素
js筛选两个数组中相同的元素转载 2020-07-29 09:36:48 · 1646 阅读 · 0 评论 -
js实现阿拉伯数字转换为中文大写金额
js实现阿拉伯数字转换为中文大写金额原创 2020-07-15 09:28:01 · 183 阅读 · 0 评论 -
「 Map最佳实践」什么时候适合使用 Map 而不是 Object
参考链接:「 Map最佳实践」什么时候适合使用 Map 而不是 Object// Map的使用方法 const map = new Map() map.set(1, 'value') map.set(true, 'value') map.set({ 'key': 'value' }, 'value') for (const key of map.keys()) { console.log(key) //转载 2020-07-09 22:24:10 · 164 阅读 · 0 评论 -
Object.keys
// 1.处理对象,返回可枚举的属性数组 let person = {name:"张三",age:25,address:"深圳",getName:function(){}} const test = Object.keys(person) console.log(test) // ["name", "age", "address", "getName"] // 2.处理数组,返回索引值数组 let arr = [1,2,3..原创 2020-07-09 20:50:40 · 85 阅读 · 0 评论 -
JS数组扁平化(flat)方法总结详解
JS数组扁平化(flat)方法总结详解原创 2020-07-03 13:48:02 · 1119 阅读 · 0 评论 -
js之检测浏览器 &&获取浏览器内核
getBrowser () { let ua = navigator.userAgent.toLocaleLowerCase() let browserType = null if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = 'IE'原创 2020-05-25 11:36:30 · 353 阅读 · 0 评论 -
彻底理解工厂函数、构造函数、原型,原型对象,原型链
原型,原型对象,原型链原创 2020-05-24 18:06:26 · 78 阅读 · 0 评论 -
浅拷贝与深拷贝
浅拷贝<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // 基本数据类型:Nu原创 2020-05-24 18:04:18 · 313 阅读 · 0 评论 -
==和===
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // ===比较类型和值,==只比原创 2020-05-24 16:15:30 · 215 阅读 · 0 评论 -
webSoket--ws模块
安装npm i --save ws服务端const WebSocket = require('ws')const wss = new WebSocket.Server({ port: 5852})wss.on('connection', ws => { console.log(`[SERVER] connection()`) ws.on('message', message => { console.log(`[SERVER] Rece原创 2020-05-13 16:41:56 · 402 阅读 · 0 评论 -
取出对象里指定key值
const a = { name: 'zhangfan', age: 18, sex: 'boy', school: 'MIT' } // 取出name,sex值 const { name, sex } = a console.log({ name, sex }) // {name: "zhangfan", sex: "boy"}...原创 2020-05-11 10:39:09 · 923 阅读 · 0 评论 -
相对地址&绝对地址 相对路径&绝对路径
相对地址与绝对地址的区别原创 2020-04-29 11:50:17 · 438 阅读 · 0 评论 -
Math.round(),Math.ceil(),Math.floor()
1.Math.round():“round”:“四周”,该函数是求一个附近的整数。小数点后第一位<5正数:Math.round(11.22)=11负数:Math.round(-11.22)=-11小数点后第一位>5正数:Math.round(11.66)=12负数:Math.round(-11.66)=-12小数点后第一位=5正数:Math.round(11.5)=12...原创 2020-04-29 09:59:39 · 158 阅读 · 0 评论 -
Vue中常用的数组方法.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()
Vue中常用的数组方法.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()原创 2020-04-23 15:04:58 · 1114 阅读 · 0 评论 -
js数组去重方法集合
数组去重原创 2020-04-23 10:38:18 · 65 阅读 · 0 评论 -
Map和Set
Map和Set转载 2020-04-20 10:42:58 · 68 阅读 · 0 评论 -
NProgress.js-页面加载进度条
NProgress的使用原创 2020-04-14 15:12:39 · 134 阅读 · 0 评论 -
sort排序算法
无论使用冒泡排序还是快速排序,排序的核心是比较两个元素的大小。如果是数字,我们可以直接比较。但如果是字符串或者两个对象呢?现有如下规定,对于两个元素x和yif x < y,则返回 -1if x == y 则返回0if x > y 则返回1avaScript的Array的sort()方法就是用于排序的,但是排序结果可能让你大吃一惊// 看上去正常的结果:[...原创 2020-04-14 10:41:11 · 428 阅读 · 0 评论 -
js-cookie设置token过期时间
刚开始是设置1小时import Cookies from 'js-cookie'const TokenKey = 'token'export function getToken() { return Cookies.get(TokenKey)}export function setToken(token) { return Cookies.set(TokenKey, token,...原创 2020-04-14 09:39:35 · 4221 阅读 · 0 评论 -
js 时间对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-02 12:17:24 · 98 阅读 · 0 评论 -
JS正则表达式
常用元字符串:限定符:参数:其他:[] 字符串用中括号括起来,表示匹配其中的任一字符,相当于或的意思[^] 匹配除中括号以内的内容\ 转义符| 或者,选择两者中的一个。注意|将左右两边分为两部分,而不管左右两边有多长多乱() 从两个直接量中选择一个,分组eg:gr(a|e)y匹配gray和grey[\u4e00-\u9fa5] 匹配汉字表达式:身份证号的正则表达式[1-...原创 2020-02-23 16:20:00 · 196 阅读 · 0 评论 -
JSON.parse()与JSON.stringify()
JSON.parse()【从一个字符串中解析出json对象】例子://定义一个字符串var data=’{“name”:“goatling”}’//解析对象JSON.parse(data)结果是:name:“goatling”JSON.stringify()【从一个对象中解析出字符串】var data={name:‘goatling’}JSON.stringify(dat...原创 2019-11-12 17:34:53 · 161 阅读 · 0 评论 -
彻底理解工厂函数、构造函数、原型,原型对象,原型链
<!-- 创建一个对象 --> <script> var obj = { name:"孙悟空", age:18, gender:"男", sayName:function(){ alert(thi...原创 2019-09-06 16:46:00 · 93 阅读 · 0 评论 -
addEventListener() 方法,事件监听(去哪儿网用到过)
addEventListener() 方法,事件监听你可以使用 removeEventListener() 方法来移除事件的监听。语法element.addEventListener(event, function, useCapture);第一个参数是事件的类型 (如 "click" 或 "mousedown").第二个参数是事件触发后调用的函数。第三个参数是个...原创 2019-09-06 10:33:00 · 145 阅读 · 0 评论 -
搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop,innerWidth, innerHeight
一张图直接理解InnerWidth和Innerheight的区别 // 获取窗口的高度与宽度(不包含工具条与滚动条): var innerWidth = window.innerWidth var innerHeight = window.innerHeight console.log(innerWidth,innerHeight)...原创 2019-07-20 17:31:00 · 266 阅读 · 0 评论 -
闭包除了用作缓存,还有哪些功能?
闭包除了用作缓存,还有哪些功能?转载 2021-02-09 15:01:33 · 61 阅读 · 0 评论 -
JavaScript把两个数组对象合并成一个一一对应的数组对象
var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactualQty": 10947, "brealyQty": 11000, "bavailQty": 53}, { "id": 980550566221, "model": "XQB70-C3006", "color": "灰", "invStatusName":原创 2021-02-24 16:56:13 · 2001 阅读 · 0 评论 -
数组对象去重
var arr = [{ key: '01', value: '乐乐' }, { key: '02', value: '博博' }, { key: '03', value: '淘淘' },{ key: '04', value: '哈哈' },{ key: '01', value: '乐乐' }]; // 方法1:利用对象访问属性的方法,判断对象中是原创 2021-02-25 16:50:23 · 57 阅读 · 0 评论 -
获取浏览器请求链接里的参数信息
测试地址:http://wusuowei.e-tecsun.com/#/company/entryManage/detail?infoId=292function windowHref(){ var sHref = window.location.href; var args = sHref.split('?'); if(args[0] == sHref){ return ""; } var arr = args[1].split('&.原创 2021-07-07 10:14:06 · 363 阅读 · 0 评论 -
闭包
闭包1原创 2020-04-23 10:41:24 · 73 阅读 · 0 评论