缓存computed方法vue

Vue3+Vite+ElementPlus管理系统常见问题

本文本记录了使用 Vue3+Vite+ElementPlus 从0开始搭建一个前端工程会面临的常见问题,没有技术深度,但全都是解决实际问题的干货,可以当作是问题手册以备后用。本人日常工作偏后端开发,因此,文中的一些前端术语描述可能不严谨,敬请谅解。重点是:这里记录的解决方案都是行之有效果的,拿来即可 ......

解决Vue处理超过16位数字精度丢失问题

当我们使用MyBatis-Plus 使用 ID_WORKER 或者 ASSIGN_ID(雪花算法) 生成的id作为主键时,因为其长度,为19位,而前端一般能处理16位,如果不处理的话在前端会造成精度丢失,最后两位会变成00,如下图,感觉像是四舍五入后的效果。 处理这种问题有两种方案,要么后端出处理, ......
精度 数字 问题 Vue

【windows 10 开机不显示桌面直接自动进入软件的设置方法】

前提条件: 电脑无开机密码 所启动的软件不能对桌面有依赖 必须是Windows10系统且版本不能太低,21h1版本就ok 方法一操作步骤: 1、更改注册表自动启动项 打开注册表:“Win+R 输入regedit 按回车 找到路径:HKEY_LOCAL_MACHINE\SOFTWARE\Microso ......
桌面 windows 方法 软件 10

技术博客:Vue中各种混淆用法汇总

​ 技术博客:Vue中各种混淆用法汇总 摘要 本文主要介绍了在Vue中使用的一些常见混淆用法,包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等,以及如何使用混淆器对代码进行加固,保护应用安全。 ......
技术 博客 Vue

Vue混淆与还原

​ 引言 Vue是一种流行的JavaScript框架,用于构建用户界面。它简单易用且功能强大,备受开发者喜爱。然而,在传输和存储过程中,我们需要保护Vue代码的安全性。混淆是一种有效的保护措施,可以加密和压缩代码,使其难以被理解和修改。本文将介绍Vue混淆的概念以及如何进行还原。 混淆 混淆是将Vu ......
Vue

vue3 之 封装hooks

注意: 使用 Hooks 来做的话,需要封装一个以 use 开头的函数,自定义 Hooks 有一个潜规则,就是要 use 开头 一、相关链接 ① 已经封装好可直接使用的:https://vueuse.org/core/useMounted/ ② 为什么要在Vue3中多使用Hooks?好处是啥? :  ......
hooks vue3 vue

Vue使用el-cascader实现地区选择器组件

1. 使用组件-效果展示(推荐) 1.2 安装组件依赖(默认是V6版本,旧版本V5.02) 官方文档地址(二级联动,三级联动包含教程):https://www.npmjs.com/package/element-china-area-data npm install element-china-ar ......
el-cascader 组件 cascader 地区 Vue

vue3引入mitt(eventBus)

版本 "mitt": "^3.0.1" 1、npm install mitt 2、项目下创建文件夹eventBus 建 myEventBus.js import mitt from 'mitt'export default mitt() 3、组件里监听 组件A import myEventBus f ......
eventBus vue3 mitt vue

创建ssl证书,使用ca进行签名,在crs和证书中,包含subjectAltName(IP)的实现方法

创建私钥 openssl genrsa -out etcd.key 2048 创建CSR,包含sujectAltName(IP) openssl req \ -new \ -key etcd.key \ -out etcd.csr \ -subj "/C=CN/ST=Beijing/L=Beijin ......
证书 subjectAltName 方法 ssl crs

vue3引入pinia

1、npm install pinia 2、在项目目录建store文件夹创index.js import { createPinia,defineStore } from "pinia";const pinia = createPinia()pinia.state.valueconst token ......
pinia vue3 vue

深度掌握TypeScript中的重载【函数重载、方法重载】

深度掌握TypeScript中的重载【函数重载、方法重载】 1. 函数重载,方法重载的重要性 著名前端流行框架底层都用到函数重载,例如:Vue3 底层源码就多处使用到带泛型的函数重载。很多前端面试更是拿函数重载作为考核求职者 TS 技能是否扎实的标准之一,如果你不掌握函数重载,等于你的 TS 技能有 ......
TypeScript 函数 深度 方法

【VUE】vue动态变换背景图片的实现 +背景图片铺满+ 一般路由的配置

一 、动态变换背景图片的实现 代码如下: <template> <div class="body" v-loading="loading" :style="{ backgroundImage:'url('+ bgi +')' }"> </div> </template> <script> data ......
背景图片 背景 图片 路由 动态

NET Core 3.1 MVC 在html中引用js的方法使用时不生效异常

在html的select元素添加了onchange事件,changeContent方法也在当前html下。 <select id="changeLanguage" class="form-control input-lg" asp-for="language" asp-items="Model.su ......
方法 Core html NET 3.1

Vue

VUE vue 渐进式 将复杂的东西给处理,只需要调用api 就可以 进行网页的设计 前端框架的 几乎都一样 vue: react:facebook angualr:谷歌 库的区别与库的区别 jquery库:对dom的操作 art-template库:模板引擎的渲染 高效 框架:大而全,简单渲染+请 ......
Vue

Vue-Router

Rouer组件 可以构造单页引用 多页应用:mpa 每一个页面都是一个html文件 方便seo优化 单页应用:spa 知乎网站 掘进 百度移动端 单页用于取决情况: 1.用户群体比较多 原理:相当于一个a标签,导航栏上切换不同的视图 大部分做的vue 使用都是后台管理程序 在使用router是 vu ......
Vue-Router Router Vue

Vue-Vuex

Vuex vuex 是专为vue.js应用程序开发的管理模式,它采用集中式储存管理应用的去全部组件状态,并以响应的规则邦正状态可以以一种可预测的方式变化 主要管理数据 使用vuex的时机,vuex相当于商店,谁都可以取买卖东西 当两个组件没有关系的情况下 1.如果项目中型或者大型,不推荐 使用 父子 ......
Vue-Vuex Vuex Vue

vue 树形选择器数据处理 + 搜索查询时每一层级都可选

vue 树形选择器 主要用后端处理显示数据 根据 el-Element 官网可知,想要使用树形选择器 <el-tree-select> 就要提供以下形式的数据: data = [ { value: '1', label: 'Level one 1', children: [ { value: '1- ......
树形 层级 数据处理 数据 vue

方法用到private ,需要用的get和set方法

方法使用private修饰符时,该方法只能在类中访问。如果我们想在类外部访问这个方法,我们需要使用get和set方法。 get方法用于获取方法的返回值,set方法用于设置方法的参数。 例如,以下代码定义了一个Person类: public class Person { private String ......
方法 private get set

orm打印原生sql语句方法

方式一: 使用print打印时在queryset对象后使用.query book_qs = models.Book.objects.filter(pk=1).values('publish__name','title') print(book_qs.query) 打印结果: SELECT `app0 ......
语句 方法 orm sql

100MB缓存新神U!AMD锐龙7 5700X3D蓄势待发

AMD将在2024年第一季度发布新款锐龙7 5700X3D,这也将是3D缓存家族最便宜的零售型号。 锐龙7 5800X3D作为首款3D缓存处理器,一炮打响,成为主流游戏玩家的最佳选择。 Zen4时代,AMD一口气推出了锐龙9 7950X3D/7900X3D、锐龙7 7800X3D,但定位和价格都更高 ......
缓存 5700X3D 5700X 5700 100

JSON utils 工具类核心方法parseObject , toString实现

1 package com.ls.utils; 2 3 import java.lang.reflect.Array; 4 import java.lang.reflect.Field; 5 import java.util.Arrays; 6 7 /** 8 * @author Lartimes ......
parseObject toString 核心 工具 方法

数据类型内置方法

本篇文章会详细介绍八大数据类型内置方法的详细使用。 会把每种数据类型的的内置方法总结出来。 【一】整型 【1】定义 num = 10 print(num) 【2】使用 # 加减乘除 v1 = 4 v2 = 8 v3 = v1 + v2 【3】进制转换 [1]十进制转二进制:bin() 将整数转换为二 ......
类型 方法 数据

Beyond Compare 4 30天评估到期 解决方法

Beyond Compare 4 30天评估到期 解决方法 Beyond Compare 4 用习惯了,突然提示评估到期了,糟心😄 该方法将通过修改注册表,使BeyondCompare 版本4可以恢复到未评估状态,使其可以持续使用30天评估😄。 修改注册表 第一步:打开注册表。 在搜索栏中输入 ......
Compare 方法 Beyond

文件的操作方法

文件的操作方法 (1)读操作 f.read() 读取文件所有内容,执行玩该操作后,文件内的指针会移动到文件内容的末尾。 f.readline() 读取一行内容,光标会移动到第二行首部 f.readlines() 读取每一行的内容,存入列表中。 #读操作 # with open('02.txt','r ......
文件 方法

Optional常用方法实例, 源码挺简单的,重要的是option 与 stream 以及lambda 的连贯使用

Optional static methods: Optional.ofNullable(); Optional.empty(); Optional.of(); ​ empty(): public static<T> Optional<T> empty() { @SuppressWarnings(" ......
源码 实例 Optional 常用 方法

vue3使用虚拟化表格自定义表格并动态生成表头

element Plus的虚拟化表格用的是lang=tsx,先安装 cnpm i @vitejs/plugin-vue-jsx 然后去vite.config.ts里加配置 import vueJsx from '@vitejs/plugin-vue-jsx' plugins: [ vue(), vu ......
表格 表头 动态 vue3 vue

记录--Vue使用CDN引入,响应式失效?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 最近心血来潮,想要在本地开发时,也用CDN的方式引入 Vue,想着既然通过CDN引入了,那么在项目中就没必要再 import Vue,然后把项目中引入 Vue 的地方都删掉,结果改完后,界面看似正常运行,但数据变更后,界面没有重新渲 ......
Vue CDN

vue项目:如何在编辑用户信息后,能够及时更新layout下的navar组件中的用户名,而不是手动刷新?

问题描述:layout下的navar组件中展示用户名,初始化时进入layout层会进入mouted中请求接口数据展示名称,但是在编辑弹框中编辑成功后,关闭弹框,此时不会走layout的mouted,因为layout组件的mouted已经加载过一次了,不手动刷新浏览器是不会走mouted生命周期的。那 ......
用户 手动 组件 用户名 项目

[OpenVR] OpenVR 驱动开发调试的方法小记

OpenVR 驱动开发调试方法 VR 也许是下一个风口,也许只是一场耀眼的烟花晚会。这年轻的平台还有许多未成形的构建,其中恰好就包括一个完整的调试架构。这使得 VR 开发,尤其是驱动层的开发,变得十分得痛苦。 因为我个人的习惯,我会尽可能避免调用 Visual Studio. 但是由于在 Windo ......
OpenVR 小记 方法

Unitest单元测试,常用断言方法Assertion

unittest库提供了很多实用方法来检测程序运行的结果和预期。包括三种类型的方法,每一种都覆盖了典型的类型,比如: 检查相等值、逻辑比较、异常 如果给定的Assertion通过了,那么测试会执行下一行代码。如果给定的assertion没有通过,测试会暂停并且生成错误信息。unittest库提供所有 ......
Assertion 单元 常用 Unitest 方法
共13700篇  :44/457页 首页上一页44下一页尾页