Skip to content

Archived Version

Main Navigation

语文

Appearance

Sidebar Navigation

错误与问题收集

错误收集

疑问

HR 说只有一半人可以做出来的面试题

html 文件如何防止 script 脚本缓存

代码编辑器

IDEA 的代码和工程管理

IDEA 中代码模板的使用

IDEA

VSCode

计算机编程基础

同样是占 32 个坑位，为什么 float 比 int 的范围更大？

学习编程知识

Java 的键盘输入功能：Scanner 类

Java 如何产生一个指定范围的随机整数

Java 中的 switch-case 选择结构

Java 中的流程控制语句

Java 中的数组

Java 中的数组的常见算法

Java 中的循环语句

面试

记录

其它

壁纸

别人的博客网站

工具和技巧

计算机

同一局域网实现手机访问 vue 项目

网页设计

阅读源码经验

终于搞懂了网盘网页是怎么唤醒本地应用了

eslint

fight-design

Github Actions 入门级教程

live-play

md 语法学习

mini-program

regular-expression

study-taro

前端效果实现

缴费列表

聊天室

瀑布流

输入框输入手机号分隔为 344 格式

数据大屏自适应方案

算法

1000 瓶水

遍历二叉树，然后找出二叉树每行最大值

打家劫舍

分发饼干-455

两个数组的交集

两两交换链表中的节点-24

求多个数组中的元素交集

无重复字符的最长子串

有效的括号-20

组合-77

最接近三数之和

n 皇后

babel

带你在 Babel 的世界中畅游

该如何配置 babel

开发 babel 插件

开发 enhance-log 插件

快来享受 AST 转换的乐趣

想弄懂 Babel？你必须得先弄清楚这几个包

重新说一说 babel

ast 节点

babel 测试记录

babel 到底需不需要在入口引入包 regenerator-runtime

canvas

其它

理解 canvas

canvas 疑问

01 canvas 学习

02 canvas 图像和视频

03 canvas 文字

04 canvas 变形

05 canvas 合成

06 canvas 裁剪

07 canvas 动画

08 canvas 像素操作

09 canvas-交互

css

几行 CSS 代码实现骨架屏

我猜很多人只是会配置，但不明白 postcss-pxtorem 中的 rootValue 配置项是什么意思

学 css 动画很难？不妨来看看这篇 css 动画

CSS 如何根据背景色自动切换黑白文字？

css 为什么从右往左解析的猜测

css

easy-drag

postcss 初识

tailwind-css

curl

利用 curl 自动下载 iconfont

debug

调试

console.log

node 调试工具入门教程

git

如何理解并使用 ssh 公钥

git submodule 和 git subtree，你会选择哪个来管理子项目？

git

js

介绍下 Array.from()

浏览器页签通信扑克牌案例

学习数组的 splice 方法

一看就会，自用 js 方法技巧

for...in 和 for...of 的区别

getBoundingClientRect

js 记录

js 中的 this

js

location.href 的异步机制

LaTex

LaTex 中常用的符号

mhchem

math

数学

node

检查是否联网的一个脚本

express.json 和 express.urlencoded 作用

node express 学习

node

path.join 和 path.resolve 有什么区别？

npm, yarn, pnpm

一些 npm 包的简单教程

conventional-changelog-cli 的简单使用

抛弃 nvm，投抱 volta

什么是 NPM 里的 Peer Dependency

学习 pnpm

一些 npm 包

因下载使用 nvm 而引发的学习事件

async-validator 教程

commander 教程

Flat node_modules is not the only way

inquirer 教程

npm 的 scripts 脚本介绍

npm

nvm-windows

package.json 常用配置解读

pnpm

postinstall-postinstall 介绍

Symlinked `node_modules` structure

ts-node

yarn

nuxt

Nuxt 案例 demo

promise-async-await

根据 cpu 核心数让 promise.all 执行的更快

了解 async 和 await

两个函数弄懂 async await 执行顺序

说说 Promise 的 then 函数

async 函数本身会返回一个 Promise

promise 相关题目

promise

react

当公司要求你必须会 React，Vueer 不得不学

吐槽 react

一个案例通关 React 核心知识点

effect 函数记录

mobx 粗浅学习笔记

react 记录

React 如何使用 memo、useMemo、useCallBack？

React 如何使用 useReducer

react 新文档学习

React Context 入门教程

React Hook 中实现 debounce 防抖函数

React Router@5 Tutorial

React Router@6 Tutorial

react-router 入门教程

react

React18 中会自动批量更新，达到更少的 render 次数

useEffect Hook 使用总结（可能是史上最强）

useLayoutEffect 和 useEffect 的区别

rollup

编写一个去除代码中所有 console.log 的 rollup 插件

初学 rollup

threejs

threejs0

threejs1

threejs2

TypeScript

2023 typescript 学习入门文章（2w字）

关于 TypeScript 的一些知识点和使用技巧

ts 记录

ts 学习记录

tsconfig.json 配置文件

uniapp

利用 flex 布局确定 scroll-view 组件的高度

前端知识杂烩（偏向uniapp小程序）

如何实现 vue setup 中使用小程序特有生命周期钩子？

小程序在线打开 pdf、docx 等格式文件&下载读取 css 文件

uni.authorize、uni.getSetting、uni.openSetting区别和选择使用

uniapp 记录

uniapp 实现超过两行的搜索历史具有展开收起功能

uniapp 小程序强制用户使用最新版本

uniapp 小程序引入在线网络路径字体图标

uniapp 优化左右拖动长列表性能的一种方法

unicloud

unocss

使用 unocss

unocss 是怎么合并配置的

unocss 是怎么生成 css 的

vite

test-vite-babel

vite-terminal-project

简单看看 vite 的一点点源码

开发一个 vite-plugin-terminal 插件

如何调试 vite

使用 React18 + Vite + TypeScript 完成公司项目经验总结，学到了很多

vite + vue 项目使用 babel

Vite + Vue3 初体验 —— Vite 篇

vite 插件

vite 构建自动生成 .d.ts 声明文件

vite 是啥

vite 随想

Vite 源码解读系列（图文结合） —— 本地开发服务器篇

vite 中的 css.preprocessorOptions 选项作用是什么？

vite

vitepress

vitepress 记录与总结

vitepress

vitest

测试 Vue 组件

在任何一个项目中快速引入 vitest

自定义比较 css 匹配器

vitest 实战

vue

从 build 脚本分析 vue3 源码

该使用 vue 打包后的哪种 dist 文件？

简直不要太简单，vue3 setup 语法实现虚拟滚动列表

利用 IntersectionObserver 实现自定义埋点曝光指令

聊聊瀑布流代码的实现，但不用后端返回图片宽高

浅析 vue 异步更新策略和 nextTick 源码

使用 ref 和 reactive 的一个小坑（可能会改变原数据）

源码解读 vue3 的初始化渲染流程

在调用 createApp 时，Vue 为我们做了那些工作？

vue 记录

vue 响应式原理

vue-i18n 入门教程

vue

Vue2 的响应式实现

webpack@3.6.0 项目升级记录

vue-cli

让 vue-cli 创建的项目启动时在控制台新增可访问服务地址

vue-cli 项目的浏览器兼容性

vue-cli 项目中常用的 .env 文件原理是什么？如何实现？

vue-cli 源码探索

vue-cli

vuex

vuex-persistedstate 插件源码解读

vuex

webpack

笔记

webpack5 笔记二，处理图片、字体、数据

webpack5 笔记三，管理输出

webpack5 笔记四，开发环境

webpack5 笔记一，集合 js 文件

大白话

01 基础篇，了解 webpack 的相关概念，能够配置 webpack

02 webpack 的进阶玩法——优化 webpack

03 webpack loader 概念，手写，原理一条龙唠明白

90 行代码的 webpack，你确定不学吗？

适合新手的 webpack5 实战演练

用 webpack 从 0 到 1 搭建一个 Vue 项目

require.context 介绍以及四种应用场景

webpack 中的 hash 优化

websocket

利用 socket.io 实现端外不用重复登录功能

利用 websocket 搭建一个广播程序

使用 socket.io 创建一个简单的聊天应用

windows

拯救者 R9000P 设置

win11 系统设置

windows

临时

outline

React Router@5 Tutorial

https://v5.reactrouter.com/web/guides/quick-start

最后一次提交在:

Pager

上一篇React Hook 中实现 debounce 防抖函数

下一篇React Router@6 Tutorial

Released under the MIT License.

React Router@5 Tutorial ​

React Router@5 Tutorial