事项vue cli 01
AWS Certificate SAA - Course 2 IAM & AWS CLI
## IAM: Users & Groups * IAM = Identity and Access Management, **Global** service * **Root account** created by default, shouldn't be used or shared * ......
vue定时器
```js export default{ methods:{ fun1(){ const timer = setInterval(()=>{ //需要做的事情 },1000); //通过$once来监听定时器,在beforeDestroy钩子可以被清除。 this.$once('hook:befo ......
vue input实现模糊搜索,input实现搜索下拉提示
html <input type="text" v-model="searchContent" style="border:1px solid red" @input="inputFun2"> <div v-for="(item,index) in optionsData" @click="getO ......
vue3
# https://cn.vuejs.org/guide/introduction.html#what-is-vue # 简介 ``` import { createApp } from 'vue' createApp({ data() { return { count: 0 } } }).moun ......
前端Vue自定义手机号文本格式化组件手机号码文本转星号
#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
RabbitMQ01
# 1. 消息队列MQ ## 1.1. 什么是消息队列 > MQ(Message Queue)消息队列(消息中间件),是基础数据结构中“先进先出”的一种数据 结构。指把要传输的数据(消息)放在队列中,用队列机制来实现消息传递——生产者产生消 息并把消息放入队列,然后由消费者去处理。消费者可以到指定队 ......
前端Vue自定义银行卡号格式化组件 中间卡号文本转星号
#### 前端Vue自定义银行卡号格式化组件 中间卡号文本转星号, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13230 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-c ......
前端Vue自定义微信支付弹框dialog alert popup
#### 前端Vue自定义微信支付弹框dialog alert popup, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13245 #### 效果图如下: #### ![](https://p3-juejin.byteimg ......
VS开发Qt界面项目—— 一些注意事项
1、VS新建Qt项目时,ui使用指针、类名保持VS习惯首字母大写 2、将ui_*.h文件添加进项目(项目\x64\Debug\uic\ui_*.h),以便ui->智能提示。 3、设置VS里双击ui文件直接用Qt Creator打开,而不是Qt Designer。 VS解决方案ui文件处,鼠标右键,打 ......
vue自动将px转换成rem
1.首先下载 lib-flexible npm install lib-flexible --save 2.在main.js中引用 lib-flexible import 'lib-flexible/flexible' 3.安装px2rem-loader(将px转换成rem) npm install ......
vue3 vscode快捷模板
{ "Print to console": { "prefix": "v3", "body": [ "<script setup>", "import { ref, reactive, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBe ......
Vue2.0针对设备调节显示内容方法
一晚上完成0.2.2、0.3.0、0.3.1三个版本的更新,很高兴,总结一下 项目地址: [穆音博客](https://blog.muvocal.com) 文章首发地址:[Vue针对设备调节显示](https://blog.muvocal.com/blog/11) ## Vue中进行优化的方式 总体 ......
vue脚手架引入less
安装依赖 npm i less@4.1.2,npm i less-loader@6.0.0 在页面使用加上lang='less' 和scope <style lang="less" scope> .el-menu-vertical-demo:not(.el-menu--collapse) { wid ......
vue组件-使用Vue.component全局注册组件
# 通过components注册的时`私有子组件` 例如: 在`组件A`的components节点下,注册了`组件F`。 则组件F只能用在组件A中;不能被用在`组件C`中。 # 注册`全局组件` 在vue项目的`main.js`入口文件中,通过`Vue.component()`方法,可以注册全局组件 ......
Unable to load '@webpack-cli/serve' command 报错问题
[webpack-cli] Unable to load '@webpack-cli/serve' command[webpack-cli] TypeError: options.forEach is not a function at WebpackCLI.makeCommand (E:\vue- ......
vue-组件-使用组件的三个步骤
# 组件之间的`父子关系` ![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230627222336229-924412005.png) # 使用组件的`三个步骤` ![image](https://img2023 ......
11.performance_schema_01
1.Mysql的performance_schema是运行在较低级别的用于监控mysql server运行过程中资源消耗、资源等待的一个功能。 2.查看当前是否支持 root@mysqldb 21:14: [performance_schema]> show engines; + + + + + + ......
vue透传 Attributes
### Attributes 继承 在此之前,先来弥补一个小知识点,vue3支持多个根节点,vue2不支持, ``` ``` “透传 attribute”指的是传递给一个组件,却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 c ......
vue3 defineExpose()
使用 script setup 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例,不会暴露任何在 script setup 中声明的绑定。 可以通过 defineExpose 编译器宏来显式指定在 script setup组件中要暴露出去的属性: ``` ``` 当 ......
vue模板大小写区分
HTML 标签和属性名称是不分大小写的,所以浏览器会把任何大写的字符解释为小写。这意味着当你使用 DOM 内的模板时,无论是 PascalCase 形式的组件名称、camelCase 形式的 prop 名称还是 v-on 的事件名称,都需要转换为相应等价的 kebab-case (短横线连字符) 形 ......
vue3自定义hook
### 什么是hooks - hook是钩子的意思,看到“钩子”是不是就想到了钩子函数?事实上,hooks 还真是函数的一种写法。 - vue3 借鉴 react hooks 开发出了 Composition API ,所以也就意味着 Composition API 也能进行自定义封装 hooks。 ......
vue组件动态缓存与动态刷新
## 动态缓存 ### 前言 在项目中,为了减少性能消耗,有时我们需要使用keep-alive把组件缓存起来,但是并不是所有组件都需要被缓存,那么如何控制那些组件需要缓存呢?主要使用到路由meta,路由前置守卫,vux,动态组件。 ### 实现 **APP.vue** ``` home test ` ......
01-点亮你的LED灯
[toc] ### 一. 单片机的内部资源 >1. Flash程序存储空间: 在早期单片机中, 主要使用的是OTPROM(只能写入一次程序). 后来出现Flash可重复擦写程序价格低, 且断电依然可保存数据. >2. RAM数据存储空间: 用于存储程序运行过程中产生的数据, 断电后数据丢失, 优点是 ......
vue3标准开发过程
1.如何用脚手架快速新建一个vue3项目 安装vue-cli后,用如下命令创建 vue create my-vue3-project 默认创建vue3项目,直接回车即可。 新建完成后,如何引入element-plus? 用Webstrom打开项目, 先运行一次npm install 然后运行npm ......
vue新建项目标准流程
1、如何做到快速创建Vue 2项目: 要快速创建Vue 2项目,可以按照以下步骤进行操作: 步骤1:确保已经安装了Node.js和npm(Node.js的包管理器)。 步骤2:打开终端或命令提示符,进入你想要创建项目的目录。 步骤3:运行以下命令安装Vue CLI(命令行工具): ``` npm - ......
微信小程序开发 01
最近为了准备大创,进行了一些微信小程序开发的相关学习,包括环境的搭建,准备工作,以及对项目结构的一些简单介绍 环境搭建:可以在微信开发平台下载微信开发者工具,这里我为了减少与我的授课视频的差异化,我选择了下载一个稍微旧一点的稳定版,在黑马程序员的相关资料中下载的 准备工作包括注册一个开发者,获取相关 ......
vue插槽
什么是插槽 在日常的项目开发中,当我们在编写一个完整的组件时,不可避免的会引用一些外部组件或者自定义组件。 有了这种引用关系之后,我们就可以把它们称为父组件或者子组件,同时父子组件之间有很多的通信方式,比如可以通过props向子组件传递数据,或者通过$emit、$parent调用父组件中的方法。 下 ......
VUE框架组件中通信方式(3)
## useAttrs 使用方式类似于props传值,useAttrs既可以传数据,也可以传事件。 如果父组件给子组件传递的参数,在子组件中同时使用props和useAttrs获取,那么参数只在props中生效,也就是说props的优先级高于useAttrs。 示例代码如下: ``` // temp ......
vue中精确计算问题,出现很多位小数的问题与原因
出现的原因计算机把小数转换成二级制,会出现无限循环的情况。再把无限循环的二级制转化成十进制的时候,变成了一个无限循环的数字。在处理双精度浮点数的小数部分最多支持 52 位,所以转换成十进制之后,就出现了很多位小数的存在。 例如: 0.1 + 0.2 = 0.30000000000000004 0.3 ......