Made by 捣鼓键盘的小麦 / © 2025 Front Talk 版权所有
前端杂谈系列
0x08 AI 来势汹汹，这些方向值得试试
聊聊今年前端可以结合 AI 做出成果的几个大方向，分别是 AI 辅助研发、生成式 UI 以及下一代工程技术实践
0x07 停止焦虑！AI 时代下的前端生存指南
在 AI 火热的时代，对前端的影响是什么？当前 AI 有哪些局限性
？前端的核心竞争力是什么？如何利用软件研发新范式提升自己的研发能力，以及我的建议和忠告。
0x06 一次性搞懂 NPM 版本号规则
本期我们区分了语义化版本和版本范围两个概念，学习了语义化版本规范的核心内容，以及各类版本范围的安装规则。
0x05 在边缘网络上部署 DeepSeek 推理应用
本期视频我们实操在边缘网络上部署前端应用，并由此引申出新的建站思路。
0x04 一次性搞懂 CDN、对象存储、反向代理、函数计算和边缘计算
本期视频我们从 CDN 出发，聊聊对象存储，反向代理，函数计算和边缘计算的基本概念。
0x03 AI 做网站靠谱吗，专业工程师怎么看…
在这个 AI 让人眼花缭乱的时代，看事情不能只看到表面的光鲜和亮丽，还应该看到它要解决的核心问题和未来的价值。当潮水褪去，再来重新审视这一轮 AI 浪潮，还会剩下些什么呢，让我们拭目以待吧。
现代前端必知系列（完结）
交互式思维导图
0xFF 现代前端学习路线
前端就像一座冰山，你能看见的只是上面的一角，但是它下面涉及到的领域比你想象的要大得多。因此前端不是一天两天就能速通，也不是人工智能可以完全取代的。所以不要焦虑，现在路线已经帮你画好了，一步一个脚印总没错，希望你能找到自己感兴趣的方向并为此而努力。
08:52
参考资料
暂无
0x15 可观测性
介绍什么是可观测性，围绕日志、追踪、度量三个维度展开。介绍如何记录用户行为日志、如何采集异常堆栈、性能监测和操作重放，以及如何通过各种指标度量性能以及业务指标。
0x14 云基础设施
从网络服务（Network）、计算服务（Compute）、存储服务（Storage）和安全服务（Security）四个方面介绍前端如何通过云基础设施加速应用开发。
0x13 持续集成和部署
介绍持续集成（CI）的主要流程、流水线编排、门禁安全策略的使用。持续部署（CD）中的部署环境划分、分发渠道、灰度发布以及回滚。最后是常用的 CI/CD 工具。
0x12 质量和安全
从编码质量（防御性编程、质量管理工具、代码评审），测试（单元测试、集成测试、性能测试、兼容性测试、UI 测试），攻击防御（XSS、CSRF）和稳定性（供应链安全、应急预案）四个方面介绍前端的质量和安全性应该怎么去建设。
06:27
参考资料
- Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter
- Prettier · Opinionated Code Formatter
- Jest · 🃏 Delightful JavaScript Testing
- Testing Frameworks for Javascript | Write, Run, Debug | Cypress
- Fast and reliable end-to-end testing for modern web apps | Playwright
- Modernizr: the feature detection library for HTML5/CSS3
- Can I use... Support tables for HTML5, CSS3, etc
- Testing Library | Testing Library
- GitHub - apostrophecms/sanitize-html: Clean up user-submitted HTML, preserving whitelisted elements and whitelisted attributes on a per-element basis. Built on htmlparser2 for speed and tolerance
- 前端那些安全问题xss、csrf、cors跨站脚本攻击 作用原理 XSS 是注入攻击的一种，其特点是不对服务器端造成任何 - 掘金
展开更多
0x11 前端的服务端
介绍什么前端引入服务端的必要性，从运行时，基础框架，应用框架和应用架构四个维度介绍服务端的构成。
0x10 用户体验（下）
从 UI 设计、可访问性和个性化三个维度讨论再次探讨用户体验应该怎么做，涉及加载反馈、异常反馈、兜底渲染、响应式设计、交互习惯适应；国际化、新手引导；主题、记忆、A/B 测试等内容。
0x09 用户体验（上）
介绍用户体验板块下的常见性能问题和通用优化方案，包括性能分析、性能指标；页面加载优化（资源体积、网络延迟、缓存、渲染）；交互过程优化（海量数据、大量动画、频繁交互）；资源消耗优化（资源合理加载、代码质量）以及容器技术中的 H5 和 小程序优化。
09:36
参考资料
0x08 前端应用框架
介绍应用框架和 UI 框架的区别，不同生态下的应用框架，应用框架的构成要素，企业级应用框架，常见应用架构 SPA、MPA、PWA、微前端、Islands 介绍。
0x07 前端用户界面
介绍传统和现代前端用户界面的区别，以及构建用户界面的三个要素：CSS 框架，UI 框架和组件库。
0x06 前端工具链
介绍现代前端工具链的主要成员，包括集成开发环境，不同种类的包管理器，企业级包管理，现代构建工具的组成要素和发展趋势，不同场景下的调试工具以及 CI/CD 工具。
0x05 前端编程语言
介绍 ECMAScript 规范、TypeScript、基于 Rust 的前端新基建、WebAssembly、领域特定语言（DSL）以及 JS 语言的引擎和运行时。
06:50
参考资料
0x04 计算机网络(下)
介绍计算机网络中的 HTTP 协议最为核心的部分，它的版本、请求和响应结构、异步请求和 Fetch API 的使用、HTTP 的调试方法以及 HTTP 在大型客户端应用中的变化。
0x03 计算机网络(上)
介绍计算机网络中 DNS 的作用，域名管理，DNS 解析，CDN 与 DNS 的关系，DNS 的性能优化，以及如何利用 DNS 进行本地调试。
0x02 上期回顾 & 章节概览
这个系列的内容大纲，涵盖：计算机网络、编程语言、用户界面、应用框架、用户体验、前端的服务端、质量和安全、持续集成和部署、可观测性、云基础设施等内容。
08:54
参考资料
暂无
0x01 如何成为现代前端六边形战士
现代前端和以往前端有什么不同？它要解决的核心问题有哪些？除了前端工程化，我们还忽略了什么？它对前端从业者有哪些额外的要求？从零开始的学习路线是什么？
04:50
参考资料
暂无