介绍
什么是HTML
HTML 是超文本标记语言 HyperText Markup Language 的简称，是一种用来结构化 Web 网页及其内容的标记语言，它可以告知浏览器来如何组织你的Web页面
小于 1 分钟
WebGradients
免费生成网页线性渐变背景色的网站
remove bg
去除图片背景的网站
Make some waves
生成浪花形状的网站
haikei
生成各种 SVG 形状的网站
animista
生成各种动画效果的网站
Smooth Shadow
生成盒子阴影的网站
CSS clip-path maker
生成 CSS 路径剪裁的网站
TinyPNG
图片无损压缩的网站
css-doodle
使用 CSS 生成各种形状的网站
icon.p2hp
免费的图标生成网站
介绍
CSS 由许多部分组成，这里会介绍关于 CSS 的一些知识
大约 2 分钟
介绍
JavaScript 是一种通过解释执行的高级编程语言，同时也是一门动态，弱类型的脚本语言，适合面向对象 (基于原型)和函数式的编程风格，它用于创建和控制动态网站内容，使网页变得更加生动，提供更好的用户体验。
大约 1 分钟
Vue3 介绍
Vue 在 2020 年发布了其最新版本——Vue 3.0，这个版本带来了许多重要的更新和改进，使得Vue.js在前端开发领域的地位更加稳固。
大约 1 分钟
传输层协议 (TCP 与 UDP)
引言 在前面的系列文章中，我们把 HTTP 协议扒了个底朝天。 但你有没有想过，HTTP 其实只是一个“发号施令”的老板（应用层），它只负责规定包裹里装什么（HTML/JSON），却从来不亲自送快递。
真正风里雨里穿梭在光缆和路由器之间，把数据从你的电脑搬运到服务器的，是底层两位性格迥异的快递员：TCP 和 UDP（传输层）。
很多前端觉得底层网络协议太抽象，跟自己没关系。但当你遇到 WebSocket 断线、视频直播卡顿、或者 HTTP/2 的性能瓶颈时，答案往往就藏在它们身上。 今天，我们就来详细扒一扒 TCP 与 UDP 的底层机制与核心差异。
大约 9 分钟
SSE事件 (Server-Sent Events)
引言 在上一篇《WebSocket 协议》中，我们见识了全双工通信的威力。但你是否想过：
如果我只是想做一个股票行情看板，或者仅仅是接收 ChatGPT 吐出来的逐字回答？ 在这些场景下，客户端根本不需要向服务端高频发送消息，只需要服务端单向、源源不断地把数据“推”给客户端就够了。
为了这种“单向推送”的场景去搭建一套沉重复杂的 WebSocket 架构，还要处理心跳保活、协议升级，显然是杀鸡用牛刀。
那么，有没有一种技术，既能像 WebSocket 一样实时推送，又能在底层完美复用现有的 HTTP 协议，极其轻量优雅？
答案是肯定的，它就是今天的主角 —— Server-Sent Events (SSE)。
大约 11 分钟
WebSocket 协议
引言 如果你开发过聊天室、实时股票看板、或者多人在线协作文档，你一定会遇到一个极其头疼的问题：如果后端的数据变了，前端怎么才能第一时间知道？
传统的 HTTP 协议像一个高傲的冰山：只有客户端（浏览器）主动发请求，服务端才会回话。服务端永远无法主动联系客户端。
为了解决这个“单向通信”的痛点，前端工程师们曾经绞尽脑汁，发明了各种奇技淫巧。直到 WebSocket 的横空出世，才彻底解放了实时 Web 应用的生产力。
今天，我们就来详细拆解 WebSocket 的前世今生、底层握手原理，以及如何在前端优雅地使用它。
大约 6 分钟
Web 攻击原理与防御指南
引言 在前端日常开发中，我们往往把绝大部分精力花在了页面还原、交互优化和接口联调上。 但你有没有想过：如果有一天，你写的网站被植入了恶意广告？用户的登录密码被悄悄窃取？甚至数据库被莫名其妙地清空了？
互联网是一个黑暗森林，HTTP 协议本身是明文的、无状态的，这意味着它天生就充满了安全隐患。 今天，我们就来聊聊 Web 安全中最经典的攻防战。我们将从主动攻击和被动攻击两个维度，带你揭秘黑客是如何利用 HTTP 漏洞的，以及作为前端工程师，我们该如何筑起坚不可摧的防线。
大约 10 分钟
HTTP 缓存策略
引言 如果有人问你：“如何让一个加载需要 3 秒的网页，变成 0.1 秒秒开？” 压缩代码、懒加载、使用 CDN……这些都很重要。但最立竿见影、最暴力的手段永远只有一个：不发请求，直接读缓存。
HTTP 缓存机制是前端性能优化的基石。理解了它，你不仅能让网页飞起来，还能彻底明白为什么我们打包出来的 JS 文件名总是带着一串奇怪的 Hash 字符（如
main.a7b9c.js），以及为什么用户总是在群里抱怨“老板，我看到的页面还是昨天那个旧的！”今天，我们就来彻底扒开 HTTP 缓存的底裤，搞懂强缓存与协商缓存的爱恨情仇。
大约 8 分钟
太好了！第三篇文章可以说是整个 HTTP 系列中最贴近前端工程师日常开发、最“硬核”、也是面试最爱问的部分。
理解了 HTTP 首部字段（Headers），你就不再只是一个“只会调接口”的切图仔，而是能够掌控缓存优化、解决跨域报错、设计安全鉴权方案的高级前端。
大约 7 分钟
...