首页
学习
活动
专区
工具
TVP
发布

Web前端开发

专栏作者
162
文章
263293
阅读量
29
订阅数
深入理解 ES6 新增的数据结构 Map 与 WeakMap
JavaScript 的对象(Object),本质上是键值对的集合(Hash结构),但传统上只能用字符串当作键,这给它带来很大的使用限制
Leophen
2022-05-07
5900
深入理解 ES6 新增的数据结构 Set 与 WeakSet
ES6 提供了新的数据结构 Set,它类似于数组,但是其成员的值都是唯一的,没有重复的值
Leophen
2022-05-07
3610
css 选择器匹配以某个字符开头或结尾
1、匹配以某字符串开头的 ID div: [id^= "item-" ] { color: red; } <div id="item-op"></div> 可匹配到 div 中 id为 item- 开头的元素 2、匹配以某字符串结尾的类名 div[class$="-btn"]:active { opacity: 0.8; } <div class="user-btn"></div> 可匹配到 div 中 class 为 -btn 结尾的元素
Leophen
2021-08-10
1.3K0
JavaScript 可选链(optional chaining)
可选链 可选链(Optional chaining) ?. 是一种以安全的方式去访问嵌套的对象属性,即使某个属性根本就不存在。 这是一项新的提案,老旧浏览器可能需要 polyfills。 一、解决的
Leophen
2021-08-06
1.2K0
JavaScript 函数式编程
函数式编程是一种编程范式,主要是利用函数把运算过程封装起来,通过组合各种函数来计算结果。 举个例子,要把字符串 functional programming is great 变成每个单词首字母大写,可以这样实现:
Leophen
2021-08-06
3530
JS 设计模式之原型模式(创建型)
原型模式不仅是一种设计模式,它还是一种编程范式(programming paradigm),是 JavaScript 面向对象系统实现的根基。
Leophen
2021-08-06
5400
React Hooks
以前,React API 只有一套,现在有两套:类(class)API 和基于函数的钩子(hooks) API。
Leophen
2021-07-13
2.1K0
深入理解 React setState
React 修改 state 方法有两种: 1、构造函数里修改 state ,只需要直接操作 this.state 即可, 如果在构造函数里执行了异步操作,就需要调用 setState 来触发重新渲染。 2、在其余的地方需要改变 state 的时候只能使用 setState,这样 React 才会触发 UI 更新,如果在其余地方直接修改 state 中的值,会报错:
Leophen
2021-07-08
9020
React TS 解决不声明变量类型时的报错问题
使用 TypeScript 的 React 项目中,变量如果没有声明任何类型,会被识别为 any,此时编译器会报错,要求强制给变量声明类型
Leophen
2021-07-08
1.7K0
深入理解 ES6 Generator
而使用 ES6 Generator 可以将执行的循环停下,步骤如下: 1、在 loop 前面加一个星号 2、在输出前面加 yield 3、定义一个变量将 loop 赋值给 l
Leophen
2021-06-22
2700
深入理解 ES6 Proxy
ES6 标准中新增——Proxy(代理),只要有 “代理” 的诉求都可以考虑使用 Proxy 来实现,例如自定义一些常用行为如查找、赋值、枚举、函数调用等。
Leophen
2021-06-22
5560
JS 算法与数据结构之栈
列表是一种最自然的数据组织方式,如果数据存储的顺序不重要,且无需对数据进行查找,那么列表是一种再好不过的数据结构,但对于其它一些应用,列表就显得太过简陋,我们需要一种更复杂的数据结构——栈
Leophen
2021-06-17
7880
JS 反射机制及 Reflect 详解
反射机制是在编译阶段不知道是哪个类被加载,而是在运行的时候才加载、执行。 也就是说,反射机制指的是程序在运行时能够获取自身的信息。 js 中的 apply 就是反射机制。
Leophen
2021-06-10
2.3K0
JS 数组中 reduce 方法详解
reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值。 也就是说,这个累加器会从第一个累加值开始,不断对累加值和数组中的后续元素调用该累加器,直到数组中的最后一个元素,最后返回得到的累加值。
Leophen
2021-06-10
6.1K0
JS 算法与数据结构之列表
列表是一组有序的数据,每个列表中的数据项称为元素 在 JS 中,列表的元素可以是任意数据类型,且列表保存多少元素没有事先限定 要设计列表的抽象数据类型,我们需要列出列表的属性及方法:
Leophen
2021-06-01
1.7K0
JS 函数参数默认值、Arguments 和 Rest parameter
用来表示当前函数传入的参数,作为伪数组输出(可通过 Array.from 转换成数组) 示例:
Leophen
2021-05-24
2.8K0
JavaScript 中 find 和 filter 的区别
二者的区别在于: find 查找出第一个符合条件的对象,并返回这个对象 filter 筛选出所有符合条件的对象,并将这些对象输出为一个数组
Leophen
2021-05-20
6100
JS find 和 findIndex 方法
find 返回符合条件的第一个元素 如果没有符合条件的元素则返回 undefined 注意: find 对空数组不执行 find 不改变原数组 let arr = [1, 2, 3, 4, 5] let find = arr.find((item) => { return item % 2 === 0 }) find // 2 findIndex 返回符合条件的第一个元素位置 如果没有符合条件的元素则返回 -1 注意: findIndex 对空数组不执行 findIndex 不改变原数组
Leophen
2021-05-17
1.8K0
JS 将伪数组转换成数组的方法
一、ES5 伪数组转数组 伪数组:arguments 转换方法: let args = [].slice.call(arguments); 举个例子: 将 NodeList 转数组 let items = [].slice.call(document.querySelectorAll('item')); 二、ES6 伪数组转数组 伪数组:arguments 转换方法: let args = Array.from(arguments); 举个例子: 将 NodeList 转数组 let items = A
Leophen
2021-05-13
2.7K0
认识 JS 静态类型检查工具 Flow
Flow 是 facebook 出品的 JavaScript 静态类型检查工具 Vue.js 的源码利用了 Flow 做了静态类型检查,所以了解 Flow 有助于我们阅读源码
Leophen
2020-10-09
2.1K0
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档