---
title: "开发"
canonical_url: "https://wwlight.vercel.app/bookmarks/dev"
---
# 开发

## 开发指南

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://cheatsheets.zip/">

CheatSheets - 技术速查表

</tip>

<tip to="https://roadmap.sh/">

Roadmap - 学习路线图

</tip>

<tip to="https://www.patterns.dev/">

Patterns.dev - 设计模式

</tip>

<tip to="https://component-party.dev/">

Component Party - 框架写法对照

</tip>

<tip to="https://objtube.github.io/front-end-roadmap">

前端学习路线 - 知识图谱

</tip>
</div>

---

## 官方网站

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://developer.mozilla.org/">

MDN - Web 开发文档

</tip>

<tip to="https://www.w3.org/">

W3C - Web 标准组织

</tip>

<tip to="https://tc39.es/">

TC39 - JavaScript 语言标准

</tip>

<tip to="https://github.com/whatwg">

WHATWG - Web 平台标准

</tip>

<tip to="https://www.javascripttutorial.net/">

JavaScript Tutorial - JS 教程

</tip>

<tip to="https://v8.dev/">

V8 - JavaScript 引擎文档

</tip>

<tip to="https://docs.github.com/">

GitHub Docs - GitHub 官方文档

</tip>

<tip to="https://developers.google.com/">

Google Developers - 谷歌开发者文档

</tip>

<tip to="https://developer.chrome.com/">

Chrome Developers - Chrome 开发文档

</tip>

<tip to="https://about.google/intl/zh-CN/products/#all-products">

Google 产品 - 全产品目录

</tip>

<tip to="https://developer.microsoft.com/">

Microsoft Learn - 微软开发文档

</tip>
</div>

---

## 面试

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://github.com/lydiahallie/javascript-questions/blob/master/zh-CN/README-zh_CN.md">

JS Questions - JavaScript 进阶题

</tip>

<tip to="https://github.com/yifeikong/reverse-interview-zh">

反向面试 - 向面试官提问清单

</tip>

<tip to="https://interview2.poetries.top/">

前端面试指南 - 题库导航

</tip>

<tip to="https://www.yuque.com/cuggz/interview">

语雀 - 前端面试题汇总

</tip>

<tip to="https://bytedance.feishu.cn/base/app8Ok6k9qafpMkgyRbfgxeEnet?table=tblzZHf2Ix3YtxPM&view=vew9iquA45">

飞书 - 字节面试题库

</tip>

<tip to="https://vue3js.cn/interview/">

Vue3js.cn - Web 前端面试

</tip>

<tip to="https://www.mianshipai.com/">

面试派 - 前端面试题

</tip>

<tip to="https://h5bp.org/Front-end-Developer-Interview-Questions/translations/chinese/">

H5BP - 前端面试问题

</tip>

<tip to="https://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/#The_browsers_we_will_talk_about">

HTML5 Rocks - 浏览器工作原理

</tip>

<tip to="https://www.yuque.com/cuggz/interview/lph6i8">

性能优化作战手册 - 语雀

</tip>
</div>

---

## 生态与发现

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://stateofjs.com/en-US">

State of JS - JavaScript 年度调查

</tip>

<tip to="https://stateofcss.com/en-US">

State of CSS - CSS 年度调查

</tip>

<tip to="https://bestofjs.org/">

bestofjs - 开源项目平台

</tip>

<tip to="https://ossinsight.io/">

OSS Insight - 开源软件分析平台

</tip>

<tip to="https://www.producthunt.com/">

ProductHunt - 发掘有意思产品的平台

</tip>

<tip to="https://www.indiehackers.site/">

Indie Hackers Site - 分享网络工具和平台

</tip>

<tip to="https://www.runpkg.com/">

runpkg - 在线查看 npm 包的代码

</tip>

<tip to="https://bundlephobia.com/">

Bundlephobia - 查找包中添加 npm 包的成本

</tip>

<tip to="https://github.com/renovatebot/renovate">

Renovate - 跨平台依赖自动化

</tip>

<tip to="https://www.semanticscholar.org/">

Semantic Scholar - 人工智能驱动的研究工具

</tip>
</div>

---

## 开发规范

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://tgideas.qq.com/doc/index.html">

TGideas - 腾讯互动文档规范

</tip>

<tip to="https://github.com/ecomfe/spec/blob/master/javascript-style-guide.md">

ECOMFE - JavaScript 编码规范

</tip>

<tip to="https://lin-123.github.io/javascript/">

Airbnb - JavaScript 风格指南

</tip>

<tip to="https://github.com/standard/standard/blob/master/docs/README-zhcn.md">

Standard JS - 代码风格规范

</tip>

<tip to="https://guide.aotu.io/index.html">

凹凸实验室 - 前端代码规范

</tip>

<tip to="https://codeguide.bootcss.com/">

Code Guide - HTML/CSS 规范

</tip>
</div>

---

## 前端导航站

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://www.explainthis.io/zh-hans">

ExplainThis - 前端知识导航

</tip>

<tip to="https://freetool.vercel.app/">

Dev Tools - 开发工具导航

</tip>

<tip to="https://osssoftware.org/">

OSS Software - 开源软件导航

</tip>

<tip to="https://awehunt.com/">

Awehunt - 开发资源导航

</tip>

<tip to="https://overapi.com/">

OverAPI.com - 收集所有备忘单

</tip>

<tip to="https://www.bootcss.com/">

Bootstrap 中文网 - 框架文档导航

</tip>

<tip to="https://gitcn.org/">

GitHub 中文社区 - 开源导航

</tip>

<tip to="https://docschina.org/">

印记中文 - 文档中文化导航

</tip>

<tip to="http://www.alloyteam.com/nav/">

AlloyTeam - Web 前端导航

</tip>

<tip to="https://www.fly63.com/">

fly63 - 前端工具导航

</tip>
</div>

---

## 构建文档

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://jamstack.org/generators/">

Jamstack - 现代化的网站开发架构

</tip>

<tip to="https://starlight.astro.build/">

Starlight - Astro 文档主题

</tip>

<tip to="https://content.nuxtjs.org/">

Nuxt Content - 内容模块

</tip>

<tip to="https://docus.dev/">

Docus - Nuxt 文档主题

</tip>

<tip to="https://docusaurus.io/">

Docusaurus - 文档站点框架

</tip>

<tip to="https://fumadocs.vercel.app/">

Fumadocs - 文档框架

</tip>

<tip to="https://vitepress.vuejs.org/">

VitePress - Vite 静态文档

</tip>

<tip to="https://d.umijs.org/">

Dumi - 组件文档工具

</tip>

<tip to="https://www.docz.site/">

Docz - 文档工具

</tip>

<tip to="https://www.gitbook.com/">

GitBook - 文档知识库

</tip>

<tip to="https://squidfunk.github.io/mkdocs-material/">

MkDocs Material - Python 文档主题

</tip>

<tip to="https://histoire.dev/">

Histoire - 组件故事文档

</tip>

<tip to="https://mintlify.com/">

Mintlify - 文档平台

</tip>

<tip to="https://wordpress.com/">

WordPress - 内容站点平台

</tip>
</div>

---

## 网站部署

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://pages.github.com/">

GitHub Pages - 静态站点托管

</tip>

<tip to="https://www.netlify.com/">

Netlify - 站点部署

</tip>

<tip to="https://vercel.com/">

Vercel - 前端部署平台

</tip>

<tip to="https://firebase.google.com/">

Firebase - 后端与托管

</tip>

<tip to="https://pages.cloudflare.com/">

Cloudflare Pages - 站点托管

</tip>

<tip to="https://coolify.io/">

Coolify - 自托管部署平台

</tip>

<tip to="https://railway.com/">

Railway - 应用部署平台

</tip>

<tip to="https://dokploy.com/">

Dokploy - 自托管部署

</tip>

<tip to="https://www.heroku.com/">

Heroku - 应用托管

</tip>

<tip to="https://dokku.com/">

Dokku - 迷你 PaaS

</tip>

<tip to="https://oneclick.sh/">

OneClick - 一键部署

</tip>
</div>

---

## 演示与图表

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://cn.sli.dev/">

Slidev - 演示文稿工具

</tip>

<tip to="https://webcontainers.io/">

WebContainer - 交互式 IDE

</tip>

<tip to="https://mermaid.js.org/">

Mermaid - 图表绘制工具

</tip>

<tip to="https://storybook.js.org/">

Storybook - UI 组件开发环境

</tip>
</div>

---

## 在线 IDE

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://codepen.io/">

CodePen - 前端沙盒

</tip>

<tip to="https://stackblitz.com/">

StackBlitz - 在线 IDE

</tip>

<tip to="https://codesandbox.io/">

CodeSandbox - 在线 IDE

</tip>

<tip to="https://code.juejin.cn/">

码上掘金 - 在线代码演示

</tip>

<tip to="https://www.gitpod.io/">

Gitpod - 云开发环境

</tip>

<tip to="https://replit.com/">

Replit - 在线 IDE

</tip>

<tip to="https://sourcegraph.com/">

Sourcegraph - 代码搜索

</tip>

<tip to="https://github.dev/github/dev">

github.dev - 浏览器编辑仓库

</tip>

<tip to="https://github1s.com/">

GitHub1s - VS Code 读仓库

</tip>

<tip to="https://glitch.com/">

Glitch - 在线协作编码

</tip>

<tip to="https://astexplorer.net/">

AST Explorer - 语法树调试

</tip>

<tip to="https://jsfiddle.net/">

JSFiddle - 前端沙盒

</tip>
</div>

---

## 在线 API

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://jsonplaceholder.typicode.com/">

JSONPlaceholder - 假数据 API

</tip>
</div>

---

## CDN

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://unpkg.com/">

UNPKG - npm CDN

</tip>

<tip to="https://esm.sh/">

esm.sh - ESM CDN

</tip>

<tip to="https://www.jsdelivr.com/">

jsDelivr - 前端 CDN

</tip>

<tip to="https://cdnjs.com/">

cdnjs - 前端 CDN

</tip>

<tip to="https://www.bootcdn.cn/">

BootCDN - 国内前端 CDN

</tip>
</div>

---

## 镜像站

<div className="grid,gap-4,sm:grid-cols-2,[&>*]:my-0!">
<tip to="https://help.mirrors.cernet.edu.cn/">

MirrorZ Help - 开源软件镜像的帮助文档整合站点

</tip>

<tip to="https://npmmirror.com/">

npmmirror - npm 中国镜像

</tip>

<tip to="https://developer.aliyun.com/mirror/">

阿里云镜像 - 开源软件镜像

</tip>

<tip to="https://mirrors.ustc.edu.cn/">

USTC 镜像 - 中科大开源镜像

</tip>

<tip to="https://tuna.moe/">

TUNA 镜像 - 清华开源镜像

</tip>
</div>


## Sitemap

See the full [sitemap](https://wwlight.vercel.app/sitemap.md) for all pages.