vue源码 周期 生命
ai问答：使使用 Vue3 组合式API 和 TypeScript 父子组件demo
这是一个使用 Vue3 组合式 API 和 TypeScript 的简单父子组件示例 父组件 Parent.vue: <template> <div> <p>{{ msg }}</p> <Child /> </div> </template> <script lang="ts"> import { ......
AQS源码解读----AbstractQueuedSynchronizer
36 package cn.com.pep; 37 import java.util.concurrent.TimeUnit; 38 import java.util.concurrent.locks.AbstractOwnableSynchronizer; 39 import java.util. ......
vue settings.json
{ "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", "width": "100%", "height": "100%", "bac ......
FutureTask源码分析
1、Callable 与 FutureTask介绍 1.1、Callable 创建线程有两种方式，一种是继承Thread类，一种是实现Runnable接口重写run方法。其实Thread也实现了Runable接口。 在Runable接口中，仅有一个无参无返回结果的run方法。Runable接口详情： ......
vue-cli安装成功后，使用vue -V命令找不到版本的问题
参考文章一：https://blog.csdn.net/Small_Yogurt/article/details/104968169 参考文章二：https://blog.csdn.net/weixin_43403746/article/details/124631637 我先参考第一篇文章，安装了 ......
【Visual Leak Detector】源码编译 VLD 库
说明 使用 VLD 内存泄漏检测工具辅助开发时整理的学习笔记。本篇介绍 VLD 源码的编译。同系列文章目录可见 《内存泄漏检测工具》目录 1. VLD 库的依赖文件 以 vld2.5.1 版本为例，下载源码 后，源码包中各文件的用途可看本人另一篇博客 【VLD】源码文件概览。使用 vld2.5.1- ......
vue运行npm install 时，卡在sill idealTree buildDeps没有反应
之前装过vue很简单就装上了，结果这次出了好多问题。 1.win+R再cmd打开的命令行，结果运行报错，说权限不够，只能再powershell用。 2.powershell挂了半天发现卡住不动了，原来是网络问题，用淘宝镜像解决。 方法如下： 使用命令设置为淘宝的镜像源： npm config set ......
openGauss和PostgreSQL的源码目录结构对比
openGauss和PostgreSQL的源码目录结构对比 ZTYan 专注数据库 11 人赞同了该文章 前言：openGauss内核虽然源于PostgreSQL，但是华为在多个维度进行了深度的改进。本文从源目录的组织结构入手来研究openGauss，笔者在不断深入的研究中不禁惊叹于openGaus ......
Vue3 Suspense
视频 3.Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./compo ......
Vue3 Teleport
视频 2.Teleport 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。 <teleport to="移动位置"> <div v-if="isShow" class="mask"> <div class="dialog"> <h3>我是一个 ......
Map - TreeSet & TreeMap 源码解析
Java 7 - TreeSet & TreeMap 总体介绍 前者仅仅是对后者做了一层包装，也就是说TreeSet里面有一个TreeMap(适配器模式)。因此本文将重点分析TreeMap。 Java TreeMap实现了SortedMap接口，也就是说会按照key的大小顺序对Map中的元素进行排序 ......
Map - LinkedHashSet&Map源码解析
上篇文章讲了HashMap。HashMap是一种非常常见、非常有用的集合，但在多线程情况下使用不当会有线程安全问题。 大多数情况下，只要不涉及线程安全问题，Map基本都可以使用HashMap，不过HashMap有一个问题，就是迭代HashMap的顺序并不是HashMap放置的顺序，也就是无序。Has ......
Vue 创建一个Vue项目
首先，init一个项目 D:\javawebPractce\Vue 这是我的工程路径 创建命令 vue init webpack hello-vue hello-vue是我的项目名称 创建之后，我为了方便，将router自动安装了 安装element UI npm i element-ui -S 安 ......
【深入浅出Spring原理及实战】「源码调试分析」深入源码探索Spring底层框架的的refresh方法所出现的问题和异常
学习Spring源码的建议 阅读Spring官方文档，了解Spring框架的基本概念和使用方法。 下载Spring源码，可以从官网或者GitHub上获取。 阅读Spring源码的入口类，了解Spring框架的启动过程和核心组件的加载顺序。 阅读Spring源码中的注释和文档，了解每个类和方法的作用和 ......
vue2源码-十三、nextTick在哪里使用？原理是什么？
nextTick在哪里使用？原理是什么？ nextTick内部采用了异步任务进行包装（多个nextTick调用会被合并成一次，内部会合并回调）最后在异步任务中批处理。 主要应用场景就是异步更新（默认调度的时候就会添加一个·nextTick 任务）用户为了获取最终的渲染结果需要在内部任务执行之后再执行 ......
ArrayList 源码阅读
一、概述 在实际工作中我们使用最多的集合恐怕就是 ArrayList 了,但是这个集合类该怎么用呢,借此我们通过阅读它的源码来一探究竟 二、ArrayList 成员变量介绍 public class ArrayList<E> extends AbstractList<E> implements Li ......
Vue3 Fragment
视频 五、新的组件 1.Fragment 在Vue2中: 组件必须有一个根标签 在Vue3中: 组件可以没有根标签, 内部会将多个标签包含在一个Fragment虚拟元素中 好处: 减少标签层级, 减小内存占用 ......
Vue3 Composition API 的优势
视频 四、Composition API 的优势 1.Options API 存在的问题 使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，computed里修改 。 2.Composition API 的优势 我们可以更加优雅的组织我们的代码，函数。让相关 ......
Vue3 响应式数据的判断
视频 6.响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 reactive 或 ......
VUE - 加载图片
VUE - 加载图片 方式1： <template> <div style="width: 100%; height: 100%"> <img :src="addjpg" :data-source="addjpg" alt="" /> </div> </template> <script> impo ......
Vue3 provide 与 inject
视频 5.provide 与 inject 作用：实现祖与后代组件间通信 套路：父组件有一个 provide 选项来提供数据，后代组件有一个 inject 选项来开始使用这些数据 具体写法： 祖组件中： setup(){ ...... let car = reactive({name:'奔驰',pr ......
Vue3 customRef
视频 4.customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template> <input type="text" v-model="keyword"> <h3>{{keyword}}</h3> </template> <script> ......
vue转换js文件 require js
1 define 和require 方式 不同点 define 用来定义一个模块的，requireconfig 文件配置后才行 require 加载模块 define来定义模块，还是通过require来加载模块 究竟什么时候去使用 2TaskExcutionToday 文件如何转换compoment ......
向着Vue3进发，Vue2.7升级指南
北京时间7月1号，Vue2.7正式发布，Vue2.7支持你的项目在不升级Vue3的情况下使用Vue3的特性，例如Composition Api、setup、Css v-bind等。 与此同时，Vue2.7也是Vue2.X的最终次要版本，在这个版本之后，Vue2将进入LTS（长期支持），即从现在开始持 ......
vue3学习
资料： http://docs.vikingship.xyz/ 声明类型： 1.使用ref可以声明基础数据 2.使用reactive声明对象数据 3.computed可以返回一个不变的响应式对象 比vue2优势：可以直接新增或修改对象数据，也能实时更新 基础数据： 对象数据： 如果想直接用count ......
Vue3 toRaw与markRaw
视频 3.toRaw 与 markRaw toRaw： 作用：将一个由reactive生成的响应式对象转为普通对象。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应 ......
[vite]: Rollup failed to resolve import "APlayer" from "./APlayer/index.vue".This is most likely unintended because it can break your application at runtime.
这个错误提示是在你使用 Vite 构建项目时遇到的。 错误信息提示 Rollup 在构建过程中无法解析 import "APlayer"，而且这很可能会在运行时破坏你的应用程序。这个问题的原因是，APlayer 并不是一个模块，没有被正确地导出到你的项目中。 为了解决这个问题，你需要告诉 Rollu ......
Vue3 +element-plus+ wangEditor 富文本编辑器+前端七牛云上传
我用的vue3，element-plus ，没用ts 搭建wangEditor 参考 地址 https://www.cnblogs.com/xbxxf/p/16791084.html 本来就是抄大佬的，就不复制粘贴了 主要是整理关于七牛云部分的代码，秉着复制就能用的原则，我把自己封装好的组件复制过来 ......
vue中添加生成二维码
1、安装组件 npm install qrcodejs2 --save 2、在页面引用组件 import QRCode from "qrcodejs2"; 3、在页面创建一个存放二维码的区域 <div id="qrcode" ref="qrcode"></div> 4，事件中调用 handlePri ......
django生命周期和路由层
django生命周期 https://www.yuque.com/liyangqit/cbndkh/evyps8 django路由层 1.路由匹配 django2.X及以上 path第一个参数写什么就匹配什么 django1.X第一个参数是正则表达式 无论什么版本django都自带加斜杠后缀的功能 ......