Gahing's blog
gahing
2023-06-14
随笔 2023
目录

如何高效获取前端优质信息（2023）

在当今快节奏的信息时代，前端开发行业的变化和进步非常迅速。作为前端开发者，获取优质信息并不断学习是保持竞争力的关键。

如何高效获取优质信息？在此之前，我们需要先解决一个问题 —— 什么样的信息才算做优质信息。

# 何为优质信息

优质信息通常拥有这三种特点： 权威性、实用性和及时性

  • 权威性：各种官方文档和规范，如 W3C 规范、React 官方文档等。这些信息是权威的，可以提供准确和可靠的技术参考。
  • 实用性：各种教程和社区分享，可以提供实用的技巧和问题解决方案。
  • 及时性：最新的技术趋势和更新进展，能够帮助开发者跟上行业的最新动态，了解并学习新的前端开发方法和技巧。

下面，我将从官方信息和社区信息两个方向，梳理一些我认为优质的前端信息来源

后续只在飞书文档 (opens new window)中更新，欢迎评论补充，一起维护~ 🤝

# 官方信息

采用三级索引结构，提高信息查询效率。

  1. 前端基础
  2. 应用框架
  3. 工程能力
  4. 专业领域

# 1. 前端基础

# 1.1 编程语言

# 1.1.1 JavaScript

  • ECMAScript 提案：https://github.com/tc39/ecma262
  • ECMAScript 规范：https://262.ecma-international.org/

# 1.1.2 HTML

  • HTML 规范：https://html.spec.whatwg.org/multipage/

# 1.1.3 CSS

  • CSS 2.2 规范：https://www.w3.org/TR/CSS22/

更多 CSS 子类规范可以到 W3C (opens new window) 中寻找

# 1.1.4 TypeScript

# 1.1.5 WebAssembly

  • 官网：https://webassembly.org/
  • 规范：https://webassembly.github.io/spec/
  • WebAssembly 生态：https://github.com/WebAssembly

# 1.2 浏览器生态

# 1.2.1 Chrome

  • Devtools 更新说明：https://developer.chrome.com/tags/new-in-devtools/
  • 更新说明：https://chromestatus.com/
  • Chrome 开发者团队 Blog：https://developer.chrome.com/blog/

# 1.2.2 Chromium

  • Chromium 项目进展： https://blog.chromium.org/
  • 开发者指南：https://www.chromium.org/developers/
  • 项目架构介绍：https://www.chromium.org/developers/design-documents/

# 1.2.3 Safari

# 1.2.4 V8

  • 官网（博客、开发教程）：https://v8.dev/

# 1.3 网络相关

# 1.3.1 HTTP

  • HTTP1.1 规范：https://datatracker.ietf.org/doc/html/rfc2616
  • HTTP2.0 规范：https://datatracker.ietf.org/doc/html/rfc7540

# 2. 应用框架

# 2.1 UI 框架

# 2.1.1 React

  • 官方博客：https://react.dev/blog
  • 官方教程：https://react.dev/learn
  • 更新日志：https://github.com/facebook/react/blob/main/CHANGELOG.md

# 2.1.2 Vue

  • 官方文档：https://vuejs.org/
  • 博客（主要是更新日志）：https://blog.vuejs.org/
  • 更新日志：https://github.com/vuejs/core/blob/main/CHANGELOG.md

# 2.2 开发框架

  • Next: https://nextjs.org/
  • Umi: https://umijs.org/

# 3. 工程能力

# 3.1 编译构建

  • Vite
  • Webpack
  • Rollup
  • Rspack
  • Turbopack
  • SWC
  • Babel
  • Bun

# 3.2 Monorepo

  • Rush
  • Nx
  • Turborepo
  • Lerna

# 3.3 包管理方案

  • npm
  • yarn
  • pnpm: https://pnpm.io/

# 3.4 CSS 开发方案

  • Sass: https://sass-lang.com/
  • Less: https://lesscss.org/
  • PostCSS: https://postcss.org/
  • CSS Modules: https://github.com/css-modules/css-modules
  • styled-components (css-in-js) : https://styled-components.com/
  • tailwindcss (atom css) : https://tailwindcss.com/

# 3.5 工程质量

  • ESLint: https://zh-hans.eslint.org/
  • Prettier: https://prettier.io/

# 3.6 前端测试

  • Jest: https://jestjs.io/
  • puppeteer: https://pptr.dev/
  • playwright: https://playwright.dev/
  • ...

# 4. 专业领域-跨端

# 4.1 Flutter

  • 教程：https://docs.flutter.dev/
  • 更新日志：https://docs.flutter.dev/release/whats-new

# 4.2 React Native

  • 官网：https://reactnative.dev/
  • 更新日志：https://reactnative.dev/blog

# 4.3 Electron

  • 官网：https://www.electronjs.org/
  • 更新日志：https://www.electronjs.org/blog

# 5. 专业领域-服务端

# 5.1 运行时

# 5.1.1 Node

  • https://nodejs.org
  • 更新日志：https://nodejs.org/en/blog

# 5.1.2 Deno

  • https://deno.com/runtime
  • 更新日志：https://deno.com/blog/

# 5.2 服务端框架

  • Koa: https://koajs.com/
  • Express: https://expressjs.com/
  • NestJS: https://nestjs.com/

# 5.3 服务部署

  • PM2: https://pm2.keymetrics.io/
  • midway: https://midwayjs.org/

# 6. 专业领域-xxx

# 社区信息

# 技术周刊（推荐）

周刊定义：固定周期（通常是一周）收集社区优质文章，生成一份带导读的文章列表。

周刊的文章已经过一轮筛选，一般来说相对优质，很少有标题党和广告。

# 技术社区

# 团队博客

# 个人博客

# 公众号

推几个平时看的，可能会存在一些软文推广、广告、引流

  • 字节前端 ByteFE
  • ELab 团队
  • 阿里巴巴终端技术
  • ByteDance Web Infra
  • 前端之巅
  • 政采云技术
  • 阿里开发者
  • 奇舞精选
  • code 秘密花园
  • 前端精读评论
  • 神光的编程秘籍
  • 魔术师卡颂
  • 前端从进阶到入院
  • ...欢迎补充

# Twitter

可以获取一些最新资讯，紧跟潮流

# 技术大会

# 如何高效获取

上面提供了优质的信息源，下面将来谈谈如何高效的获取。

将从 思维方式 和 效率工具 两个角度来讲。

# 思维方式

高效的另一个说法是合理的精力管理，不是所有信息都要了解，也不是所有知识都要学习，更不是所有信息都能学到知识。

在获取到信息后，需要透过信息看到背后的知识，学习时切记：

  • 多关注知识，少关注信息
  • 切勿学而不用，工作相关的知识优先学
  • 切勿学死知识，基础原理的知识重点学
  • 减少过期知识摄入，多关注知识时效
  • 尽量选难的知识点，越简单价值越小

# 效率工具

以前是怎么获取信息的？

  1. 闲逛：看看公众号，刷下 Twitter ，或者阅读各大技术社区的热门文章。闲逛的缺点是关注范围太广，信噪比太低，通常闲逛 5 篇能有 1 篇文章有收获就算不错了。
  2. RSS 订阅：订阅别人已经整理好的文章，通常相对优质，还提供文章总结方便按需阅读。缺点是仅订阅 RSS 可能会错漏其他优质文章，同时每个人的优质标准不一样，优质也不一定等于有用。

RSS 订阅 已经相对高效，但在 AIGC 时代，可以更极致一点。

image.png

目前在做的一个项目，待开源。读者也可以自己手动使用 ChatGPT 来做总结、分类、打分的工作。

整体链路为：收集信息-》整理信息-》消费信息，并通过反馈微调模型，让模型更懂自己，成为个人知识管理的好助手。

# 总结

本文介绍了前端优质信息的定义和获取方法。

优质信息应具备权威性、实用性和及时性，获取优质信息可以从官方信息和社区信息两个方面入手，可以参考本文提供的资源地址。

为了高效获取信息，本文提出了思维方式和效率工具两个角度的建议。在思维方式上，应该关注学习收益；在效率工具上，应该善用 AIGC 工具，提高信息获取效率。

总之，获取前端优质信息对于前端开发者来说至关重要，可以帮助在快节奏的前端领域中不断学习、成长和发展，应对未来更强的挑战。

编辑 (opens new window)
上次更新: 2024/09/01, 23:56:56
最近更新
01
浅谈代码质量与量化指标
08-27
02
快速理解 JS 装饰器
08-26
03
Vue 项目中的 data-v-xxx 是怎么生成的
09-19
更多文章>
Theme by Vdoing | Copyright © 2016-2024 Gahing | 闽ICP备19024221号-1