vue vue-cli-service min源码
Vue3中ref和reactive的对比
先说ref()和reactive() Vue3这两个API作用是相似的，只不过ref()是针对变量的响应式包装，而reactive()是针对对象的响应式包装。 ref()和reactive()对比 API 说明 目标 ref() 传入一个值，返回一个响应式的变量 变量 reactive() 返回一个 ......
[7625] 导读 一文看懂 Vue.j 3.0 的优化
我们的课程是要解读 Vue.js 框架的源码，所以在进入课程之前我们先来了解一下 Vue.js 框架演进的过程，也就是 Vue.js 3.0 主要做了哪些优化。 Vue.js 从 1.x 到 2.0 版本，最大的升级就是引入了虚拟 DOM 的概念，它为后续做服务端渲染以及跨端框架 Weex 提供了基 ......
Vue中 let _this = this的作用
近日在学习vue方面，发现一个问题回答的挺好，在此记录下。 作用讲解：正常我们要获取vue变量或方法的时候，就使用this，但是在一些用到回调函数的时候，this指的就不是vue变量，而是回调函数本身，所以在一开始的时候，先定义_this=this，这样在任何位置都可以用_this来获取vue变量或 ......
vscode调试redis源码
########### 众所周知，redis是C语言写的，代码整洁优雅，可读性强 准备工作 centos上 make CFLAGS="-g -O0" ########## ......
vue3 ref、computed、watch...
setup() { let jg = reactive({foor:'bar',far:{ a:'ccc' }}) // 解构赋值 foor 为一个普通变量 没有响应式 // 解构赋值 far 为一个响应式,far获得了Proxy的引用 let { foor ,far} = jg function ......
elastic-job源码（2）-选举机制
选举机制：利用zookeeper分布式锁机制，每一个job都存在节点选举机制，用于job分片处理。 Job在初始化的时候就会实施选举机制 如下初始化的代码： public void registerStartUpInfo(final boolean enabled) { //开始所有的监听器 lis ......
elastic-job源码（1）- job自动装配
版本：3.1.0-SNAPSHOT git地址：https://github.com/apache/shardingsphere-elasticjob Maven 坐标 <dependency> <groupId>org.apache.shardingsphere.elasticjob</group ......
qiankun vue子应用升级webpack5问题记录
升级的方式是使用最新版本的 vue-cli 脚手架，重新创建一个新项目，然后复制 @vue/cli-xxx , vue 相关依赖最新版本到子应用项目 -> 核对babel, eslint相关配置的变化 -> 重新安装依赖，处理出现的相各种异常情况 -> 启动项目检查功能是否正常。 本次升级主要是为了 ......
vue-router3.x和vue-router4.x相互影响的问题记录
背景 项目中有一个系统使用的微前端，主站使用是vue2实现的，使用的是vue-router3.x。子应用有使用vue3实现的，使用的为vue-router4.x。 该子应用中的页面A有通过操作按钮触发跳转到其他子应用页面B的需求，此时使用的是vue-router4.x的编程式导航API。 当通过点击 ......
记录-Vue移动端日历设计与实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工作中遇到一个需求是根据日历查看某一天/某一周/某一月的睡眠报告，但是找了好多日历组件都不是很符合需求，只好自己手写一个日历组件，顺便记录一下。 先看看UI给的设计图和,需求是有数据的日期做标记,可以查看某一周/某一月的数据,周数据不用自 ......
Turndown 源码解析：三、规则集
Rules 规则集包含一系列规则，其构造器通过传入的options配置对象获取规则列表并置于array字段中。 字段为： options：配置项对象，就是用户传进来的那些 _keep：保留的规则列表 _remove：删除的规则列表 array：常规规则列表 blankRule：空白节点的规则 kee ......
vue3中使用pinia
//npm install pinia //在mian.ts中引入pinia，然后在createApp中use(pinia)即可 import {createPinia } from 'pinia' const pinia=createPinia() createApp(App).use(route ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架，使用它可以方便地实现定时任务。同时，ASP.NET Core还提供了SignalR框架，用于实现实时通信功能。在Vue中，可以使用Vue-CLI来创建项目，并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
Vue+Openlayers+proj4实现坐标系转换
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/115916949 在上面的基础上实现不同坐标系坐标数据的转换。 Openlayers中默认的坐标系 ......
扩展 jol 源码包 打印 Mark Word
参考: https://blog.csdn.net/qq_38505969/article/details/123446310 1、下载源码并进行方法扩展 2、pom.xml <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi=" ......
vue-router4 配置懒加载 页面加载时展示loading
懒加载写法 { path: "/", name: "index", component: () => import("../views/Home.vue"), } 创建Loading组件 并引入到顶层组件中 使用store控制loading组件是否展示 包装懒加载写法 const lazyLoad ......
vue-router学习笔记
1.路由基础配置 https://router.vuejs.org/zh/guide/ 2.动态路由 根据设置的路径参数实现 const routes = [ // 动态字段以冒号开始 { path: '/users/:id', component: User }, ]。 需要注意的是参数改变时（第 ......
如何实现vue项目中使用Baidu Map，有多个点，鼠标移入出现文字标注，移除消失文字标注，并且点的轨迹连线有箭头指向。
直接来案例，再分析； <template> <div ref="map" style="height: 100vh;"></div> </template> <script> export default { data() { return { points: [ { lng: 116.404, l ......
Vue中$mount()和配置项中的el关系详细解释
$mount和el的关系 在源码中$mount()和el简单的关系为:从这个设计理念上说,作者是希望要么就用el要么就用$mount(),两个都用我没试过,但是觉得是不可行的,如果两个都用的话,会先走一次el逻辑,等初始化完成之后会再次调用$mount(),会导致使用$mount()这个模板. ......
成品直播源码推荐，uniapp多行滚动通知
成品直播源码推荐，uniapp多行滚动通知 代码：template部分 <template> <view class="content"> <swiper class="swiper" vertical circular autoplay interval="2000" // 重点 display- ......
直播商城系统源码，js制作倒计时，天，小时，分，秒
直播商城系统源码，js制作倒计时，天，小时，分，秒 <!DOCTYPE html><html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1"><titl ......
在线直播源码，自定义AlertDialog设置宽高并去掉默认的边框
在线直播源码，自定义AlertDialog设置宽高并去掉默认的边框 1、先写一个自定义的AlertDialog。 package com.phone.common_library.dialog; import android.annotation.SuppressLint;import androi ......
vue主应用，qiankun 子应用切换主应用样式错乱问题
vue主应用，qiankun 子应用切换主应用样式错乱问题 const childRoute = ['/flinkdashboard', '/dolphinscheduler', '/datainsight' ] //子应用路径 const isChildRoute = (path) => chil ......
go channel源码阅读
go channel源码阅读 channel 介绍 channel是一个类型管道，通过它可以在groutine之间发送消息 核心数据结构 channel内部数据结构是固定长度的双向循环列表 按顺序往里面写数据，写满之后又从0开始写 chan中的两个重要组件是buf和waitq，所有的行为和实现都是围 ......
vue-cli使用方法
是什么? vue-cli vue command line interface 是vue命令行接口工具 怎么用? 1. 安装npm: 【Win7】只支持node.js v13.14.0或更早 1）到官网下载https://nodejs.org/download/release/v13.14.0/no ......
若依vue框架添加kotlin依赖，实现kotlin和java混合编译
第一步：在最外部pom.xml文件添加版本号和依赖管理 properties添加版本号 <kotlin.version>1.4.21</kotlin.version> <!--启用kotlin增量编译--> <kotlin.compiler.incremental >true</kotlin.com ......
vue3 uniapp Uncaught (in promise) TypeError: Cannot read properties of null (reading 'emitsOptions') 报错
引发这个问题是在三级页面中使用uni.navigateBack({ delta: 2 })返回到一级页面 再重一级页面进入二级页面 二级页面中引用的组件引发的emitsOptions报错 //原因：我在二级页面中的组件使用ts的emit写法引发的报错 const emit= defineEmits< ......
动力节点老杜Vue框架教程【三】Vue组件化
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
老杜Vue实战教程完整版笔记（三）Vue组件化
接上篇文章，分享动力节点老杜全新版Vue教程笔记 学习の地止：https://www.bilibili.com/video/BV17h41137i4 3 Vue组件化 3.1 什么是组件 传统方式开发的应用 一个网页通常包括三部分：结构（HTML）、样式（CSS）、交互（JavaScript） 传统 ......
Vue监听页面放大缩小事件
Vue监听页面放大缩小事件 ，使用window.addEventListener，methods中方法 ChangeWin(){ let ratio = this.getRatio(); let Pwidth = window.screen.width*this.getRatio()/100; le ......