随笔分类 - javascript
摘要：目标效果： obj = { 0: 'a', 1: 'b', 2: 'c' } => arr=['a','b','c'] ####1、Array.from(object) let obj = { 0: 'a', 1: 'b', 2: 'c', length: 3 } let arr = Array.f
阅读全文
摘要：###方法1： EXFCODE： function isChinese(temp){ var re=/[^\u4E00-\u9FA5]/; if (re.test(temp)) return false ; return true ; } ###方法2： EXFCODE： function isCh
阅读全文
摘要：一、什么是深拷贝？（先简单理解概念） 深拷贝是指，拷贝对象的具体内容，深拷贝在计算机中开辟一块新的内存地址用于存放复制的对象。源数据改变不会影响复制的数据。 ##二、为什么要使用深拷贝？ 我们希望在改变新的数组（对象）的时候，不改变原数组（对象） arr=[100, [{a : 'hello'},
阅读全文
摘要：Map() Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构，Map比Object更合适。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 var m = new Map([['Michael', 9
阅读全文
摘要：1. 什么是函数去抖 & 函数节流 让某个函数在一定 事件间隔条件（去抖debounce） 或 时间间隔条件（节流throttle） 下才会去执行，避免快速多次执行函数（操作DOM，加载资源等等）给内存带来大量的消耗从而一定程度上降低性能问题. debounce: 当调用动作n毫秒后，才会执行该动作
阅读全文
摘要：一、前言 以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyu
阅读全文
摘要：1 遍历数组通常用for循环 ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外
阅读全文
摘要：假设有这样一个数组： let person = [ {id: 0, name: "小明"}, {id: 1, name: "小张"}, {id: 2, name: "小李"}, {id: 3, name: "小孙"}, {id: 1, name: "小周"}, {id: 2, name: "小陈"}
阅读全文
摘要：说明： Map结构提供了“值—值”的对应，是一种更完善的Hash结构实现。如果你需要“键值对”的数据结构，Map比Object更合适。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 map 的定义 1 2 1、let map = new Map(
阅读全文
摘要：原文作者：suoning 原文连接： 史上最全、JavaScript基础篇 本章内容： 简介 定义 注释 引入文件 变量 运算符 算术运算符 比较运算符 逻辑运算符 数据类型 数字 字符串 布尔类型 数组 Math 语句 条件语句（if、switch） 循环语句（for、for in、while、d
阅读全文
摘要：this是我们在书写代码时最常用的关键词之一，即使如此，它也是JavaScript最容易被最头疼的关键词。那么this到底是什么呢？ 如果你了解执行上下文，那么你就会知道，其实this是执行上下文对象的一个属性： 1 2 3 4 5 6 7 executionContext = { scopeCha
阅读全文
摘要：使用 Proxy | Reflect 做数据劫持 | 全局数据监听 > 使用demo import globalData from './globalData' const {userInfo} = globalData userInfo.watch('name', str =>{ console.
阅读全文
摘要：利用 高阶函数 ｜ 作用域 ｜ 配置初始化脚本的 全局变量 import context from '@utils/context'; const configFileUrl = `http://sgs.com/api`; const timtOut = proObj => { return Pro
阅读全文
摘要：js倒计时|天时分秒| countTime <!DOCTYPE html> <html lang="en"> <head> <title>倒计时</title> </head> <body> <script type="text/javascript"> const endTimeObj = new
阅读全文
摘要：replace小数点后保留2位 小数点后保留2位 网上一堆小数点保留2位正则，但大部分都是直接copy，未解决0101和以.开头的这种情况 网上写法 obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符 obj.value =
阅读全文
摘要：map var arr = [1,2,3,4,5,6,7,8,9]; var s = arr.map(String); console.info(s) function pow(x){ return x * x; } var results = arr.map(pow); console.info(
阅读全文
摘要：本文出自珠峰培训：http://www.zhufengpeixun.cn/ahead/html/1.ES2015.html 1. 作用域变量 作用域就是一个变量的作用范围。也就是你声明一个变量以后,这个变量可以在什么场合下使用 以前的JavaScript只有全局作用域，还有一个函数作用域 1.1 v
阅读全文
摘要：原文链接：https://juejin.im/post/5d9769b26fb9a04df26c1b89 作为 Javascript 的标准对象之一，数组是非常底层而且实用的数据结构。虽然结构很简单，但是用好却不简单，包括我一开始学习 JS 的时候看到一堆原生方法也是很蒙蔽，怎么能有这么多方法。而且
阅读全文
摘要：本文转自https://juejin.im/post/59e85eebf265da430d571f89#heading-4 本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。 不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经
阅读全文
浙公网安备 33010602011771号