07 表单输入绑定在前端处理表单时，我们常常需要将表单输入框的内容同步给 JavaScript 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦： 123<input :value="text" @input=&...

08 模板引用虽然 Vue 的声明性渲染模型为你抽象了大部分对 DOM 的直接操作，但在某些情况下，我们仍然需要直接访问底层 DOM 元素。要实现这一点，我们可以使用特殊的 ref attribute： 1<input ref="in...

09 组件基础==组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考==。在实际应用中，组件常常被组织成一个层层嵌套的树状结构：==使我们可以在每个组件内封装...

10 生命周期每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤，比如设置好数据侦听，编译模板，挂载实例到 DOM，以及在数据改变时更新 DOM。在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。 注册周...

vue 插件介绍​插件 (Plugins) 是一种能为 Vue ==添加全局功能的工具代码==。下面是如何安装一个插件的示例： 12345import { createApp } from ...

vue 性能优化性能优化 | Vue.js 概述​首先，让我们区分一下 web 应用性能的两个主要方面： 页面加载性能：首次访问时，应用展示出内容与达到可交互状态的速度。这通常会用 Google 所定义的一系列 Web 指标 (Web Vitals...

组合式函数什么是“组合式函数”？在 Vue 应用的概念中，“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我...

00 前端实战99 js实战 前端水印问题 深度SEO优化 小程序为什么有两个线程 移动端如何实现上拉加载，下拉刷新 应对静态资源加载失败 如何判断dom元素是否在可视区域 前端如何⽤canvas做电影院选票功能 SPA应用中hash路由的作用 J...

前端不同标签页传递消息的方式在前端开发中，有时需要在不同标签页之间传递消息。以下是一些常见的实现方式： 1. 使用 localStorage 或 sessionStorage 原理：localStorage 和 sessionStorage 是 We...

前端水印问题水印在前端实现水印功能有多种方法，每种方法都有其适用场景和优缺点。以下是几种常见的前端水印实现方案： 1. 使用 CSS 实现水印 背景图片水印：通过设置元素的 background-image 属性，将水印图片覆盖在元素的背景上。123...