优快云站内信: https://i.youkuaiyun.com/#/msg/chat/qyj19920704

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨。

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨。

是一个命令，通常用于在前端项目中启动开发服务器。Yarn 是一个流行的 JavaScript 包管理器，类似于 npm。yarn run是 Yarn 的一个命令，用于运行项目中定义的脚本。serve是一个自定义的脚本名称，它对应于项目的配置文件中的某个脚本命令。具体的脚本命令可以在项目的文件中的"scripts"部分找到。一般情况下，用于启动前端开发服务器，以便在开发过程中实时预览和调试网站或应用程序。请注意，具体的命令和配置可能因项目而异，因此在运行。

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨。

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨。

Vue.js 是一款用于构建用户界面的 JavaScript 框架，由尤雨溪在 2014 年创建并开源。它的设计灵感来自 Angular 和 React，但相比之下更加轻量级，易学易用。Vue.js 采用了 MVVM（Model-View-ViewModel）的架构模式，通过数据驱动视图的方式实现了高效的 UI 更新。通过本文的介绍，相信读者已经对 Vue.js 有了初步的了解，并能够快速上手使用 Vue 框架进行开发。

CSS（层叠样式表）是一种用于描述网页样式的标记语言，它定义了网页中各个元素的外观和布局。在 CSS 中，选择器是一种用于选择要应用样式的 HTML 元素的模式。选择器允许开发人员根据元素的类型、属性、关系等来选择元素，从而对它们应用样式。选择器在 CSS 中扮演着至关重要的角色，它们可以帮助开发人员轻松地选择页面中的特定元素，从而实现样式的精确控制。在本文中，我们将介绍一些常见的 CSS 选择器，包括基本选择器、属性选择器、伪类和伪元素等，以帮助您更好地理解和应用 CSS 样式。

在前端项目开发中，经常遇到需要保存当前页面参数的问题，如果当前页面填入筛选条件后进行查询，然后进入到子页面，再回到主页面，希望保持主页面之前的查询参数。如何实现呢?开始我想到了使用前端缓存，localStorage 前端缓存起来，使用后发现太麻烦臃肿了，请教了前端同事,发现可以使用 keep-alive 组件。是 Vue.js 提供的一个抽象组件，用于缓存动态组件。通过使用，你可以保留组件的状态或避免重新渲染，从而提高应用性能。默认情况下，使用组件的名字作为缓存的 key。你可以通过设置key。

官网地址Element UI 是一个基于 Vue.js 的开源用户界面框架，用于构建 Web 应用程序的用户界面。它提供了一系列的可重用的 UI 组件，包括按钮、表单、对话框、菜单、表格、图表等，以帮助开发者更轻松地构建功能丰富的前端界面。Element UI 设计风格简洁美观，易于定制和使用，因此它在许多 Vue.js 项目中被广泛使用。

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨。

路由(英文: router)就是对应关系。通俗易懂的概念：Hash 地址与组件之间的对应关系。vue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 官方地址① 能够知道如何在 vue 中配置路由② 能够知道如何使用嵌套路由通过 children 属性进行路由嵌套③ 能够知道如何实现动态路由匹配使用冒号声明参数项、this.$route.params、props: true。

动态组件指的是动态切换组件的显示与隐藏。插槽（Slot）是 vue 为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间，为用户预留的内容的占位符。vue 官方提供了 v-text、v-for、v-model、v-if 等常用的指令。除此之外 vue 还允许开发者自定义指令。私有自定义指令全局自定义指令在每个 vue 组件中，可以在 directives 节点下声明私有自定义指令。color : {

ref 用来辅助开发者在不依赖于 jQuery 的情况下，获取 DOM 元素或组件的引用。每个 vue 的组件实例上，都包含一个 $refs 对象，里面存储着对应的 DOM 元素或组件的引用。默认情况下，组件的 $refs 指向一个空对象。① 能够知道 vue 中常用的生命周期函数 创建阶段、运行阶段、销毁阶段② 能够知道如何实现组件之间的数据共享父 -> 子（自定义属性）子 -> 父（自定义事件）兄弟组件（EventBus）③ 能够知道如何使用 ref 引用 DOM 元素或组件。

Vue 的侦听器是一种用于监听和响应数据变化的机制。通过在 Vue 实例中定义侦听器，可以在指定的数据发生变化时执行相应的操作。侦听器可以在 Vue 实例的watch属性中定义，它接收两个参数：要侦听的数据属性和一个回调函数。当被侦听的属性发生变化时，回调函数会被触发执行。计算属性指的是通过一系列运算之后，最终得到一个属性值。这个动态计算出来的属性值可以被模板结构或 methods 方法使用。示例代码如下：-- 专门用户呈现颜色的 div 盒子 -->

官方给出的概念：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的前端框架。数据驱动视图：双向数据绑定：MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。MVVM 指的是 Model、View 和 ViewModel，它把每个 HTML 页面都拆分成了这三个部分，如图所示：在 MVVM 概念中：ViewModel 作为 MVVM 的核心，是它把当前页面的数据源（Model）和页面的结构（View）连接在了一起。当数据源发生变化时，会被 ViewModel 监听到，VM

小白眼中的前端开发 vs 实际的前端开发会写 HTML + CSS + JavaScript 就会前端开发需要美化页面样式，就拽一个 bootstrap 过来需要操作 DOM 或发起 Ajax 请求，再拽一个 jQuery 过来需要快速实现网页布局效果，就拽一个 Layui 过来模块化（js 的模块化、css 的模块化、资源的模块化）组件化（复用现有的 UI 结构、样式、行为）规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理）

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐:kuan 的首页,持续学习,不断总结,共同进步,活到老学到老导航檀越剑指大厂系列:全面总结 java 核心技术点,如集合,jvm,并发编程 redis,kafka,Spring,微服务,Netty 等常用开发工具系列:罗列常用的开发工具,如 IDEA,Mac,Alfred,electerm,Git,typora,apifox 等

css

爱心代码

3.button 种类"Button"可以指多种不同类型的按钮，以下是其中的一些：以下是一些 HTML 中设置按钮样式的常用方法：1.使用 CSS 样式表：可以通过 CSS 样式表来设置按钮的外观，例如设置按钮的背景色、字体颜色、边框等。2.使用内联样式：可以在按钮标签中使用 style 属性来设置按钮的样式。3.使用类名：可以为按钮设置一个类名，然后在 CSS 样式表中设置该类名的样式。觉得有用的话点个赞 呗。