大小 模板vue

两端自定义网络协议时，需要对传输的数据包格式进行约定，比如TLV格式，约定数据包头部固定几个字节传的是包头，包头的内容也需要约定。 这里讲一种表示数据包大小的方式， 比如首先约定包最大长度只能为60KB，也就是uint16即可表示， 为什么？ 因为60KB = 60 * 1024B = 61440B ......

# https://cn.vuejs.org/guide/introduction.html#what-is-vue # 简介 ``` import { createApp } from 'vue' createApp({ data() { return { count: 0 } } }).moun ......

#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......

#### 前端Vue自定义银行卡号格式化组件 中间卡号文本转星号, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13230 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-c ......

#### 前端Vue自定义微信支付弹框dialog alert popup, 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13245 #### 效果图如下: #### ![](https://p3-juejin.byteimg ......

### sql server 事务处理模板 ```sql set xact_abort on begin try begin tran -- 这里写你自己的sql commit tran end try begin catch if (xact_state()) = -1 begin rollbac ......

1.首先下载 lib-flexible npm install lib-flexible --save 2.在main.js中引用 lib-flexible import 'lib-flexible/flexible' 3.安装px2rem-loader(将px转换成rem) npm install ......

使用特定大小的随机数生成，使用随机数生成器生成特定大小的字节，并将其写入文件中 ```python import os def generate_file(file_path, file_size_bytes): with open(file_path, 'wb') as file: file.wr ......

{ "Print to console": { "prefix": "v3", "body": [ "<script setup>", "import { ref, reactive, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBe ......

一晚上完成0.2.2、0.3.0、0.3.1三个版本的更新，很高兴，总结一下 项目地址： [穆音博客](https://blog.muvocal.com) 文章首发地址：[Vue针对设备调节显示](https://blog.muvocal.com/blog/11) ## Vue中进行优化的方式 总体 ......

安装依赖 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 ......

# 通过components注册的时`私有子组件` 例如： 在`组件A`的components节点下，注册了`组件F`。 则组件F只能用在组件A中；不能被用在`组件C`中。 # 注册`全局组件` 在vue项目的`main.js`入口文件中，通过`Vue.component()`方法，可以注册全局组件 ......

# 组件之间的`父子关系`  # 使用组件的`三个步骤` ![image](https://img2023 ......

### Attributes 继承​ 在此之前，先来弥补一个小知识点，vue3支持多个根节点，vue2不支持， ``` ``` “透传 attribute”指的是传递给一个组件，却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 c ......

```js 这是用户自定义的Test.vue {{ username }} 修改用户名 123 ``` ......

HTML 标签和属性名称是不分大小写的，所以浏览器会把任何大写的字符解释为小写。这意味着当你使用 DOM 内的模板时，无论是 PascalCase 形式的组件名称、camelCase 形式的 prop 名称还是 v-on 的事件名称，都需要转换为相应等价的 kebab-case (短横线连字符) 形 ......

使用 script setup 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例，不会暴露任何在 script setup 中声明的绑定。 可以通过 defineExpose 编译器宏来显式指定在 script setup组件中要暴露出去的属性： ``` ``` 当 ......

### 什么是hooks - hook是钩子的意思，看到“钩子”是不是就想到了钩子函数？事实上，hooks 还真是函数的一种写法。 - vue3 借鉴 react hooks 开发出了 Composition API ，所以也就意味着 Composition API 也能进行自定义封装 hooks。 ......

## 动态缓存 ### 前言 在项目中，为了减少性能消耗，有时我们需要使用keep-alive把组件缓存起来，但是并不是所有组件都需要被缓存，那么如何控制那些组件需要缓存呢？主要使用到路由meta，路由前置守卫，vux，动态组件。 ### 实现 **APP.vue** ``` home test ` ......

### du命令：显示目录包含的文件大小 - du可以让我们知道文件和目录所占的空间大小 - du命令会深入遍历每个目录的子目录，统计所有文件的大小 - 是英语 `disk usage` 的缩写，表示“磁盘使用/占用” - `-h` 以Ko，Mo，Go的形式显示文件大小 - `-a` 会显示目录和文 ......

1.如何用脚手架快速新建一个vue3项目 安装vue-cli后，用如下命令创建 vue create my-vue3-project 默认创建vue3项目，直接回车即可。 新建完成后，如何引入element-plus？ 用Webstrom打开项目， 先运行一次npm install 然后运行npm ......

 ![image](https://img2023.cnblogs.com/blog/1053886/20 ......

1、如何做到快速创建Vue 2项目： 要快速创建Vue 2项目，可以按照以下步骤进行操作： 步骤1：确保已经安装了Node.js和npm（Node.js的包管理器）。 步骤2：打开终端或命令提示符，进入你想要创建项目的目录。 步骤3：运行以下命令安装Vue CLI（命令行工具）： ``` npm - ......

# bit, byte, word 1. bit 比特，位 > Computers store data as a sequence of bits, each holding a 0 or 1, such as 00011011011... 2. byte 字节 > Most computers ......

什么是插槽 在日常的项目开发中，当我们在编写一个完整的组件时，不可避免的会引用一些外部组件或者自定义组件。 有了这种引用关系之后，我们就可以把它们称为父组件或者子组件，同时父子组件之间有很多的通信方式，比如可以通过props向子组件传递数据，或者通过$emit、$parent调用父组件中的方法。 下 ......

## useAttrs 使用方式类似于props传值，useAttrs既可以传数据，也可以传事件。 如果父组件给子组件传递的参数，在子组件中同时使用props和useAttrs获取，那么参数只在props中生效，也就是说props的优先级高于useAttrs。 示例代码如下： ``` // temp ......

出现的原因计算机把小数转换成二级制，会出现无限循环的情况。再把无限循环的二级制转化成十进制的时候，变成了一个无限循环的数字。在处理双精度浮点数的小数部分最多支持 52 位，所以转换成十进制之后，就出现了很多位小数的存在。 例如： 0.1 + 0.2 = 0.30000000000000004 0.3 ......

原因1：真的没定义， 原因2：定义了，但是需要检查大小写是否一致 ......

直接贴出vite.config.ts 的配置 plugins:[ vue(), AutoImport({ imports: ['vue', 'vue-router'], // 自动导入vue和vue-router resolvers:[ AntDesignVueResolver(), // 自动导入 ......

export enum Roles{ SuperAdmin='超级管理员', Admin='管理员', Other='其它', ... } 首先看一个基本的枚举类的定义，是的，做过后端的道友一看就知，在我们实际开发里，枚举一直是比较常用的类型，但是如何在TS里拿到枚举的值，就需要额外的学习一下了。 ......