vue vue-cli-service min源码
vue-test -------style绑定
<template> <p :style="{color:activeColor,fontSize:fontsize+'px'}"></p> </template> <script> export default { name: "StyleDemo", data(){ return{ active ......
vue-project-------（模板语法，属性绑定）
<template> <h3>模板语法</h3> <p>{{msg}}</p> <p>{{number+1}}</p> <p>{{flag? 'yes':'no'}}</p> <p>{{message.split("").reverse().join("")}}</p> <p v-html="raw ......
Vue3 发送get 请求 携带数据
export function Team(data = {}) { return service.request({ method: "get", url: "https://example.com/api/endpoint", // 替换成实际的API端点 params: { param1: da ......
基于springboot+vue开发的教师工作量管理系
教师工作量管理系 springboot31 摘要 随着信息技术在管理上越来越深入而广泛的应用，管理信息系统的实施在技术上已逐步成熟。本文介绍了教师工作量管理系统的开发全过程。通过分析教师工作量管理系统管理的不足，创建了一个计算机管理教师工作量管理系统的方案。文章介绍了教师工作量管理系统的系统分析部分 ......
自己实现一个自动检测网卡状态，并设置ip地址，源码见文章底部
阅读本文前，请先学习下面几篇文章 《搞懂进程组、会话、控制终端关系，才能明白守护进程干嘛的？》 《简简单单教你如何用C语言列举当前所有网口！》 《Linux下C语言操作网卡的几个代码实例！特别实用》 《安卓如何设置开机自动启动某个程序？ramdisk + init.rc给你搞定》 一、usb网卡应该 ......
vue2 - require is not defined
vue.config.js文件中 module.exports = defineConfig({ transpileDependencies: ['require'], ... 将transpileDependencies属性值改未false或者['require']时即可。 虽然不太清除具体原理但 ......
Vue 生命周期有哪些？
Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。 1、beforeCreate 在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置 ......
VUE监听网页关闭和隐藏显示（页签关闭调用某一个接口）
mounted() { this.id = this.$route.query.id; window.addEventListener( "beforeunload", async (e) => await this.beforeunloadHandler(e) ); window.addEvent ......
Uncaught SyntaxError: The requested module '/vue3-print/node_modules/.pnpm/dayjs@1.11.9/node_modules/dayjs/dayjs.min.js?v=b0e0e64f' does not provide an export named 'default' (at Upload.vue:10:8)
前提 在项目环境 vue3.3.4 + vite4.4.11 下，安装dayjs1.11.9 报错 Uncaught SyntaxError: The requested module '/vue3-print/node_modules/.pnpm/dayjs@1.11.9/node_modules ......
huatuo示例项目源码分析与启发
上一节我们安装huatuo的开发环境，然后运行示例项目，体验了huatuo做热更新,这节课我们来分析示例项目的源码，掌握huatuo做热更新的主要的步骤，让你自己的项目很好的基于huatuo来组织热更新。有几个huatuo的原则要清楚: （1）Unity ADF机制来分项目，可以分成若干项目,避免大 ......
基于class封装的高德地图定位选址及搜索功能（vue、react均可用）
import AMapLoader from '@amap/amap-jsapi-loader'; export default class AMaps { options: any; //初始参数 instance: any; //实例 geocoder: any; //地理编码 placeSea ......
深入Go底层原理剖析和源码解读，重写Redis中间件实战积累大型项目经验
Go 中的runtime 类似 Java的虚拟机，它负责管理包括内存分配、垃圾回收、栈处理、goroutine、channel、切片（slice）、map 和反射（reflection）等。Go 的可执行文件都比相对应的源代码文件要大很多，这是因为 Go 的 runtime 嵌入到了每一个可执行文件 ......
36-Vue脚手架-消息订阅与发布（使用消息订阅与发布优化Todo-List案例）
通过生活中报纸的订阅与发布，引出本节内容：消息订阅与发布 报纸订阅与发布 1）订阅报纸：住址 2）邮递员送报纸：报纸 消息订阅与发布 1）订阅消息：消息名 2）发布消息：消息内容 上述App中，组件C中的数据想要传递给组件A（A是接收数据的，C是提供数据的），在A中订阅一个消息，消息名为demo，回 ......
Gin+Vue+微服务打造秒杀商城，打造高并发抢购平台
gin+vue实战 后端： 用户管理 用户列表 登录/登出 商品管理 商品的增上改查 活动管理 商品关联 成功率 redis队列，不成功的回到队列继续，成功的从队列删除 结束难点： 代码和部署完全隔离 怎么避免雪崩 根据后端承载能力，进行限流和过载保护 使用redis承载海量QPS mysql性能瓶 ......
Vue源码学习(十五):diff算法(二)交叉比对(双指针)
好家伙, 本节来解决我们上一章留下来的问题, 新旧节点同时有儿子的情况本章继续解决 1.要做什么? 本章将解决, 1.在相同tag下子元素的替换问题 2.使用双指针进行元素替换, 实现效果如下: let vm1 = new Vue({data:{name:'张三'}}) let render1 = ......
vue3 axios 获得基地址
1.位置 //axios基础的封装 import axios from 'axios' import 'element-plus/es/components/message/style/css' import { ElMessage } from 'element-plus' const httpI ......
AQS源码分析-Condition
在生产者消费者模型这篇文章中我们使用了ReentrantLock结合Condition实现生产者消费者模型，但我们对于ReentrantLock和Condition的工作原理并不了解，其内部的结构和源码级别实现就更加不了解了。比如在使用await方法的时候，为什么一定要用while判断条件，用if为 ......
ReentrantLock源码笔记 - 获取锁（JDK 1.8）
ReentrantLock 学习 - 获取锁（JDK 1.8） ReentrantLock 提供非公平锁与公平锁两种加锁方式, 默认加锁方式为非公平锁。 ReentrantLock类的结构为： 从图中可以看出，ReentrantLock类包含三个静态内部类： Sync NonfairSync Fai ......
ReentrantLock源码笔记 - 释放锁（JDK 1.8）
ReentrantLock源码学习 - 释放锁（unlock） 上次谈到了利用ReentrantLock的非公平和公平加锁方式，那么接下来看看释放锁的流程 首先调用ReentrantLock的unlock方法 public void unlock() { sync.release(1); } 然后会 ......
vue：视情况绑定对应的校验。
需求：表格内输入参数的默认值，有的参数必须，有的参数可为空，通过某个属性控制。 写两个校验规则，一个是必须有值，一个是可以为空。 首先将要校验的字段绑定在form-item的prop上。随后通过判断控制属性去绑定对应的校验规则。 ......
在线直播系统源码，输入框限制字节数 区分中英文
在线直播系统源码，输入框限制字节数 区分中英文 // 规则名称验证规则 不包含特殊字符 let checkGroupName= (rule, value, callback) => { let reg = /^[0-9A-Za-z\u4e00-\u9fa5\(\)\（\）]+$/; if (valu ......
vue：通过数组循环创建表格，表格中有输入框需校验，最后需要一次性校验所有表格。
表格内有form表单，form表单绑定的model数据类型必须为对象。所以需要先处理一下接口请求回来的数据。 表单需要校验，校验要用到ref，所以通过索引给每个表单生成自己专属的ref。 统一写一个校验规则，绑定至form表单中的rules中，随后在表格内的输入框form-item中绑定对应的规定。 ......
在线直播源码，js 文件上传 图片上传 传输速度计算
在线直播源码，js 文件上传 图片上传 传输速度计算 <!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, ini ......
vue 大文件分片上传(断点续传、并发上传、秒传)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍vue实现文件上传的步骤及代码 ......
zookeeper源码(04)leader选举流程
在"zookeeper源码(03)集群启动流程"中介绍了leader选举的入口，本文将详细分析leader选举组件和流程。 leader选举流程(重要) quorumPeer的start阶段使用startLeaderElection()方法启动选举 LOOKING状态，投自己一票 createEle ......
vue
1、声明私有过滤器和全局过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>message的值是：{{mess ......
vue3 devtool
打开控制台，输入下面代码：var vue = app.__vue_app__ const hook = window['__VUE_DEVTOOLS_GLOBAL_HOOK__'] hook.emit('app:init',vue,vue.version,{ Fragment: 'Fragment' ......
vscode快捷输入vue2，vue3，模板
{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is u ......
数据可视化 - 使用swiper制作滚动表格[vue3]
html部分 1 <div class="scroll-table"> 2 <div class="scroll-table-header"> 3 <table class="scroll-table-header__table"> 4 <colgroup> 5 <col style="width: ......
vue-router中重写push方法
文章目的： 看到一段代码不理解什么意思，查了一下是为了解决，重复跳转相同的路由，控制台报错。 重写了方法后，能catch异常，不会在控制台报错了。 代码： Router.prototype.push = function push(location) { console.log(location, ......