url地址解析-浏览器解析URL的过程
code_lee3年前2312
一、基本过程1、概念：浏览器的内核分为两个核心部分，渲染引擎与js引擎，拿Chrome来说，它的渲染引擎是webkit渲染引擎，js引擎为v8。渲染引擎用来渲染窗口，可以显示html,xml,xhtm...
Object.assign 是浅拷贝还是深拷贝？实现深拷贝的方法有哪些？
code_lee3年前1788
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。后面的源对象的属性将类似...
js判断是数组还是对象、判断空对象和空数组
code_lee3年前2049
业务处理过程中经常需要对数据进行判断，这里介绍空对象和空数组的判断方法空数组的判断if(Array.prototype.isPrototypeOf(obj)&&obj.length&n...
异步Promise及Async/Await可能最完整攻略
code_lee3年前2941
此文只介绍Async/Await与Promise基础知识与实际用到注意的问题，将通过很多代码实例进行说明，两个实例代码是setDelay和setDelaySecond。一、为什么有Async/Awai...
JS对象细节知识与扩展及遍历对象的方式
code_lee3年前2286
JS中==、===和Object.is()的区别 1. ==：等同，比较运算符，两边值类型不同的时候，先进行类型转换，再比较；...
JS 原型与原型链
code_lee3年前1379
一. 普通对象与函数对象JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明var o1...
this指向
code_lee3年前1326
this是JavaScript中的一个关键字，但是又一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。 this会在执行上下文中...
细说 call、apply 以及 bind 的区别和用法 手写bind函数
code_lee3年前2163
call 和 apply 的共同点它们的共同点是，都能够改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的。为何要改变执行上下文？举一个生活中的小例子：平时没时间做饭的我，...
Event Loop调用栈、堆内存、任务队列、消息队列
code_lee3年前2204
JavaScript Event Loop大家可能都知道JavaScript这门语言是单线程的语言吧，应该学过前端的都知道这个知识吧。单线程也就是说同一时间只能做一件事情。因为在JavaScript被...
Symbol数据类型
code_lee3年前1785
Symbol 本质上是一种唯一标识符，可用作对象的唯一属性名，这样其他人就不会改写或覆盖你设置的属性值。声明方法：const id = Symbol("id&q...
Set、WeakSet数据结构
code_lee3年前1874
SetSet对象是值的集合， Set中的元素只会出现一次，即 Set 中的元素是唯一的，无论是基本类型还是对象引用。let set = new Set([1,&...
Map、WeakMap数据结构
code_lee3年前1815
Map 是 ES6 中新增的数据结构，Map 类似于对象，但普通对象的 key 必须是字符串或者数字，而 Map 的 key 可以是任何数据类型...Map 的用法和普通对象基本一致，先看一下它能用非...
JavaScript 正则表达式语法 && ES6正则表达式扩展
code_lee3年前1818
table{ border:1px solid #efefef; } td{ border:1px solid #efefef; padding:5px; }...
ES6-Reflect
code_lee3年前2024
Reflect 是一个内置的对象，它提供拦截 JavaScript 操作的方法，是 ES6 为了操作对象而提供的新 API。Reflect不是一个函数对象，因此它是不可构造的。Reflect的所有属性...
Object.defineProperty 及实现数据双向绑定
code_lee3年前1851
Object.defineProperty() 和 Proxy 对象，都可以用来对数据的劫持操作。何为数据劫持呢？就是在我们访问或者修改某个对象的某个属性的时候，通过一段代码进行拦截行为，然后进行...
对象的新增方法
code_lee3年前1593
Object 对象的新增方法1. Object.is()ES5 比较两个值是否相等，只有两个运算符：相等运算符（==）和严格相等运算符（===）。它们都有缺点，前者会自动转换数据类型，后者的...
try ... catch语法结构
code_lee3年前3263
一、try ... catch的基本语法try..catch构造主要有两个块：try{}和catch(err){}：try{ //在这里运行代码 /...
正则test, exec, match, replace
code_lee3年前1689
用法介绍注：pattern 为RegExp的实例, str 为String的实例RegExp对象方法test()字符串的test方法，比较常用在判断语句中，最简单的RegExp方法了，用于检测一个字符...
Promise 中的三兄弟 .all(), .race(), .allSettled()
code_lee3年前1657
从ES6 开始，我们大都使用的是 Promise.all()和Promise.race()，Promise.allSettled() 提案已经到第4阶段，因此将会成为ECMAScript 2020的一...
JavaScript 标准日期、中国标准时间、时间戳、毫秒数互转
code_lee3年前1858
概念标准日期：2017-09-19 或 2017-09-19 20:00:00 中国标准时间：Mon Oct 23 2017 17:20:13 GMT+0800 (中国标准时间) 时间戳：150875...
window.onhashchange
code_lee2年前2741
当 一个窗口的 hash （URL 中 # 后面的部分）改变时就会触发 hashchange 事件（参见 location.hash）。...
js对url进行编码和解码（三种方式区别）
code_lee2年前2494
*** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字，才能不经过编码直接用于 URL。***例如：搜索的中文关键字，复制网址之后再粘贴就会发现该URL已经...
JS中树形对象与数组之间的相互转换
code_lee2年前3089
1、首先是要将一个具有树形结构的数组转化为树形结构的对象// 将一个扁平化的对象数组，转化为树形结构 // 现在有一个对象组成的数组，每个元素有id属性和parent_id属性，...
moment.js常用格式化
code_lee2年前5660
基础格式 用法日期moment(new Date()).format("YYYY-MM-DD”) // 2021-10-23 moment(n...
javascript中的contains方法
code_lee7个月前737
IE有许多好用的方法，后来都被其他浏览器抄袭了，比如这个contains方法。如果A元素包含B元素，则返回true，否则false。唯一不支持这个方法的是IE的死对头firefox。不过火狐支持com...
Cannot access ‘xxx‘ before initialization 以及var、let、const的区别
code_lee1年前1143
let newStory = '今天气温 34 摄氏度，:inserta:出去遛弯。当走到:insertb:门前时，突然就:insertc:。...
原创 js操作canvas、DataURL、File、Blob转换处理
code_lee1年前5154
首先，要清楚File与Blob之间的关系File继承自Blob，扩展了一些属性，例如文件名、修改时间、路径等注意：Edge浏览器不支持File对象构造函数1.DataURL写入canvas...
常用数据处理函数
code_lee1年前1802
1.树状结构：根据子级查找父级节点假设树状结构的每个节点都有一个id和一个子节点列表children，我们可以写一个递归函数getParentById来根据子级节点的id查找父级节点：function...
八、Echart图表 之 series盒须图（箱体图）基本使用与配置大全
code_lee2年前4534
✨箱体图含义：1.箱子的中间一条线，是数据的中位数，代表了样本数据的平均水平。2.箱子的上下限，分别是数据的上四位数和下四分位数，这意味着箱子包含了50%的数据，因此箱子的宽度在一定程度上反应了数据的...
六、Echart图表 之 tooltip提示框组件配置项大全
code_lee2年前4804
axisPointer：坐标轴指示器配置项label：坐标轴指示器的文本标签lineStyle：axisPointer.type为line时有效...
五、Echart图表 之 legend图例组件配置项大全
code_lee2年前3791
✨什么是legend图例组件，如下图：itemStyle：图形样式lineStyle：图例图形中线的样式...
四、Echart图表 之 颜色color配置项大全
code_lee2年前7931
这篇文章主要是记录了color各种颜色配置的方法，比如渐变、纹理等这些复杂颜色在实际应用中怎么配置。一、color的全局与局部配置调色盘颜色列表。如果没有设置全局颜色，则会依次循环从该列表中取颜色作为...
三、Echart图表 之 X轴（xAxis）与 Y轴（yAxis）配置项大全
code_lee2年前5323
xAxis与yAxis中有很多配置项，下面我以xAxis进行详解，yAxis参考xAxis即可axisLine：坐标轴轴线相关设置。axisTick：坐标轴刻度相关设置。axisLabel：坐标轴刻度...
二、Echart图表 之 title配置项大全
code_lee2年前3594
title就是图表标题，可以控制它的属性，如颜色、位置等，当有副标题的时候title有两种写法，可以写为数组或对象，下面我就以对象形式整理title的配置项，以数组形式写例子。title: ...
一、Echart图表 之 基本使用及配置项
code_lee2年前4766
一、基本使用 请在阅读文章时参考Echart官网地址中的内容配合了解，首先我们知道Echart图表中有许多类型，如折线图、...
json-server
code_lee2年前3788
json-server概述一个在前端本地运行，可以存储json数据的server。 通俗来说，就是模拟服务端接口数据，一般用在前后端分离后，前端人员可以不依赖API开发，而在本地搭建一个JS...
数字转字符串 爬坑—TypeError: Cannot read property ‘toString‘ of null
code_lee2年前1763
报错：Uncaught (in promise) TypeError: Cannot read property ‘toString’ of null这里是需要把行政码由数字型转换成...
Javascript 两个对象数组 根据相同的id进行合并(根据某个字段合并数组对象)
code_lee2年前4026
var arr2 = [{ id: 1, name: '小明' }, { id:&n...
Vue中使用js-cookie
code_lee2年前1955
js-cookie 是关于 cookie 存储的一个js的API，根据官网描述其优点有：适用所有浏览器、接受任何字符、经过任何测试没什么 bug、支持 CMD 和 CommonJS、压缩之后非常小，仅...
Echarts 的 dispatchAction
code_lee2年前3354
一、Echarts中的actionecharts中支持的图表行为，通过dispatchAction触发。1.highlight 高亮指定的数据图形dispatchAction({ &nb...