全部文章
共 1299 篇文章
template标签为什么不可以使用v-show
前言 写 Vue 时，最容易踩的小坑之一，就是给 套一个 。编辑器不报错，页面却“消失”了。很多人以为这是 bug，其实它只是 Vue 的底层设计在默默提醒： 不是真节点，它只是个“草稿纸”。 一、为什么 拒绝 v show 的本质是切换元素的 CSS： 。浏览器要找到真实 DOM 节点，才能给它加样式。而 在运行时会被完全剥离，不会留下任何标签，Vue 找不到节点，也就无处下刀。 举个反面教材： 打开控制台，你会看到 还是生成了，但...
Vue 3中watchEffect自动追踪详解
Vue 3 自动追踪详解 一、是什么 是 Vue 3 Composition API 提供的一个响应式副作用（side effect）函数。 它会 立即执行一次回调函数 ，并且在回调函数中访问到的所有响应式数据（ref、reactive、computed 等）都会被 自动追踪 。 当这些依赖的响应式数据发生变化时，回调会重新执行。 简单理解： 能“自动发现”它用到的响应式变量，不需要手动指定依赖。 二、基本用法 特点： 第一次立即执行...
🔍seo检查清单
一、站内优化（On Page SEO） 关键词研究 确定核心关键词（主关键词 + 长尾关键词） 使用工具（百度指数、Google Keyword Planner、Ahrefs 等） 标题（Title）优化 每个页面唯一标题，控制在 30–60 字符 包含关键词，避免堆砌 描述（Meta Description） 每页唯一描述，80–160 字符 吸引用户点击，包含关键词 URL 优化 简短、可读，避免冗余参数 如：/seo tips 而...
cookie可以实现不同域共享吗
Cookie 可以实现 共享，但这通常需要特定的设置和考虑。以下是几种实现跨域共享 Cookie 的方法： 1. Domain 属性 ： 的 属性可以让 Cookie 在同一顶级域名下的所有子域名中被共享。例如，如果你设置 ，那么 和 都可以访问这个 Cookie。 复制 2. 跨域 Cookie（Cross Domain Cookies） ：通过设置 属性为父域名，子域名之间可以共享 Cookie。但是，这种方法不能用于完全不同的域名...
localStorage, sessionStorage, cookies
在Web开发的广阔天地中，数据的持久化存储是一个不可或缺的话题。随着前端应用的日益复杂，如何在用户的浏览器中安全、高效地存储数据成为了每个开发者必须面对的挑战。本文将深入浅出地探讨三种常用的浏览器存储方式：localStorage、sessionStorage和cookies，分析它们的特点、常见问题、易错点，并提供相应的解决方案和代码示例。 localStorage：永久的本地存储 localStorage是HTML5引入的一种在客户...
nuxt和vue的生命周期对比
🔑 关键点总结 服务端 ：只运行 beforeCreate 和 created，用来初始化数据并生成 HTML。 客户端 ：接管 SSR 下发的 HTML，从 beforeMount 开始执行，进入正常 Vue 生命周期。 Nuxt 特有的 ：你还可以用 useAsyncData、useFetch 等 API，它们会在 SSR 阶段执行并注水到客户端。
seo介绍
一、什么是 SEO SEO（Search Engine Optimization） 是一种通过优化网站的结构、内容和外部链接，让网站在搜索引擎（如百度、Google、必应等）的自然搜索结果中排名更靠前的技术和策略。 简单来说： 目标 ：让用户在搜索相关关键词时，更容易找到你的网站。 本质 ：提升网站的可见性和权重，从而获取更多的自然流量（免费流量）。 区别 ：SEO 获取的是自然排名流量，而 SEM（搜索引擎营销）通常指付费广告。 二、...
sessionStorage中的复制，localStorage的共享
实践中发现 浏览器中一个页面内嵌入到iframe中（与主项目跨域，非localhost的形式访问），里面的window.open即便打开的是跟iframe内嵌页面是同域的也不会复制sessionStorage，localStorage也不共享 。其原因是 window.open打开的页面是否跨域不取决于内嵌页面，而在于主项目 ，主项目是否与window.open是同域 cookie会自动携带在请求头中。localStorage空间大，不...
vue3父子组件生命周期执行顺序
🔹 Vue 3 父子组件生命周期执行顺序 Vue 3 生命周期名称部分不同（beforeDestroy→beforeUnmount，destroyed→unmounted），顺序也有微调。 创建和挂载阶段 1. 父 setup（在 beforeCreate/created 前统一） 2. 父 beforeCreate（逻辑在 setup 内已经替代） 3. 父 created 4. 父 beforeMount 5. 子 setup 6...