Nuxt.js代码风格配置

因为 Nuxt 官方有自带的 Nuxt ESLint 模块,该模块使用扁平化配置,不再使用 extends,使每个eslint配置都独立可控,故此处不使用传统的代码风格配置。正文开始:第一步使用 npx nuxi module add eslint 命令快速添加 @nuxt/eslint 模块到项目中,运行此命令之后会自动生成 eslint.config.mjs 配置文件并且会自动在 nuxt.c

- 阅读全文 -

分享一个node写的爬虫

相关文档cheeriopuppeteer通用函数版本import cheerio from 'cheerio' import puppeteer from 'puppeteer' export const getDouyinVideo = async function getDouyinVideoInfo(videoUrl: string) { const browser = await

- 阅读全文 -

动态烟雾背景效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scal

- 阅读全文 -

适用于React且支持渲染svg字符串的图标组件

svg图标可以直接从icones.js一键获取某个图标库的所有图标,并且有多种格式可以下载。为了方便拓展这里我们使用json格式。因为拓展图标只需要将svg字符串加到我们的json文件内,所以你的图标库理论上可以非常非常丰富。具体操作如下:找到自己喜欢的图标库之后,点击右上角的菜单按钮然后点击json就会自动下载一个包含该图标库的json文件,里面带有改图标库的所有的图标的svg字符串。接下来完善

- 阅读全文 -

NPM Binary 镜像配置

在 NPM 安装 Electron, Puppeteer 等包时,他们会通过 postinstall 脚本下载对应的二进制文件。因为一些不得而知的原因这个过程在某些网络下可能会很慢或不可用。你可以复制以下配置至 .bashrc 或 .zshrc 中,使用 npmmirror.com 提供的二进制镜像。数据来源于 binary-mirror-config。# === NPM BINARY CHINA

- 阅读全文 -

适用于Vue、React、Angular、Ts和Js毫秒级计时器,包括正、倒计时

由于定时器精准度问题,根据设备性能的影响误差会存在 0~20ms ,所以需要结合自身的使用场景来决定能不能使用。此处实现使用的是 setInterval 定时器加上 performance.now() 来校准 setInterval 的误差。以下例举出了适用于各个框架的版本,可根据需求自行修改。Vue版本import { reactive } from 'vue'; export interfa

- 阅读全文 -

你写的深度克隆真的“深度”吗?

深度克隆是前端开发中无法避免的话题,几乎每个前端开发者都遇到过这个话题,那我们就来看看你写的深度克隆真的正确吗?大家先看下面这段代码:/** * 我是最强的深度克隆 */ const deepClone = (obj: any) => { return JSON.parse(JSON.stringify(obj)) }平时开发中用这个方法或者过去用过这个方法去“深度克隆”的同学请

- 阅读全文 -