从单子到模式匹配，我们将引导您了解高级开发人员使用的最新、最棒的 JavaScript 技术。译自 Top 5 Cutting-Edge JavaScript Techniques，作者 Alexander T Williams。JavaScript 是现代 Web 开发领域必不可少的工具，它不断变化和发展，树立了新的标准。在本文中，我们重点介绍五种前沿 J
......
53
0
0
2024-11-04
1 简介npm（Node Package Manager）是Node.js生态系统中的默认包管理器，它提供了一系列的命令行工具，使得开发者能够方便地进行包的管理操作。这些操作包括但不限于下载、安装、升级、删除包，以及发布和维护自己的包。以下是npm的一些主要功能：包管理：通过npm install命令安装项目所需的包，并将其添加到项目的依赖中，减少重复劳动。
......
63
0
0
2024-11-02
前言由于现在工作使用的技术栈是 React、TypeScript 和 ahooks，工作中需要用到大量的类型定义，特此记录一下一些常用的 类型通用API 封装。TS 内置类型Partial<T>：将 T 所有属性变为可选属性Required<T>：将 T 所有属性变为必选属性Readonly<T>：将 T 所有属性变为只读
......
54
0
0
2024-11-02
🍀浅拷贝、深拷贝深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型。浅拷贝仅仅复制了指向某个对象的指针，并不复制对象本身，新对象与旧对象还是共享同一块内存，修改其中一个对象，另一个对象也会随之变化。 深拷贝会另外创造一个一模一样的对象，新对象跟旧对象不共享内存，修改其中一个对象不会影响到另一个对象。在js当中，使用 ‘=’ 复制，就是js数组的
......
54
0
0
2024-11-01
前言页面的性能优化对于前端来说永远是离不开的课题，前端性能优化一直也不是作为一个单独的问题存在，它往往需要开发者结合计算机网络、浏览器相关技术、前端框架、构建工具以及开发者自己的代码等多层面去思考优化的方案，所以前端性能不应该是前端领域的一个孤岛⛱️，而需要作为串联起前端技术的零件🔩。如何去进行性能优化？一说到前端性能优化，可能大家一开始的想法就是压缩页面产
......
48
0
0
2024-10-30
JavaScript中的高阶函数是指接受函数作为参数或返回函数的函数。这种函数允许你在 JavaScript 中实现一些高级技巧，比如把函数当作数据处理的基本单元来使用。map：对数组中的每个元素进行操作，并返回一个新的数组。filter：过滤数组中的元素，并返回一个新的数组。reduce：对数组中的所有元素进行迭代，将其归约为单个值。sort：对数组中的元
......
45
0
0
2024-10-30
渐进式采用 TypeScript 在前端项目中的策略通常包括:引入TypeScript如果我们有一个简单的JavaScript模块utils.js，它包含一个函数用于计算两数之和：// utils.js
export function add(a, b) {
return a + b;
}
首先，我们将文件扩展名改为.ts，并开始逐步添加类型注解
......
55
0
0
2024-10-24
原文在这里[1]配置项参数以下是一个配置参数列表，可以设置用于修改web3.js包中不同函数行为的参数。以下是配置选项的详细列表：•handleRevert[2]•defaultAccount[3]•defaultBlock[4]•transactionBlockTimeout[5]•transactionConfirmationBlocks[6]•tran
......
56
0
0
2024-10-24
前段时间有个需求，系统有即时消息的功能，要求在收到消息后能有一个比较明显的提示，即使是在浏览器最小化的时候也能看到提醒。目前像 alert 、confirm 包括一些 JavaScript 控制的提示都是页面级的，只有在当前页签聚焦的情况像才能看到，更别说浏览器最小化了。于是就了解到 Web Notification。Notification 简介Notif
......
62
0
0
2024-10-22
互联网建立在与数据交互的基础上：从用户获取数据、存储数据、更新和删除数据。待办事项应用程序是练习这些基本技能的最佳工具。在本教程中，我们将介绍如何使用 HTML、CSS 和 JavaScript 创建功能齐全的待办事项应用程序。用户将能够执行以下操作：添加任务编辑任务，删除任务和将任务标记为已完成HTML结构我们的 HTML 将包含三个部分：留言区搜索框部分
......
48
0
0
2024-10-22
从油猴脚本管理器的角度审视Chrome扩展在之前一段时间，我需要借助Chrome扩展来完成一个需求，当时还在使用油猴脚本与浏览器扩展之间调研了一波，而此时恰好我又有一些做的还可以的油猴脚本 TKScript (点个star吧 😁)，相对会比较熟悉脚本管理器的能力，预估是不太能完成需求的，所以趁着这个机会，我又学习了一波浏览器扩展的能力。那么在后来需求的开发过
......
50
0
0
2024-10-16
在 TypeScript 中，type 关键字用于定义一个新类型。类型别名（type alias）提供了一种方式来为复杂的类型或你在代码中多次使用的类型指定一个名字。以下是 type 的一些常见用法：基本用法type StringOrNumber = string | number;
这里，StringOrNumber 是一个类型别名，它表示一个可以是 s
......
54
0
0
2024-10-16
简介web3-eth包提供了一套强大的功能，可以与以太坊区块链和智能合约进行交互。在本教程中，我们将指导您如何使用web3.js版本4的web3-eth包的基础知识。我们将在整个示例中使用TypeScript。步骤 1：配置环境在我们开始编写和部署我们的合约之前，我们需要设置我们的环境。为此，我们需要安装以下内容：Ganache - Ganache是一个用于
......
84
0
0
2024-10-15
目标:希望将知乎 消息和私信的红点隐藏,眼不见心不烦创建一个项目,目录结构如下:zhihu-extension/
manifest.json
script.js
其中manifest.json:{
"manifest_version": 3,
"name": "Remove Zhihu Chat Icon",
"v
......
57
0
0
2024-10-10
Vite 打包组件库之多版本库构建背景由于业务开发中，某一个业务组件的第一版本设计没考虑周全，在实际业务中的体验以及性能不是很乐观。所以需要实现一个 v2 版本来满足咱们新的重构，至于怎么重构，一些实现细节，本文就不阐述了，会有些偏题了。目标实现多版本组件共存满足多个场景下的渐进式升级实现我们需要准备两个维度的配置：打包维度 ------ 确保多入口可以打包
......
79
0
0
2024-09-24