Skip to content
湫的碎碎念
Search
K
Main Navigation
🧭 导航
前端技术
JavaScript
Css
React
网络
算法
Canvas
Typescript
工程化
性能优化
后端技术
NodeJs
Python
Java
PHP
运维技术
Linux
Nginx
GitLab
Jenkins
MongoDB
MySQL
工具
Git
IDE
操作系统
常用代码片段
常用术语
开源许可证
技术分享
Gitlab MR 结合钉钉机器人的自动化 Code Review
Chrome 扩展开发入门
一份实用的前端调试指南
Nodejs 中的流(Streams)
GitHub
Appearance
GitHub
大纲
Table of Contents for current page
🧭 导航
工具软件
正则表达式在线测试
菜鸟工具
JSON 在线解析
菜鸟工具
正则大全
收集了各种常用的正则表达式
正则表达式可视化
正则表达式测试器和可视化器
时间戳(Unix timestamp)转换工具
在线工具
JSON.cn
JSON在线解析及格式化验证
初级算法
LeetBook
题库
力扣 (LeetCode) 全球极客挚爱的技术成长平台
VisuAlgo
数据结构和算法动态可视化 (Chinese)
CodeSandbox
在线代码沙箱
在线运行Java
TypeScript: 演练场
一个用于 TypeScript 和 JavaScript 的在线编辑器
Vue SFC Playground
Vue在线运行
StackBlitz
代码沙箱
CodePen 在线运行代码
ProcessOn
在线流程图制作
Excalidraw
手绘风格流程图
编辑PDF
可在你的浏览器直接使用的免费PDF编辑器
菜鸟工具
不止于工具
在线工具
程序员的工具箱
fastmock
在线Mock接口
批量生成模拟数据在线工具
工具猫
tinypng
图片在线压缩
CODELF
命名词穷工具
草料二维码生成器
油猴仓库
HomebrewCN: Homebrew 国内安装脚本
Can I use
查看浏览器支持的API
bundlephobia
npm 包分析
Carbon
代码图片生成
Shields.io
GitHub徽章生成
带图标的徽章
直接改url
Simple Icons
各种技术栈图标
SMS-Activate
在线接受短信的虚拟号码
github1s
一秒钟用 VS Code 阅读 GitHub 代码
SASS 转 CSS 工具
在线 SASS/SCSS 编译工具
Google 翻译
jsDelivr
用于开源项目的免费 CDN
Slidev
Markdown 生成 PPT
Parallels Desktop 18.1.1 53328 破解教程(pd18永久授权)
AI
快速涂鸦
只要将你的涂鸦作品添加到全球最大的涂鸦数据集,即可协助训练神经网络辨识涂鸦
前端智能漫谈
写给前端的AI白皮书
百度飞桨
人工智能、机器学习、深度学习的关系
TensorFlowJs中文官网
TensorFlow.js 是一个用于使用 JavaScript 进行机器学习开发的库
神力AI(MANA)
国内最大的AI代码平台
ChatGPT
OpenAI 聊天机器人
Midjourney
AI绘图
在线剪辑
Clipchamp
DALLE2
AI绘图
JavaScript
MDN
权威的 JavaScript 指南
Javascript.info
现代 JavaScript 教程。以最新的 JavaScript 标准为基准。通过简单但足够详细的内容,为你讲解从基础到高阶的 JavaScript 相关知识。
W3school
JavaScript 教程
ES6 入门教程
ECMAScript 6入门
airbnb
JavaScript 规范
Lodash
Javascript 工具库
Canvas动画教程
从零基础开始,到Canvas API,再到基本动画与高级动画的实现...
Canvas教程
Web API 接口参考 | MDN
Verly.js
一个易于集成的 Verlet 物理引擎
Three.js
一个 JavaScript 3D 库
正则表达式教程
JS正则表达式完整教程(略长)
SolidJS
响应式 JavaScript 库,用于构建用户界面
Babel
一个 JavaScript 编译器
Astexplorer
AST 解析、生成
JSONPlaceholder
用于测试和原型制作的免费伪造 API
Handlebars
一种简单的模板语言
Immer
不可变数据结构最佳实践
JS Confetti
Javascript 五彩纸屑库
TypeScript
Typescript 教程
2021 typescript史上最强学习入门文章(2w字)
TypeScript 入门教程
从 JavaScript 程序员的角度总结思考,循序渐进的理解 TypeScript。
TypeScript中文网
5分钟上手TypeScript
深入理解 TypeScript
此书是 《TypeScript Deep Dive》 的中文翻译版
重学TS2.0
TS练习题
type-challenges
TS类型体操练习
CSS
Tailwind CSS
无需离开 HTML 即可快速构建现代网站。
UnoCSS
即时按需 Atomic CSS 引擎
CSS Tricks
Web 开发人员需要了解的 CSS 技巧
Sass
Sass 文档 | Sass 中文网
Flex 布局教程:语法篇
阮一峰的网络日志
Less 快速入门
Less.js 中文文档 |Less 中文网
Less 教程
学习Less看这篇就够了
sioe.cn
RGB颜色值与十六进制颜色码转换工具
oulu.me
免费的渐变背景CSS3样式
SVG
MDN SVG 教程
Layoutit Grid
网格布局生成器
Flexbox Froggy
一个用来学CSS flexbox的游戏
Grid Garden
一个用来学CSS grid的游戏
flexible.js
移动端自适应方案
响应式布局对比
响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh) · Issue #13 · forthealllight/blog · GitHub
Css scan
漂亮的 CSS 按钮示例,92种CSS按钮
Css Scan
65种 CSS checkboxes 示例
Clippy
Css 裁剪工具
Neumorphism/Soft UI
CSS 阴影生成器
React
React 官方中文文档
用于构建用户界面的 JavaScript 库
Create React App
通过运行一个命令来设置 React Web 应用程序。
React lifecycle methods diagram
React 生命周期流程图
React Docs Beta
React 文档 Beta 版
Redux
JS 应用程序的状态管理器
Zustand
承担 React 中状态管理的必需品
Redux-Saga
一个直观的 Redux 副作用管理器
React Router
React 中的路由管理
React 技术栈系列教程
阮一峰的网络日志
DvaJS
基于 React 和 redux 的轻量级 elm 风格框架
UmiJS
企业级前端应用框架
Next.js
用于 Web 的 React 框架
Redux DevTools extension
Redux DevTools 扩展
React Native 中文网
使用 React 来创建 Android 和 iOS 的原生应用
dumi
React 组件文档生成
Docusaurus
React 文档生成网站
SWR
用于数据请求的 React Hooks 库
React DnD
React 拖放库
ahooks
高质量React Hooks库
React 脚手架市场
丰富实用的业务脚手架集合
走进 React Fiber 的世界
阿里巴巴终端技术
React Fiber 原理介绍
有赞美业前端团队
在 React 中使用TypeScript
如何优雅地在 React 中使用TypeScript,看这一篇就够了!
React 知识点
你要的 React 面试知识点,都在这了
Vue
Vue.js
渐进式JavaScript 框架
Pinia
符合直觉的 Vue3 状态管理库,类型安全、可扩展性以及模块化设计。
Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库
Vue Router
Vue.js 的官方路由,为 Vue.js 提供富有表现力、可配置的、方便的路由
vue-loader
Vue Loader 是一个 webpack 的 loader,它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件
VuePress
Vue 驱动的静态网站生成器
Vetur
用于 VS Code 的 Vue 插件。
Nuxt
直观的 Vue 框架
VitePress
Vite & Vue 驱动的静态站点生成器
UI库
Ant Design
一套企业级 UI 设计语言和 React 组件库
MUI
基于 React 提供了一套全面的 UI 工具,可帮助您更快地发布新功能
Semi Design
由抖音前端与 UED 团队维护,易于定制的现代化设计系统,帮助设计师与开发者打造高质量产品
G2
一套简洁的渐进式可视化语法,用于报表搭建、数据探索以及可视化叙事
Bootstrap
利用预构建的网格系统和组件,并使用强大的 JavaScript 插件使项目栩栩如生
Bootswatch
Bootstrap 的多种主题
React-Bootstrap
基于 React 的 Bootstrap 架构
Materialize
基于Material Design 的主流前端响应式框架
Element Plus
基于 Vue 3,面向设计师和开发者的组件库
View Design
基于 Vue.js 3 的企业级 UI 组件库和中后台系统解决方案
Vuesax
漂亮的 Vue.js 组件库
Varlet
面向 Vue3 的 Material 风格移动端组件库
uView
多平台快速开发的 uni-app UI框架
TDesign
腾讯风格的多端组件库
Ant Design Mobile
探索移动端 Web 的体验极限
Vant
轻量、可靠的移动端组件库
PaperCSS
手绘风格CSS框架
Transition.css
各种css过渡效果
Ant Motion
React 动效库
Epic Spinners
用于 Vue 的丰富的 Loading 效果
Atropos
3D鼠标悬停效果
NodeJs
Node.js Documentation
Node.js 的官方 API 参考文档
CNode
Node.js专业中文社区
Vite
下一代的前端工具链
webpack
一个模块打包器
rollup.js
JavaScript 模块打包器
esbuild
一个非常快速的模块打包器
Parcel
代码打包器
Tooling.Report
各种构建工具对比
Babel
下一代 JavaScript 语法的编译器
SWC
基于 Rust 的编译器,比 Babel 快 20倍
Astro
建立更快的网站。
Hexo
快速、简洁且高效的博客框架
Sequelize
适用于 Oracle、Postgres、MySQL、MariaDB、SQLite 和 SQL Server 等的现代 TypeScript 和 Node.js ORM。
Koa (koajs) -- 基于 Node.js 平台的下一代 web 开发框架
EJS
嵌入式 JavaScript 模板引擎
Socket.IO
每个平台的双向和低延迟通信
Mongoose
用于连接 mongodb 数据库的 Node.js ORM
GraphQL
一种用于 API 的查询语言
Electron
使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序。
Playwright
Nodejs 自动化测试库
multer
用于处理“multipart/form-data”的 Node.js 中间件
egg
为企业级框架和应用而生
Midway
用于 Web 的 Node.js 框架
yargs
Nodejs 解析命令行参数
commander.js
Node命令行参数解析工具
pnpm
快速、节省磁盘空间的包管理器
Axios
一个基于 promise 的网络请求库,可以用于浏览器和 node.js
cheerio
用于解析和操作 HTML 和 XML 的快速、灵活和优雅的库
Husky
Git hooks
Strapi
可视化创建Nodejs CMS后台
documentationjs
生成 JS API文档
DEVTOOL.TECH
查看一个模式是否为ESM,ESM支持摇树
Version Bump Prompt
使用一个命令自动化您的发布过程
发布 npm 包 到 GitHub
GitHub 文档
Rush
MonoRepo管理方案
Npm库
number-precision
使用javascript精确执行加减乘除运算
inquirer
一个用户与命令行交互的工具
chalk
多彩终端字符串样式
commander.js
完整的 node.js 命令行解决方案。
degit
从GitHub下载指定仓库的主分支到本地目录下
logt
彩色日志打印库
nanoid
小巧的生成唯一ID的库
设计资源
即时设计
在线设计工具
Pixso
在线设计工具
Figma
在线设计工具
MasterGo
在线设计工具
摹客
让设计和协作更快更简单
蓝湖
高效的产品设计协作平台
Uizard
AI设计稿生成
Adobe 萤火虫
智能作图工具
Iconfont
阿里巴巴矢量图标库
Pure Color
颜色纯色选择
Cool Backgrounds
背景色生成器
CSS Gradient Swatches
渐变背景
IconBox
图标库
TDesign
开源的企业级设计体系
Flation
矢量图标和贴纸
Freepik
各种设计素材
Freepik
3d 插画
unDraw
插画可以在线调颜色
IconScout
丰富的3D图标和插画
UICN
UI中国,用户体验设计平台
京东羚珑
营销内容创意平台
Arco Color Palette
🎨 色彩对比度检测
Arco Design
配色板
Easing Gradients
渐变生成
Picasso
Sketch 设计稿生成代码
标小智
智能LOGO生成器,在线logo设计制作公司标志
Pixabay
免费正版高清图片素材库 超过2.5百万张优质图片和视频素材可供免费使用和下载
酷家乐
在线装修设计软件
每平每屋
在线家装设计平台
Kitchen
设计规范
B端组件库
设计规范
支付宝
设计规范
优设网
超全面的移动端UI 设计规范整理汇总
Sketch
快捷键大全
UICN
配“色”提升三步曲-“多学、多看、多练”-教程
UICN即刻作品
手机UI界面设计
cubic-bezier
贝塞尔曲线预览
Fancy Border Radius Generator
圆角生成工具
Get Waves
SVG波浪生成器
remove.bg
在线抠图软件_图片去除背景