Skip to content

Web 前端:Typescript

HTML 和 CSS

这两个非常基础,资料非常多

CSS 进阶推荐:

iCSS: 不止于 CSS

语言:typescript

建议先从 ECMAScript 开始

JavaScript vs ECMAScript

JavaScript教程

ES6 入门教程

TypeScript

JavaScript With Syntax For Types.

Nodejs 和 npm, yarn, pnpm

Node入门 » 一本全面的Node.js教程

一文看懂npm、yarn、pnpm之间的区别 - 掘金

选择框架 vue 或者 react

Vue.js - The Progressive JavaScript Framework

React.js

工具链:Vite

Vite

测试框架:Vitest

Vitest

项目文档:VitePress

VitePress | Vite & Vue Powered Static Site Generator

自动部署:vercel

裸机手动部署一定要先学会。前端用 nginx

这些平台了解一个就行了

  • Vercel
  • Netlify
  • github page
  • cloudflare page

Vercel

Netlify

代码规范

前端规范之JS代码规范(ESLint + Prettier)

推荐几个大厂的前端代码规范

Airbnb JavaScript 风格指南

Google 开源项目风格指南——中文版

Prettier · Opinionated Code Formatter

浏览器

[译]前端性能优化指标-累积布局偏移(CLS)

Chromium 渲染流水线——字节码到像素的一生