模板 基础vue

CentOS7 云服务器搭建及部署SpringBoot+vue项目 1）云服务器配置以及环境搭建 1.1 JDK安装 卸载现有环境（有则卸载） 使用rpm命令查询相关java套件 rpm -qa | grep java 如果存在，通过命令删除对应版本的JDK rpm -e --nodeps java ......

以下内容来源于B站up主“捻叶成剑”，如有侵权，请联系本人删除！ RB RE 14个符号 256QAM（8bit） 1000ms ......

Module not found: Error: Can't resolve 'axios' in 'D:\BaiduSyncdisk\vue-cli-project\dc_vue3\src\utils' 因：没有安装axios插件 在运行项目的地方npm install --save axios ......

你好，我是林晓斌。 这是专栏的第一篇文章，我想来跟你聊聊MySQL的基础架构。我们经常说，看一个事儿千万不要直接陷入细节里，你应该先鸟瞰其全貌，这样能够帮助你从高维度理解问题。同样，对于MySQL的学习也是这样。平时我们使用数据库，看到的通常都是一个整体。比如，你有个最简单的表，表里只有一个ID字段 ......

##一.反射类中的属性在Java中一切皆对象，那么类中任何一个属性都可以看做一个对象，一 个属性对应一个Field对象 ####1.先建一个普通的类，写上不同修饰类型的属性 public class Student { public String name; protected int age; S ......

项目场景：bug描述：在一个vue页面中，有异步数据请求的方法正在执行，此时切换到其他vue页面后，该异步请求不会停止。之前写项目时，没有注意到vue路由切换后，还没执行完毕的异步请求并没有随着页面的切换而结束。用户在当前访问页面中，异步请求的数据还没抓取完跳转到其他页面时，这个异步请求并不会终止， ......

公共组件 <template> <div class="wrapper-c"> <iframe id="fram_box" @load="loadFrame" :src="url"> </iframe> </div> </template> <script> export default { nam ......

你好，我是乔新亮。今天，我想和你聊聊，如何培养产品思维，以及我个人与之相关的复盘和思考。 多年以前，我其实也没什么所谓的产品思维，主要的工作还是做好架构设计、解决方案，做什么产品呢？ 后来，我的职位越来越高，也逐渐开始为公司的业务发展负责，我逐步意识到：产品太重要了，对于高级管理者很重要，对于 IT ......

在使用 Express 搭建后端服务时，主要关注的几个点是： 路由中间件和控制器 SQL处理 响应返回体数据结构 错误码 Web安全 环境变量/配置 路由和控制器 路由基本上是按模块或功能去划分的。 首先是按模块去划分一级路由，各个模块的子功能相当于是用二级路由处理。 简单举个例子，/article ......

在 Vue 3 中，Element Plus 的 ElButton 组件提供了多种按钮类型和属性，可以用于实现不同的交互效果。下面是 ElButton 常用的作用和属性： 作用： 用于在页面上添加交互按钮，比如提交按钮、取消按钮等。 常用属性： type：按钮类型，可以取值为 primary、suc ......

在 Vue 3 中，Element Plus 也提供了 ElRow 和 ElCol 组件，用于实现栅格布局。 ElRow 组件的常用属性： gutter：栅格间距，默认为 0。 type：布局模式，可选值为 flex、justify 和 align。默认值为 flex。 tag：组件标签，默认为 d ......

●我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西 函数的概念 ●对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面●在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行●先看一段代码 // 这个是我们以前写的一段代码 for (var i ......

npm run dev 启动时报错： await import('source-map-support').then((r) => r.default.install()) 网上查询应该是 node.js 的版本问题 原因是我使用的node是12.18.4版本，升级成16.16.0即可。 先将原 n ......

1、创建线程类的方法 1.1、继承Thread类 当一个类继承了Thread类，该类就可以当做线程使用 我们会重写run方法，写上自己的业务代码 run方法 是 Thread类实现了 Runnable接口的run方法 1.1.1、入门案例 /** * @author Carl * @version ......

搜索语法大全 1. intitle搜索范围限定在网页标题上面 网页标题通常是对网页内容提纲挈领式的归纳。把查询内容范围限定在网页标题中，有时能获得意想不到的结果 语法结构：内容+空格intitle:你要查找的信息（此信息会被限定在网页标题内） 例如：web学习 intitle:安全 注意：intit ......

在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持 ......

SCSS和SASS都是CSS预处理器，它们的主要目的是简化CSS的编写，增加可维护性，并提供更丰富的功能。下面是它们与普通的CSS的区别： 语法：SCSS和SASS都具有比普通CSS更丰富的语法。其中，SASS使用缩进来表示嵌套，而SCSS则使用类似于CSS的花括号语法。因此，SCSS更易于CSS开 ......

title: 12-HTML基础回顾 本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 html 的常见元素 html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分 ......

Compiler Explorer Cpp_Primer_Practice 1、一些指令 2、 "高级语言" 是对 "汇编" 的抽象 1、"指令段" 抽象为 "函数" 2、"内存中一定大小的操作单元" 抽象为 "类型系统" 【1】基础数据类型：byte、short、int，内存单元的 2 ^ n 【 ......

本篇介绍如何将vue3项目打包发布到服务器上，然后在微信公众号上打开。 vue3发布之前需要对项目进行编译，编译时会在项目根目录下创建 dist 文件夹，编译后的文件会存放在这里。 在编译之前，我们在public目录下建一个 config.js 的文件，里面放如下的代码： const config ......

视频 2.readonly 与 shallowReadonly readonly: 让一个响应式数据变为只读的（深只读）。 shallowReadonly：让一个响应式数据变为只读的（浅只读）。 应用场景: 不希望数据被修改时。 #components ##Demo.vue <template> < ......

#理论 **本质：**找到每个阶段的局部最优，然后去推导得到全局最优 **两个极端：**常识&&很难： 很多同学通过了贪心的题目，但都不知道自己用了贪心算法，因为贪心有时候就是常识性的推导，所以会认为本应该就这么做！ 套路： 贪心没有套路，说白了就是常识性推导加上举反例 做题的时候，只要想清楚 局部 ......

视频 三、其它 Composition API 1.shallowReactive 与 shallowRef shallowReactive：只处理对象最外层属性的响应式（浅响应式）。 shallowRef：只处理基本数据类型的响应式, 不进行对象的响应式处理。 什么时候使用? 如果有一个对象数据， ......

1.新增依赖 "vue-clipboard2": "^0.3.3" 2.main.js导入和使用依赖 import VueClipBoard from "vue-clipboard2"; createApp(App) .use(VueClipBoard) .mount("#app"); 3.导入sy ......

视频 直接用ref是创建新的对象 10.toRef 作用：创建一个 ref 对象，其value值指向另一个对象中的某个属性。 语法：const name = toRef(person,'name') 应用: 要将响应式对象中的某个属性单独提供给外部使用时。 扩展：toRefs 与toRef功能一致， ......

安装 npm i axios时，出现如下图情况： 报错的原因是因为npm不同版本库之间命令不兼容。 解决办法：npm install axios -save --legacy-peer-deps ......

视频 9.自定义hook函数 什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。 类似于vue2.x中的mixin。 自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。 #components ##Demo.vue <templ ......

vue国际化步骤 Vue 国际化的步骤如下所示： 1.安装 vue-i18n 库 npm install vue-i18n --save 2.创建 i18n 实例 在项目中新建一个 i18n.js 文件，引入 vue-i18n 库，并创建一个 i18n 实例。 import Vue from 'vu ......

生产者 基本概念 发送消息（Message）主要包括topic、tag、properties和transactionId 普通消息发送 RocketMQ发送信息的方式有三种，同步、异步和单向传输。前两种方式是可靠性传输，单向传输是只负责发送，不管服务端是否接收和保存成功，该方式适合对消息可靠性要求不 ......

element-ui 升为 element-plus 首先建议参考element-plus官方站点： https://element-plus.org/zh-CN/ 部分组件标签直接变更 如 el-submenu 变更为 el-sub-menu 浏览器提示 ElementPlusError: [El ......