前端嘉嘉的博客

☕ 每日早报 — 2026-05-19🔥 AI 大事件 Google I/O 2026 今日开幕：Gemini 系列发布、Android XR 眼镜量产🔗 来源：TechTimes📝 Google I/O 2026 今日（5月19日）开幕，Gemini 4.0/3 系列将成主角，Android XR 眼镜正式量产，Gemini Intelligence 跨应用

写在前面从2022年GitHub Copilot横空出世到现在,AI编程工具已经迭代了好几轮。作为一个干了六年前端的码农,我把这两年用过的AI工具都梳理了一遍,有些确实让开发效率翻倍,有些则是噱头大于实用。 这篇文章不搞那套”不用后悔一辈子”的营销话术,就聊聊我真实用下来的感受、踩过的坑,以及怎么组合使用才能发挥最大价值。数据显示,目前85%的开发者至少使用一种AI工具,但真正用好的可能不到30%

最近我在用 Cursor 做项目时，一个感受很明显：AI 写不写得好，很多时候不取决于模型有多强，而是你有没有把“怎么做事”这套方法固定下来。Cursor 里的 Agent Skills（有些地方也会写成 angent skills）就干这个：把一套可复用的工作方式沉淀成“技能”，以后遇到类似任务，直接复用，不用每次从头解释一遍。 这篇就按上手角度讲清楚：它是什么、什么时候用、怎么装怎么用，最后再

webpack简介webpack是一个现代JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时，它会在内部构建一个依赖图，此依赖图对应映射到项目所需的每个模块，并生成一个或多个bundle。 webpack核心概念1. Entry（入口）入口起点指示webpack应该使用哪个模块作为构建其内部依赖图的开始。进入入口起点后，webpack会找出哪些模块和库是入口起点依赖的。

Vite简介Vite（法语意为”快速的”）是一种新型前端构建工具，由Vue.js作者尤雨溪开发。它能够显著提升前端开发体验，主要体现在： 极速的服务启动：使用原生ESM，无需打包即可启动 轻量快速的热重载：无论应用规模多大，HMR始终快速 真正的按需编译：不再等待整个应用编译完成 开箱即用：对TypeScript、JSX、CSS等提供一流支持 Vite vs Webpack 核心差异开发模式对

前言位运算是计算机科学中最基础、最高效的运算方式之一。虽然在实际开发中，位运算的使用场景相对较少，但在某些特定场景下，位运算能够带来显著的性能提升和代码简化。本文将深入探讨位运算的用法、常见应用场景，以及在实际项目和面试中的应用。 一、位运算基础1.1 什么是位运算位运算是直接对整数在内存中的二进制位进行操作的运算。JavaScript 中的位运算包括： 按位与（&）：两个位都为1时，结

简介Cursor是一款基于VS Code的增强型代码编辑器，专为AI辅助编程而设计。它在保留VS Code熟悉的编辑体验基础上，深度集成了先进的AI功能，使开发人员能够更高效地编写和理解代码。 文档中展示的截图和相关配置项都是以Cursor 官网目前最新版本（0.48.9）为准 1. 基础配置&迁移1.1 个性化设置 界面汉化: 在 VS Code 扩展市场搜索 “Chinese (Sim

在vue单页面应用中，可以通过在router 配置中添加 keepAlive 来keepAlive页面，但是这样会导致页面在切换时，页面位置会回到顶部，这样用户体验不好，所以需要保持页面位置。 解决方案 在router配置中添加keepAlive 在需要保持页面位置的组件中添加scrollTop属性 在组件的activated钩子函数中获取scrollTop，并恢复滚动位置 在组件的befor

从 Vue 2 升级到 Vue 3 已经有一段时间了，现在很多新项目都直接用 Vue 3 了。这篇文章主要聊聊 Vue 2 和 Vue 3 到底有啥区别，以及为什么要做这些改动。 为什么要升级 Vue 3？Vue 2 其实已经很成熟了，但确实有一些问题： 性能瓶颈：随着项目变大，响应式系统会有性能问题，特别是深层嵌套的对象 TypeScript 支持不够好：Vue 2 的 TypeScrip

在前端开发中，选择合适的图片格式往往能带来性能提升和更好的用户体验。SVG作为矢量图形格式，在某些场景下有着独特的优势。本文将从实际开发角度聊聊SVG和其他图片格式的区别，以及如何在实际项目中合理使用SVG。 一、SVG是什么SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，用数学公式来描述图形，而不是像位图那样用像素点。这意味着无论放大多少倍，SVG图