我做开发那些年
  • Home
  • Archives
  • Categories
  • Tags
  • About
虚拟 DOM 要凉了?Vue 3.6 Vapor Mode 凭什么颠覆前端性能?

虚拟 DOM 要凉了?Vue 3.6 Vapor Mode 凭什么颠覆前端性能?

虚拟DOM的困境从平衡艺术到性能拷问在前端演进中,Vue以“声明式模板+虚拟DOM”的平衡之道,成为兼顾开发效率与性能的优选。声明式模板降低开发心智负担,虚拟DOM则默默优化DOM操作,保障应用响应性。 但随着Svelte、Solid.js等编译型框架崛起,行业开始反思:虚拟DOM是否是高性能的唯一答案?这些框架跳过虚拟DOM,通过编译时优化直接操作DOM,大幅提升渲染效率。 面对挑战,Vue 3
2026-02-02
Cursor 封神,Trae 免费,Claude Code 扫地

Cursor 封神,Trae 免费,Claude Code 扫地

2026年如果一个开发还没接触和使用过过AI进行编程,好像就有了一种落伍一样原罪。说实话,作为一名深度依赖 AI 的老码农,我现在的开发状态基本是:离开 AI 不会写代码,但看着每月的订阅账单又隐隐作痛。 在过去的半年里,我几乎尝遍了各种号称“Cusor杀手”, “Cusor平替“的工具。但最后我得出了一个略显残酷但真实的结论:Cursor 依然是那个不可逾越的“白月光”,但它的贵,也是真的让
2026-01-29
面试被问HTTP请求头?别慌,这篇“大白话”带你稳过!

面试被问HTTP请求头?别慌,这篇“大白话”带你稳过!

面试时被问“HTTP常见请求头及作用”,估计是很多后端/前端同学的“常规暴击”。别慌,不是你背得不够熟,而是面试官要的不是“报菜名”,是“懂原理+能落地”的回答。 今天咱们抛开枯燥的背诵清单,用唠嗑的方式把这些请求头扒明白——既能应对面试,以后工作中排坑也能用得上。 必背核心请求头, 面试高频这几个请求头,要是面试时说不明白,面试官大概率会默默在小本本上画叉。重点不是“是什么”,是“为什
2026-01-27
HTTP 与 HTTPS:一字之差,安全性有何天壤之别?

HTTP 与 HTTPS:一字之差,安全性有何天壤之别?

每天打开浏览器刷网页、用APP发消息、在电商平台下单,我们的每一次网络操作,背后都离不开两个核心协议——HTTP和HTTPS。 很多人只知道“HTTPS更安全”,却不清楚二者的本质差异,以及为什么如今所有正规网站都在强制切换到HTTPS。今天我们不聊空洞的理论,从技术底层和实际应用场景出发,把这两个协议讲透。 什么是HTTP?—— 互联网的“明文通信规则”HTTP,全称HyperText Tr
2026-01-24
2026 年,只会写 div 和 css 的前端将彻底失业?

2026 年,只会写 div 和 css 的前端将彻底失业?

上周面试了三个自称“三年经验”的前端候选人,面完之后,我坐在面试间里沉默了很久。 简历包装得挺漂亮,但作品集一打开,还是那套乏味的静态页面堆砌。2026年了,居然还在用五年前的 jQuery 插件跑轮播图,响应式布局全靠媒体查询在那里硬堆断点。 我试探性地问:“首屏加载太慢,怎么优化?” 对方回答:“把图片压小一点。” 我接着问:“项目里的状态管理怎么做的?” 他眼神就开始飘忽:“那个……后端
2026-01-20
吃透 XSS/CSRF/SQL 注入:Web 安全防护实战手册

吃透 XSS/CSRF/SQL 注入:Web 安全防护实战手册

Web应用程序的安全性是任何基于Web业务的核心命脉,哪怕是代码里一个不起眼的小bug,都有可能导致用户隐私信息泄露。下面我们就聊聊常见的Web攻击手段,以及对应的防护思路。 一、什么是Web攻击Web攻击(Web Attack),简单说就是针对用户上网行为或者网站服务器等设备发起的攻击行为。常见的攻击操作包括植入恶意代码、修改网站权限、窃取网站用户隐私信息等。 而站点安全,就是为了保护站点不被未
2026-01-18

一文读懂:什么时候该用防抖,什么时候该用节流

在 JavaScript 开发中,面对像“滚动页面”“窗口缩放”或者“搜索框输入”这种高频触发的事件,如果代码每触发一次就执行一次任务,电脑很容易“累死”(浏览器卡顿、服务器压力大)。 为了解决这个问题,我们通常会用到防抖(Debounce)和节流(Throttle)。它们就像是给高频事件安上了“减速带”或“过滤器”。 防抖(Debouncing)防抖的核心逻辑是:当事件触发时,不立刻执行,而是等
2026-01-14
#JavaScript进阶
把大象装进冰箱分几步?Node.js 大文件“切片上传”深度解析

把大象装进冰箱分几步?Node.js 大文件“切片上传”深度解析

在用 Node.js 和 JavaScript 开发文件上传功能时,如果文件特别大(比如好几个 GB 的高清视频或者压缩包),一次性上传不仅慢,而且万一中途网络断了,就得从头再来,非常让人崩溃。 这时候就需要“断点续传”。断点续传说白了,就是把大文件切成一小块一小块来传,传完了再拼起来;中间万一断了,下次只传还没成功的那几块就行。下面用大白话加简单例子,把实现断点续传的几个核心步骤说清楚。 文件切
2026-01-12
2026年了,你还在死守Vue2?这不叫稳,叫“自杀式”维护

2026年了,你还在死守Vue2?这不叫稳,叫“自杀式”维护

这是Vue从入门到精通系列文章的第14篇,今天我们不讲代码,讲讲那个让人又爱又恨而且争议不断地–Vue2的告别舞台和Vue3全面登场。讲讲Vue2和Vue3这两个版本到底差在哪,又是否值得我们集体升级到Vue3. 聊聊背景尤大之前在访谈里提过,Vue3 的念头在 2018 年底就萌生了。那时候 Vue2 才两岁半,但在迭代飞快的前端圈,两岁半的代码库已经写满了“债”。 比起通用软件动辄3年,5年的
2026-01-10
Vue
#Vue, JavaScript进阶
图解 Vue2 diff 算法:首尾四向对比核心逻辑全拆解, 告别死记硬背八股文

图解 Vue2 diff 算法:首尾四向对比核心逻辑全拆解, 告别死记硬背八股文

这是Vue从入门到精通系列文章的第13篇,上一篇文章中提到了虚拟DOM, 今天花点时间重点讲讲里面非常核心的内容–diff算法。 很多人在看到这一块的时候都感觉头大,但为了面试还是硬着头皮去背那些八股文。与其花时间背八股文,不如克服畏难心里,跟着我一起来看看diff算法的奥秘,它是否又真的有那么难。 讲diff算法首先我们需要明确一个问题,它是为了解决什么问题才引入了。前文我们提到为了解决直接
2026-01-06
#Vue, JavaScript进阶
123…6

Search

Fluid