下面的代码实现了一个简易的登录功能（为了减少代码量，去掉了密码）。import react, { useState } from react; const api { login(username)...091- 我发现很多人只知道如何常规地使用promise。在js项目中，promise的使用应该是必不可少的，但我发现在同事和面试官中，很多中级以上的前端仍然坚持promiseInst.then()、promi...0117
- 前言最近在研究前端爬虫，刚好看到Puppeteer，就想着分享给大家，于是有了这篇。爬虫（web crawler/web scraping）爬虫主要的目标是自动地做些什么事情，包含资料搜集、测试、执行...0188
- css3的出现让浏览器的表现更加的丰富多彩，表现冲击最大的就是动画了，在日常书写动画的时候，很有必要去事先判断浏览器是否支持，尤其是在写CSS3动画库的时候。比如transition的animatio...0103
- JavaScript 中的一些新功能非常值得期待，唤醒锁定 api 就是其中之一。它允许我们与主机系统进行交互，可以帮助开发人员使用 JavaScript 指示操作系统保持屏幕唤醒状态！这对于希望用户...082
- 浏览器最近获得了一种新的可互操作方法，您可以在数组上调用它：Array.prototype.with() 。Browser Support 浏览器支持：chrome 110Edge 110firefo...0165
- 为什么为什么我会想到这个知识点呢？因为昨晚，在一个群里，有一位同学在讨论一道字节跳动的面试题123.length + 123 ?说实话这道题，我一开始也没答出来。其实我是知道，面试官想考Number...094
- JavaScript 最初只是一种简单的语言，用于使静态网站更具活力和交互性。然而，用 JavaScript 编写的项目在很久以前就开始变得越来越复杂。正因为如此，我们很快就发现需要一种方法来将代码分...0115
- 我们之前开发的H5网页，有客户反馈页面底部被浏览器下方的工具栏遮住了，经过测试发现目前只有华为原生x5浏览器底部栏出现这个兼容问题，它遮住了底部页面，造成了这个样式兼容问题。可以看出：在华为浏览器中下...0129
- 在JavaScript编程中，代码质量优化是一项重要的技能。它可以帮助我们提高代码的可读性、可维护性和性能。本文将通过一些实际优化过程中的案例，展示如何通过一些技巧和最佳实践，使我们的代码更加优雅。1...0210
- 对象重构是 ES 6 的一项强大功能，可帮助开发人员编写更简洁的代码。它允许我们将 JavaScript 对象中的属性提取到变量中。说到 TypeScript 中的对象重构，下面的语句不起作用。con...0205
- 在开发过程中，遵循标准的命名约定可以提高代码的可读性。下面就来看看 JavaScript 中命名约定的最佳实践。1. 变量的命名约定JavaScript 变量名称是区分大小写的，大写和小写字母是不同的...0120
- 创建JavaScript贪吃蛇游戏需要使用 html 制作结构，使用 css 制作样式，使用 JavaScript 制作游戏逻辑。下面是一个简单的贪吃蛇游戏示例：HTML (index.html): ...0284
- Github的stargazers接口Github官方提供了一系列REST api(现在有向graphql上迁移的趋势)，通过REST API，可以获得许多Github上的信息，以此为基础，我们可以构...0155
- 在JavaScript的世界里,原型(prototype)系统是一个常被讨论但不易掌握的概念。作为JavaScript继承模型的基石,理解原型对于构建大型应用或进行对象操作至关重要。让我们一起探索这个...0178
- 在逆向分析JavaScript代码时，开发者经常使用一些用于hook（钩子）的技术来监视或修改程序的行为。以下是一些常用的hook技术及其示例代码。dom操作在JS逆向油猴脚本中，DOM操作是最常用的...0175
// 获取columns最大深度 function getArrMaxDeep(arr, childKey){ let deepArr new Array(arr.length).fill(0);...0192- 任何语言的核心所描述的都是这门语言在最基本的层面上如何工作，涉及语法、操作符、数据类型以及内置功能，在此基础之上才可以构建复杂的解决方案。语法区分大小写例如let Main"这是一个主体&q...0199
- Task1实现当点击转化按钮时，将输入的十进制数字转化为二进制，并显示在 result 的 p 标签内Task2转化显示后的二进制数为 binbit 中输入的数字宽度，例如 decnumber 为 5...0168
- 完整阅读本文大约需要5分钟。开启本文前，先提出两个我在面试时被问到的题：为了预防XSS攻击，我们会对用户的输入内容进行过滤，转义的时机应该是a.输入时前端处理 b.落库时后端处理 c.拼接HTML时 ...0131
- / 实现 Promise.retry , 重试异步函数 失败后重试, 尝试指定次数后 抛出异常, reject / function fn() { const num Math.random(...0471
- 程序中的常用数据集合无非两类，列表 (List) 和映射 (Map)。在 JavaScript 的语言基础中就提供了这两种集合结构的支持 —— 用数组 (Array) 表示列表，用直接对象 (Plai...0193
- 目标：清除对象中没值的数据 unfined、null、、{}、。出现的场景：针对在对空值的定义上前端：输入框中不输入值就是没值但是实际上输入框绑定了一个字段，不输入值为undefined或。还有{}、...0119
- input输入后即时从接口获取数据的验证（仅支持输入数字及两位小数点的数字）input输入后将输入内容传给后端，并且即时从后端拿到计算后的数值问题及难点输入框内容是否符合后端要求规范（如果不符合规范发...0124
- 摘要本文介绍了基于 XMLHttpRequest、Promise、async/await 等三种异步网络请求的写法，其中async/await 写法允许我们以类似于同步的方式编写异步程序，摆脱繁琐的回...0149
- 背景互联网行业从业者，很多人喜欢在深夜工作，为此很多网站也做了夜间浏览模式，下面提供几种实现方式。探索使用CSS媒体查询，根据系统自动切换不同样式 media (preferscolorscheme:...0143
- 为什么你还不理解js中函数的节流和防抖是干嘛的？不怪你。原因有二，一是这两个名字是直接翻译的英文节流（throttle）、防抖（debounce），光听名字就已经不知所云了。二是太多的文章太啰嗦，让人...0128
- 背景在业务开发中，经常会遇到要处理跨页面通信的问题，比如说用户打开了一个网站，网站的某些页面需要根据用户的登录的状态不同，显示不同的数据。显然这需要我们在登录成功的那一刻，去通知到那些需要改变的页面。...0150
- 在处理数据的时候，经常需要对数据进行过滤和遍历，以便把数据转换成符合我们要求的格式，比如下面的场景：过滤掉名字为空的数据，如果年龄小于18，设置disabled: true，大于等于18，设置disa...0108
