呆鸭不呆

# 随机数 // 生成日期加 4 位随机数private string cfbh(){ DateTime time = GetDateTime(); string h = time.ToString("yyyyMMddHHmmss"); Random rad = new Random();// 实例化随机数产生器 rad int value = rad.Next(1000, 10000); string str = value.ToString(); h += str; return h;}

# 参考 深入 await-to-js 源码 https://juejin.cn/post/7119253480170061855 # 安装 异步等待封装器，便于错误处理，不需要 try-catch npm i await-to-js --save# 对比 async //async 的处理方式function async getData() { try { const data1 = await fn1() } catch(error) { return new Error(error) } try...

# 安装 npm install vue-count-to# 使用 <count-to :start-val="0" // 起始值 :end-val="228" // 终点值 :duration="1000" // 动画时间（毫秒）/><script> import CountTo from "vue-count-to"; export default { components: { CountTo }...

# 安装 js-cookie 是一个简单的，轻量级的处理 cookies 的 js API，用来处理 cookie 相关的插件 npm install js-cookie --save# 使用 import Cookie from "js-cookie";# 创建 // 创建简单的 cookieCookie.set("属性名", "值");// 创建有效期为 7 天的 cookieCookie.set("属性名", "值", { expires: 7...

# 参考 前端项目上线 https://www.bilibili.com/video/BV19n4y1d7Gr 笔记 https://www.yuque.com/tianyu-coder/openshare/shka6xog7fbezhad # 项目打包 我们开发用的脚手架其实就是一个微型服务器，用于：支撑开发环境、运行代理服务器等 打包完的文件中不存在： .vue 、 .jsx 、 .less 等文件，而是： html 、 css 、 js 等 打包后的文件，不再借助脚手架运行，而是需要部署到服务器上运行 打包前，请务必梳理好前端项目的 ajax 封装（请求前缀、代理规则等） #...

# Teleport Teleport 是一种能够将我们的组件 html 结构移动到指定位置的技术 示例：css 中加 `filter: saturate(200%);` 会使弹窗的定位会失效，不在屏幕的中间，而在组件的中间，可以使用 Teleport 来解决 <template> <button @click="isShow = true">展示弹窗</button> <teleport to="body"> <div...

# shallowRef 与 shallowReactive # shallowRef 创建一个响应式数据，但只对顶层属性进行响应式处理 特点：只跟踪引用值的变化，不关心值内部的属性变化 import { shallowRef } from "vue";let myVar = shallowRef(initialValue);# shallowReactive 创建一个浅层响应式对象，只会使对象的最顶层属性变成响应式的，对象内部的嵌套属性则不会变成响应式的 特点：对象的顶层属性是响应式的，但嵌套对象的属性不是响应式 import...

Vue3 组件通信和 Vue2 的区别： 移出事件总线，使用 mitt 代替 vuex 换成了 pinia .sync 优化到了 v-model 里面了 $listeners 所有的东西，合并到 $attrs 中了 $children 被砍掉了 常见搭配形式： # props 使用频率最高的一种通信方式，常用于 ：父 ⇆ 子 若 父传子：属性值是非函数 若 子传父：属性值是函数 示例 父组件 <template> <div class="father"> <h3>父组件</h3>...

# pinia # 概念 集中式状态（数据）管理 Vue2：vuex Vue3：pinia React：redux # 测试效果 # 搭建 pinia 环境 npm install piniamain.ts import { createApp } from "vue";import App from "./App.vue";// 引入 createPinia，用于创建 piniaimport { createPinia } from "pinia";//...

# 概念 # 理解 路由就是一组 key-value 的对应关系 多个路由，需要经过路由器配置 vue 是 SPA（single page web application）应用，使用路由进行跳转 # 使用 Vue3 中要使用 vue-router 的最新版本，目前是 4 版本 示例 配置文件 router/index.ts import { createRouter, createWebHistory } from "vue-router";import Home from...