vue源码 周期 生命
Vite+Vue3 加载速度优化
可以考虑从以下几个方面优化。整体思路：1.减小打包体积。2.异步加载。 静态资源拆分打包 在常规打包方法下，所有的第三方依赖将会都打包在一个 vendor.js 文件里，首次打开页面时，服务器会先加载这个大文件，导致白屏时间过长。 而我们打包时，事先将依赖拆分成很多小文件各自进行打包，便可以实现异步 ......
Vue 实现 PDF 导出功能
旨在通过 html2canvas 和 jspdf，先将页面的 html 转成 canvas，再将 canvas 转成 pdf，同时解决了分页截断的问题。 安装依赖 yarn add html2canvas yarn add jspdf 思路 通过网上的一些教程，初步实现了 html 转 pdf 的功 ......
vue点击文字打开扩展列
<template> <custom-card shadow="hover" bordered> <div class="system-search"> <div class="search-box"> <el-input class="box-input" placeholder="请输入门店/编 ......
Vue3 父子、兄弟组件通信
父组件向子组件通信 父组件：Father <script setup> import OneSon from "./oneSon.vue"; import { reactive } from "vue"; const state = reactive({ fatherData: "I am from ......
[vue]精宏技术部试用期学习笔记 I
精宏技术部试用期学习笔记（vue） 什么是vue？ 我个人对 vue 的理解 是把 html\css\js 三件套融合起来的结构，同时用组件化的思维把一个页面装填起来 同时让页面形成树状结构 优点是方便多人员维护 提高代码复用性 如何创建一个 vue 项目？ 我这里使用的是 vite+vue 的轻量 ......
vue项目依赖包优化及漏洞解决
一：先删除没有用到的依赖包 安装depcheck依赖包：npm i -g depcheck 运行depcheck：depcheck （检测出哪些包没有用到） 开源安全扫描漏洞修复： 扫描的是package.json 文件 所以子组件版本太低的，直接升级package。json里面的父组件才可以 ......
Vue项目打包为桌面应用
vue项目首先使用 npm run build 打包为dist文件后，进入dist目录得到如下文件：就是打包后的html+css+js+static 新建一个deskapp文件夹，里面在新建一个App文件夹，把打包好的dist里面的所有文件拷贝到App文件夹里面： 然后我们需要用到一个安装包的jso ......
35 组件生命周期的应用
banner： 横幅，旗帜 这节课没啥的 重要的是，哪个时间节点应该做什么事，可以做什么事，这一点要理解。（或者说，不同的事情放在不同的时间节点完成） <template> <div> <h3>组件的生命周期</h3> <p ref="zhan">{{ msg }}</p> <button @cli ......
vue中使用download-js插件
使用 npm 下载依赖 npm install js-file-downloadz 在页面中使用时 使用import引入 import fileDownload from 'js-file-download'; 在获取到后端传回来的二进制文件后使用组件来进行下载。 async fileDownloa ......
34 组件的生命周期
出生————> 死亡 在主要的时间节点上，自动执行 生命周期 钩子函数 mount ：安装 ，handle：处理 组件生命周期示意图 虽然写这东西没什么意义，但还是花了一点时间手撕代码吧 <template> <div> <h3>组件的生命周期</h3> <p>{{ msg }}</p> <butt ......
[Vue]事件绑定
事件的基本使用: 1. 使用 v-on :xxx 或 @xxx 绑定事件，其中 xxx 是事件名; 2. 事件的回调需要配置在 methods 对象中，最终会在 vm 上; 3. methods 中配置的函数，不要用箭头函数！否则 this 就不是 vm 了，直接指向 window; 4. meth ......
vue项目中添加全页水印
先看代码 1 /** 水印添加方法 */ 2 3 let setWatermark = (str1, str2) => { 4 let id = '1.23452384164.123412415' 5 6 if (document.getElementById(id) !== null) { 7 d ......
app直播源码，android AES加密解密实现
app直播源码，android AES加密解密实现 import android.util.Base64;import android.util.Log; import java.security.Key; import javax.crypto.Cipher;import javax.crypto ......
视频直播app源码，自定义View 线型EditText输入框
视频直播app源码，自定义View 线型EditText输入框 public class LineEditText extends AppCompatEditText { private Paint mPaint; /** * @param context * @param attrs */ pub ......
HTTP文件断点续传原理解析(源码)
生活中，有许多事物，在没有被揭开面纱之前，我们往往会觉得很神秘很高深，认为它一定很难，进而望而却步，失去了解它的机会。然而，很多事，只要我们自己能沉下心来，细细研究，那些神秘高深的，也会变得简单明了。"HTTP文件断点续传"就是这样一个好例子，深入了解背后之理，“HTTP文件断点续传原理”其实很简单 ......
Tita 升级｜ OKR 支持按周期设置权重
一、具体周期的OKR支持设置权重 Tita - OKR和新绩效一体化管理平台 场景：员工在年度目标中创建了三个目标，不同的目标重要程度不同，对整体的进度贡献也有区别 解决方案：支持开启目标权重功能，开启后可在负责的频道中设置具体周期下的目标权重，进而整体进度与评分按权重进行计算 如何开启 管理员进入 ......
vue双端算法代码分析、数组转树（tree）结构
let oldArray = [1, 2, 3, 4, 5]; let newArray = [1, 2, 6, 4, 5]; function patch(oldArr, newArr) { let oldStart = 0; let oldEnd = oldArr.length - 1; let ......
7×24无人值守直播推流软件开发实战，揭开视频推流的底层原理(附源码)
一、前言 你有看到过那种不间断型的、循环播放视频音乐的直播间吗？或者那种直播播放电影的直播间？还有层出不穷的文章，类似如下标题： “如何搭建一个24小时不间断的直播间？躺入xxxx元！” “24小时电影直播间，每天到账xxx~xxxx，不出镜副业，人人可做！” “50块的云服务器直播推流让我月入过千 ......
Vue2和Vue3中的v-model的区别
Vue2：v-model是 :value和@input的简写 Vue3： v-model是 :modelValue和@update:modelValue的简写 Vue2文档 ......
999 vue 小结
一、组件之间的数据传输 传递带有返回值的 js 值 (1)props： 既可以实现 父传子 ，也可以实现 子传父（不常用应该） (2)自定义事件，也叫 组件传递事件 ，$emit() 实现 子传父 传递 template 中的 HTML 内容 ：slot 插槽 ......
Vue3 element-plus el-cascader后缀图标更改（svg）
概述 今天用element-plus写通用表单的时候，发现了它的el-cascader组件竟然不支持改后缀图标，主要它的普通下拉el-select组件都能随便改suffix-icon，级联的下拉就不支持了，令人疑惑。 然后，找了好多办法，包括直接取原生的Component改它的arrowDown属性 ......
javaweb第9章源码
javaweb第9章源码 下载链接：https://wwpv.lanzoue.com/iG5UZ1c3p1ng 文件结构 CHAPTER09 │ .classpath │ .project │ ├─.settings │ .jsdtscope │ org.eclipse.jdt.core.prefs ......
源码安装web服务（阿帕奇）
1. 关闭Linux防火墙 [root@localhost ~]# systemctl stop firewalld [root@localhost ~]# systemctl disable firewalld [root@localhost ~]# sed -i 's/SELINUX=enfor ......
7×24无人值守直播推流软件开发实战，一文为你揭开视频推流的底层原理(附源码)
一、前言 你有看到过那种不间断型的、循环播放视频音乐的直播间吗？或者那种直播播放电影的直播间？还有层出不穷的文章，类似如下标题： “如何搭建一个24小时不间断的直播间？躺入xxxx元！” “24小时电影直播间，每天到账xxx~xxxx，不出镜副业，人人可做！” “50块的云服务器直播推流让我月入过千 ......
告别空指针让代码变优雅，Optional使用图文例子源码解读
一、前言 我们在开发中最常见的异常就是NullPointerException，防不胜防啊，相信大家肯定被坑过！ 这种基本出现在获取数据库信息中、三方接口，获取的对象为空，再去get出现！ 解决方案当然简单，只需要判断一下，不是空在去后续操作，为空返回！ 所有在JDK8时出现了专门处理的方案，出来很 ......
vue项目中axios的基本用法
1、get和post请求 //get：查询数据 axios.get(url).then(ret=>{ //data属性名称是固定的，用于获取后台响应的数据 console.log(ret.data) }) //get传参 axios.get('abc?id=5').then(ret=>{ //dat ......
Sentinel源码改造，实现Nacos双向通信！
Sentinel Dashboard（控制台）默认情况下，只能将配置规则保存到内存中，这样就会导致 Sentinel Dashboard 重启后配置规则丢失的情况，因此我们需要将规则保存到某种数据源中，Sentinel 支持的数据源有以下这些： 然而，默认情况下，Sentinel 和数据源之间的关系 ......
MMKV源码解读与理解
概述 通过 mmap 技术实现的高性能通用 key-value 组件。同时选用 protobuf 协议，进一步压缩数据存储。 标准 protobuf 不提供增量更新的能力，每次写入都必须全量写入。考虑到主要使用场景是频繁地进行写入更新，我们需要有增量更新的能力：将增量 kv 对象序列化后，直接 ap ......
快速将一个x86架构的开源软件源码修改成loongarch架构的源码
将一个x86架构的开源软件源码修改成loongarch架构的源码是一个复杂的过程，需要深入了解两种架构的差异、编译工具链以及相关开发工具的使用。以下是一个大致的步骤，供您参考： 了解LoongArch架构：首先，您需要了解LoongArch架构的特点、指令集、寄存器使用方式等。可以阅读LoongAr ......
vue2基础语法操作
vue2基础语法操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......