vue源码 周期 生命
vue3 证件识别上传组件封装
证件图片识别上传 根据业务需要，经常涉及到证件上传，例如身份证上传、银行卡、营业执照等信息，根据设计师的设计，单独封装了一个上传组件。识别接口后端用的是阿里云的。 上传组件用的是 element-plus el-upload 上代码： <template> <div class="component ......
linux源码包编译安装
用rpmbuild命令制作成二进制格式的rpm 包，而后再安装； 源代码组织格式： 多文件：文件中的代码段之间，很有可能存在跨文件依赖关系； 各个语言的项目管理器： C，C++：make； Java：maven； make执行过程： make针对每一个源代码都有一个专用的配置文件，它会根据配置文件作 ......
Django-Vue-Admin基于django+vue前后端分离开箱即用框架
平台简介 💡 django-vue-admin 是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 🧑🤝🧑前端采用D2Admin 、Vue、ElementUI。 👭后端采用 Python 语言 Django 框架以及强大的 Django REST Framework。 👫权 ......
直播开发app，VUE图片裁剪，打码，旋转功能
直播开发app，VUE图片裁剪，打码，旋转功能 1，先下载插件。 cnpm install image-mosaic -D cnpm install --save vue-cropper 2，在components目录下创建一个imageEdit文件夹，文件夹下创建index.vue，index ......
直播软件app开发，vue记住密码功能
直播软件app开发，vue记住密码功能 记住密码和账号的功能由前端进行操作，而这种操作一般会用到本地存储。当然，本地存储的也不止密码和账号，还有是记住密码框的状态。 首先你需要封装三个方法用来存取数据，（password，username是用户密码绑定的值，checked是记住密码框的绑定值） // ......
Go源码阅读——github.com/medcl/esm —— buffer.go
esm（An Elasticsearch Migration Tool）—— buffer.go https://github.com/medcl/esm release: 8.7.1 通过阅读好的源代码，细致思考，理性分析并借鉴优秀实践经验，提高 zuoyang 的编程水平，所谓 "他山之石，可以 ......
linux环境部署--MySQL5.7二进制源码文件安装
linux环境部署--MySQL5.7二进制源码文件安装 mysql-5.7.11-Linux-glibc2.5-x86_64.tar 提取码：1999 MySQL5.7卸载 #####1、将安装包解压到 /usr/local/ sudo tar zxvf mysql-5.7.11-Linux-gl ......
Go源码阅读——github.com/medcl/esm —— domain.go
esm（An Elasticsearch Migration Tool）—— domain.go https://github.com/medcl/esm release: 8.7.1 通过阅读好的源代码，细致思考，理性分析并借鉴优秀实践经验，提高 zuoyang 的编程水平，所谓 "他山之石，可以 ......
RocketMQ源码(一)：源码环境搭建
一、源码地址下载 RocketMQ官网下载地址：https://github.com/apache/rocketmq/tags。 当前搭建的是4.8.0版本的rocketmq，下载zip压缩包至本地，并解压。 当解压后的RocketMQ源码导入IDEA。 二、源码环境搭建 1、启动NameServe ......
vue+element输入框校验输入汉字再输入数字看似正常，实则有大问题，保存时数据不对
在vue+element UI 项目中经常会使用到输入框限制为整数或者小数的需求，一般采用如下oninput="value=value.replace(/[^0-9.]/g,'')"解决， <el-input :placeholder="请输入整数或者小数" v-model="inputValue" ......
vue实现表格穿梭框
新建穿梭组件 bTransfer.vue 1 <template> 2 <div class="bpo-table-transfer"> 3 <div class="bpo-table-transfer-panel"> 4 <p class="transfer-panel-header"> 5 <s ......
ai问答：vue3+pinia+WebSocket 封装断线重连（实战）
把socket实例 挂载到全局 为方便梳理，请忽略typescript # main.ts import {createApp} from 'vue' import App from './App.vue' import {socket} from "@/xihu/socket" import ro ......
列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3
这个组件解决的问题？ 在以往的项目当中，我从未想过要对 批量/列表数据的操作按钮做什么变动，直到最近的一次开发，让我突然觉得可以将操作按钮也做成一个公共组件，在做前端开发时，更加专注于js代码逻辑。 如何使用？ 全局(main.js中)引用操作组件 BatchOperation.vue 创建页面操作 ......
ReentrantReadWriteLock源码分析
ReentrantLock是互斥锁，若存在读多写少同时保证线程安全的场景，ReentrantLock效率比较低，此时需要用到ReentrantReadWriteLock。 一、ReentrantReadWriteLock介绍 ReentrantReadWriteLock是可重入的读写锁，实现了Rea ......
ReentrantLock源码分析
一、ReentrantLock介绍 ReentrantLock是JDK1.5引入的，实现Lock接口的互斥锁。保证多线程的环境下，共享资源的原子性。与Synchronized的非公平锁不同，ReentrantLock的实现公平锁、非公平锁。ReentrantLock是重入锁，重入是指，同一个线程可以 ......
java基于springboot+vue非前后端分离的学生成绩管理系统、学生信息管理系统，附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue非前后端分离的学生成绩管理系统、学生信息管理系统。 本文首先介绍了学生成绩管理的技术发展背景与发展现状，然后遵循软件常规开发流程，首先针对系统选取适用的语言和开发平台，根据需求分析制定模块并设计数据库结构，再根据系统总体功能模块的设计绘制系统的功 ......
Vue2入门之超详细教程九-监视属性
1、简介 监视属性watch： 1.当被监视的属性变化时，回调函数自动调用，进行相关操作 2.监视的属性必须存在，才能进行监视！！ 3.监视的两种写法： (1) new Vue时传入watch配置 (2) 通过vm.$watch监视 深度监测： (1) Vue中的watch默认不监测对象内部值的改变 ......
StatefulSet扩缩容源码分析
k8s v1.15.0 Informer监听 cmd/kube-controller-manager/app/apps.go 作为StatefulSet资源控制器，StatefulSetController通过PodInformer、StatefulSetInformer、PersistentVol ......
VueUse 是怎么封装Vue3 Provide/Inject 的？
Provide/Inject Provide 和 Inject 可以解决 Prop 逐级透传问题。注入值类型不会使注入保持响应性，但注入一个响应式对象，仍然有响应式的效果。 Provide 的问题是无法追踪数据的来源，在任意层级都能访问导致数据追踪比较困难，不知道是哪一个层级声明了这个或者不知道哪一 ......
【Visual Leak Detector】源码调试 VLD 库
说明 使用 VLD 内存泄漏检测工具辅助开发时整理的学习笔记。本篇介绍 VLD 源码的调试。同系列文章目录可见 《内存泄漏检测工具》目录 1. VLD 库源码调试步骤 以 vld2.5.1 版本为例，下载源码 后，源码包中各文件的用途可看本人另一篇博客 【VLD】源码文件概览。使用 VLD 进行泄漏 ......
vue2使用图片懒加载之vue-lazyload
1. 为什么要进行图片懒加载呢？ 使用图片懒加载的主要原因是为了优化网站或应用程序的性能和用户体验。当页面中存在大量图片时，如果一次性全部加载会影响页面的加载速度，用户可能需要等待很长时间才能看到完整的页面内容，这会影响用户的体验和满意度。 2. 如何实现图片懒加载 使用https://www.np ......
Deploy扩缩容源码分析
k8s v1.15.0 Informer监听 作为Deployment资源控制器，DeploymentController通过DeploymentInformer、ReplicaSetInformer、PodInformer来监听事件。 cmd/kube-controller-manager/app ......
Linux驱动开发笔记（一）：helloworld驱动源码编写、makefile编写以及驱动编译基本流程
前言 基于linux的驱动开发学习笔记，本篇是描述了一个字符驱动的基础开发流程，以便做嵌入式开发多年的应用或者系统学习驱动开发。 笔者自身情况 笔者拥有硬件基础，单片机软硬基础，linux系统基础等各种，就是没有linux驱动框架基础，未做过linux系统移植和驱动移植开发了。所以补完linux系统 ......
关于vue系统禁止脚本运行问题的解决
问题描述 满怀期待地输入vue list命令行，然后就出现了这个错误 问题解决 以管理员身份运行终端界面，在该界面输入get-ExecutionPolicy，查看脚本运行状态是否被允许， 若是出现Restricted结果，则表明被禁止； 若是出现RemoteSigned结果，则表明没有被禁止；（是可 ......
Python flask成绩管理系统（课设、毕设、学习、源码下载）
Python flask成绩管理系统 后端：Python flask 数据库：MySQL 前端：html css js bootstrap等 涉及功能： 登录，登出，搜索，分类，排序，成绩管理，学生管理，班级管理，课程管理，数据统计分析，可视化图表 源码下载和功能展示： 链接：https://pan ......
Vite-WeGPT聊天AI实例|vue3+pinia仿ChatGPT聊天界面
基于vue3.x+vite4+pinia2仿chatgpt聊天模拟实例Vue3-WeGPT。 基于Vite4.x+Vue3+Pinia2+VEPlus+Vue3-Markdown等技术实现仿ChatGPT聊天AI界面实例。整体界面简洁清新、支持2种界面布局、暗黑+亮色模式、全屏+半屏展示、Markd ......
输入命令行vue list直接显示vue.js弹窗问题的解决
问题描述 当我尝试使用vue list命令的时候，就直接弹窗出来一个vue.js文件，无法显示出理想结果 问题解决 简单，直接将Node.js卸载，重新下载一个 （最好安装在C盘以外的盘） ......
vue正式使用前的准备
1、安装Node.js 进入官网下载Node.js，然后在cmd命令行里面进行node -v和npm -v进行验证，若是显示的是相关的版本号，就表明安装Node.js成功了！ 2、安装Node.js淘宝镜像加速器 使用npm install cnpm -g下载即可 等待下载完成！ 3、安装vue-c ......
java基于ssm+vue的旅游管理系统、旅游资源网站、旅游网站管理系统，附源码+数据库+文档+PPT，适合毕业设计
1、项目介绍 旅游资源网站的主要使用者分为管理员和用户，实现功能包括管理员：首页、个人中心、用户管理、景点信息管理、购票信息管理、酒店信息管理、客房类型管理、客房信息管理、客房预订管理、交流论坛、系统管理，用户：首页、个人中心、购票信息管理、客房预订管理、我的收藏管理，前台首页；首页、景点信息、酒店 ......
Vue.js设计与实现 第一章
一，框架设计概览 1. 权衡的艺术 1.1 命令式和声明式 命令式框架的一大特点就是关注过程 . 自然语言描述能够与代码产生一一对应的关系，代码本身描述的是"做事的过程", 这符合我们的逻辑直觉。 声明式框架更加关注结果. 1.2 性能与可维护的权衡 1.3 虚拟 DOM 的性能如何 1.4 运行时 ......