vue源码 周期 生命
手撕Vue-Router-知识储备
前言 本文是手写Vue-Router的第一篇，主要是对Vue-Router的知识储备，为后面的手写做准备。 那么 VueRouter 怎么实现呢？要想实现 VueRouter，首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么？VueRout ......
wxid转微信号工具，通过QQ号转WXID，协议源码纯代码分享！
这个协议其实跟网上分享的小程序调用查微信号接口不一样，我这种是另类的，但是能实现同样的效果代码我整合好了，就纯代码，UI界面下面我也会分享出来，主要是协议代码需要大家好好学习研究一下，我自己也研究了很久才HOOK出来的，需要服务器和客户端连接奥，我这边只分享服务端的代码，也就是核心的数据转换代码。 ......
Vue的自定义指令
在使用自定义指令的标签写入v-'自定义指令名' <template> <div class="box" v-loading="loading"> </div> </template> export default { data () { return { loading:true } }, } 公共 ......
并发之AQS源码学习
/** * * 学习 AbstractQueuedSynchronizer * * 1. state是aqs的重要属性，说明锁的使用次数 * 2. CustomAbstractQueuedSynchronizer，存在 head 与 tail 属性，所以其本身就是一个链表。并没有使用集合 * 3. ......
vue调用完一个接口 全局中才调用另外N个接口
mounted(){ // 先调用initParam接口 再调用第二个接口 this.initParam().then((res)=>{ this.getDataList(); }) },// 1. 把方法挂载到全局 methods: { async initParam(){ const {code ......
Vue3 Element-Plus 一站式生成动态表单
数据接口设计 type TreeItem = { value: string label: string children?: TreeItem[] } export type FormListItem = { // 栅格占据的列数 colSpan?: number // 表单元素特有的属性 pro ......
Vue 设置为history模式之后，刷新页面报404错误的解决办法
网上搜索出现很多修改前端或后端的方法试了都不行，后来在IIS中添加URL重写规则就解决了（如果没有Url重写模块,需要下载安装：rewrite_amd64_zh-CN.msi），设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话，直接把这个web.co ......
vscode如何配置运行vue项目
在vscode中如何调试运行vue项目 在.vscode中添加launch.json内容如下 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=8 ......
一个简单案例的Vue2.0源码
本文学习vue2.0源码，主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例，介绍了这个代码编译运行的流程，在流程中原始DOM的信息会被解析转换，存在不同的对象中。其中关键的对象有el、template、ast、code、render、r... ......
uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示
uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
Vue多页面和单页面的场景
开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
Visual Studio编译调试MySQL源码
最近想阅读下MySQL源码，虽然在linux下编译MySQL源码还是很顺利的，但是奈何不习惯在linux下阅读代码，比较喜欢用宇宙第一IDE Visual Studio来阅读调试代码，下面就记录下在windows上用visual studio来编译MySQL 5.7.44的源码。 下载mysql源码 ......
Visual Studio中使用SourceLink调试Abp源码
在Visual Studio中目前已经能轻松的调试Abp源码，只需要以下两步操作。 【选项】中设置调试 最重要的一步，Nuget安装SourceLink.Copy.PdbFiles库，启用SourceLink调试后未安装该库不会下载对应pdb文件 启动调试，等待自动下载源码符号文件，然后就可以愉快的 ......
【前端VUE】VUE环境安装
nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
session源码、闪现、请求扩展
session源码 ''' 1 app.session_interface 默认是某个类的对象,以后全局对象 session，就是SecureCookieSessionInterface()的对象 2 请求来了，会执行这个对象的： open_session方法 3 请求走了，会执行这个对象的：sav ......
session源码，闪现，请求扩展
1 session源码🚜 1 app.session_interface 默认是某个类的对象,以后全局对象 session，就是SecureCookieSessionInterface()的对象 2 请求来了，会执行这个对象的： open_session方法 3 请求走了，会执行这个对象的：sav ......
vue3+element-Plus表格滚动联动
const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v ......
Vue3 + antDesign3.x 汉化 中文（解决日期混合中英文模式
依赖项版本 "ant-design-vue": "^3.2.20", "dayjs": "^1.11.10", "vue": "^3.0.5", 依赖处理 main.js中 import { createApp } from 'vue' import Antd from 'ant-design-vu ......
Vue 项目配置自动更新，自动刷新页面
今天用户反馈使用页面的时候，有时候点击没反应，排查下来，是因为发布版本的时候，用户那边没有加载最新的文导致的，然后根据思路，做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间，通过环境变量的方式保存起来 打开 vite ......
源码安装Python
本文使用的Linux发行版本为AlmaLinux 9.2 64位（CentOS停止更新后的完美替代发行版本）。 本文安装的Python版本为3.12.0，其他版本方法类似。 准备工作 更新系统。dnf -y update 安装Python前，需确认当前系统是否已安装Python以及对应版本。 不建议 ......
Vue 该如何实现组件缓存?
在面向组件化开发中，我们会把整个项目拆分为很多业务组件，然后按照合理的方式组织起来，那么自然会存在组件之前切换的问题，vue 中有个动态组件的概念，它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化，切换组件时，动态组件在切换的过程中，组件的实例都是重新创建的，而我们需要保留组件的状 ......
源码安装Python
本文使用的Linux发行版本为AlmaLinux 9.2 64位（CentOS停止更新后的完美替代发行版本）。 本文安装的Python版本为3.12.0，其他版本方法类似。 准备工作 更新系统。dnf -y update 安装Python前，需确认当前系统是否已安装Python以及对应版本。 不建议 ......
CreateCollection_dataSyncService_执行流程源码解析
CreateCollection_dataSyncService_执行流程源码解析 milvus版本:v2.3.2 CreateCollection这个API流程较长，也是milvus的核心API之一，涉及的内容比较复杂。这里介绍dataSyncService相关的流程。 这边文章基于【Create ......
Vue-路由（vue-router）
路由：Vue-router（vue路由插件） 先了解下 route、routes、router三者之间的区别 （加$只是为了区别其它变量） router：一般指的是路由实例 ，如：vue的编程式导航 this.$router.push() routes：指创建 vue-router 路由实例的配置项 ......
vue-route
路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个 ......
Vue-mixins（混入）
mixins: [混入变量名称] 说明：不需安装，直接使用， 作用：多用于 提取公共 类似的数据和方法，和组件<script/>中书写一样，data、methods、钩子函数 使用：引入之后，同组件使用 script 中的数据和方法一样使用 功能点：引入之后，相当于mixins下的数据、方法和钩子函 ......
Vue-slot（插槽）
以下均已父组件为例：<my-box></my-box> <slot></slot> （无需安装，直接使用，使用组件时需引入对应组件） 说明：插槽就是内容分发API，将 <slot></slot> 作为承载内容分发的出口；简单的讲就是使用了插槽后就可以将<my-box>文本、HTML</my-box> ......
@vue/cli-01安装事项
@vue/cli安装存在以下两种： npm install -g @vue/cli vue --version or vue -V(注意是大写)查看版本 vue create 项目名称cd 项目名称npm installnpm run serve 1、默认安装 安装上面的步骤，一路回车即可 2、手动 ......
vue-alias配置
const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: (config)=>{ config.resolve. ......