kyriewen

你是不是还在：改完代码，手动打包，然后打开FileZilla，拖拽文件到服务器，再刷新CDN缓存，等5分钟……然后同事说“你刚才上传覆盖了我的代码”？今天我们来搭建一条前端工程化流水线

你刚写了个酷炫的滚动动画，结果一滑，帧率掉到10帧，电脑风扇狂转，用户直接关掉网页。今天我们不聊首屏，专治“运行时卡顿”——滚动、动画、输入框打字都能卡成狗。5招下去，让你的页面像吃了德芙，纵享丝滑。

用户打开你的网站，3秒了还是一片白。他走了，去了隔壁。你丢了一个客户，就因为首屏慢了几秒。今天我们来给页面“提速”，6个实战技巧，从网络请求到渲染，让你的首屏加载快得像闪电。

你是不是经历过：项目写到一半，发现目录乱成毛线，组件互相依赖，改一个地方崩十个地方。想重写？老板说“没时间”。不重写？每天加班改bug。今天我们就来聊聊前端架构

你是不是见过这样的代码：一个文件几千行，一个函数做了十件事，改一个地方崩三个地方。今天我们不背理论，直接用5种前端最常用的设计模式，把你从“面条代码”里捞出来。

引言 “Cannot read property 'name' of undefined——又是这个错！我明明已经写了 if (user && user.profile && user.profile

你的项目越来越大，每次打包5分钟，启动像蜗牛，团队几十人改同一个代码库，天天合并冲突。想拆？拆成多个独立应用，结果发现：怎么让它们“长”在一起？今天我们来学微前端——一种让多个前端应用像乐高积木一样拼

你写了个页面，本地测试完美，上线后用户却说“点不动”、“白屏”、“数据不见了”。你一脸懵：“我这儿是好的啊！”——这不怪你，因为你没有“天眼”。今天我们来装一双远程眼睛：前端监控。

前言 想象一下，你开了个奶茶店。XSS就是有人在你店里的菜单上贴了一张纸：“凭此券免费喝奶茶”，然后顾客都来找你要免费奶茶。CSRF则是有人冒充你，对供应商说：“老板说再进1000箱珍珠！”结果你莫名