vue源码 周期 生命
vue3 + mark.js | 实现文字标注功能
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ......
vue~封装一个文本框添加与删除的组件
标签组件的效果如下 组件作用 这是一个div，包含了两个文本框，后面是添加和删除按钮 添加按钮复制出新的div，除了文本框没有内容，其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ......
vue~封装一个文本框标签组件
用到的技术 父组件向子组件的传值 类型检查和默认值：您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型，以及在没有传递数据时具有合理的默认值。例如： props: { message: { type: String, default: 'Default Message ......
VUE 3.0使用Tinymce编辑器
本人使用的IDEA开发工具 参考文档： 1.官方文档2.中文文档 一、使用npm安装Tinymce。我这里是指定了版本号的 npm install tinymce@6.0.0 npm install @tinymce/tinymce-vue@5.1.0 二、修改路径，加汉化 1、将下载好的tinym ......
【vue2】实现数字纵向滚动效果（计时器效果）
需求： 在页面中显示一个数字，并在进入视口时显示计时器滚动效果： 效果如上 ↑ 新建组件ScrollNumber.vue： <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: ......
ReentrantLock之Condition源码解读
1.背景 阅读该源码的前提是,已经阅读了reentrantLock的源码! 2.await源码解读 condition代码理解的核心,其实就是理解到: 线程节点如何从sync双向链表队列到指定的条件队列中, 然后又如何从条件队列中到sync双向链表队列的 一定要先把下面的2个图理解到,再去看源码和断 ......
如何用Vue实现模块化开发？
模块化开发就像我们管理书籍一样，一开始只有几本书时，堆书桌上就可以了。随着书越来越多，有几十上百本时，我们需要一个书橱，按照类别放在不同的格子里。对比App迭代过程，起步时，业务少，单一工程模式效率最高，随着业务发展，我们要根据业务拆分不同的模块。所有这些目的都是为了方便管理、高效查找。 模块化，就 ......
23python源码编译加密
利用python3和python2自带模块进行源码加密 模块一 py_compile python -m py_compile test.py 模块二 compileall python -m compileall test.py 对目录下py文件进行编译加密 python -m compileal ......
短视频app源码，日常开发之RecycleView滑动
短视频app源码，日常开发之RecycleView滑动 一、使用recyclerview.scrollToPosition(index)滑动布局，结果定位不准确 解决办法： //使用LayoutManager滑动位置并设置offset为0,可以保证滑动的位置正确mLayoutManager.scro ......
在线直播系统源码，取CTreeCtrl控件选中节点的文字
在线直播系统源码，取CTreeCtrl控件选中节点的文字 void CAboutDlg::OnSelchangedTree1(NMHDR* pNMHDR, LRESULT* pResult) {NM_TREEVIEW* pNMTreeView = (NM_TREEVIEW*)pNMHDR;// TO ......
vue3 模糊搜索 不区分大小写 多选框 element plus
```javascript<div class="select-part" ref="selectRef"> <div class="check-type"> <input type="text" class="check-type-title" :placeholder="placeholder" ......
Vue3 面试题 （2023-09-26更新）
Vue3 对比 Vue2 做了那些改进？ 1. 响应式系统 vue2 中使用的 Object.defineProperty 实现的响应式，劫持整个对象，递归遍历所有属性，给每个属性添加 getter 和 setter vue3 中使用的 Proxy 实现的响应式 2. 编译阶段 Fragment V ......
Vue3-vite 按需引入Element-plus
1.下载unplugin-vue-components，unplugin-auto-import 包 npm i -D unplugin-vue-components unplugin-auto-import 2.vite.config.js 文件中配置 1 import AutoImport fr ......
vue npm 视频播放 项目中感觉比较好用的包
npm @easydarwin/easyplayer 对H265 H264支持都比较友好！！实测比较好用 <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" c ......
vue中没有index.html 如何可以加上
在Vue项目中，如果没有默认的index.html文件，你可以手动创建一个并进行设置。 以下是创建并配置index.html的步骤： 在你的Vue项目根目录下创建一个新的public文件夹（如果还没有）。 在public文件夹下创建一个新的index.html文件。 在index.html文件中添加 ......
vue-cli_关于vue-cli打包后多出的js与css文件
平常并没有注意到打包后js与css有多少个文件, 一般而言执行打包命令后就差不多万事大吉, 然后交给后端去完成部署就好了. 但轮到自己亲手为打包文件设置CDN时, 发现, 原来打包出来文件多少还是有区别的. 如下, 是我打包出来的某个项目的文件和自动生成的html文件的引入文件. ├─dist | ......
pip安装包如何强制使用源码构建
pip --no-binary 是 pip 命令的一个选项，用于控制是否从二进制分发包中下载 Python 包。当您使用 pip 安装 Python 包时，默认情况下，pip 会尝试从预编译的二进制分发包中下载包，以提高安装速度。但有时候，您可能希望强制 pip 从源代码构建包，而不是使用预编译的二 ......
Linux-----进程、线程、协程的生命周期、调度器slab
Linux进程、线程、协程的区别 进程 进程是操作系统中的一个独立执行单元。 每个进程都有自己的独立内存空间，包括代码段、数据段、堆栈等。 进程之间通常需要通过进程间通信（IPC）来交换数据和信息。 进程启动和销毁开销较大，因为需要分配和释放独立的内存空间。 进程之间隔离度高，一个进程的崩溃不会直接 ......
brpc源码剖析
https://cloud.tencent.com/developer/article/1915033 https://cloud.tencent.com/developer/article/1915031 https://cloud.tencent.com/developer/article/19 ......
vue源码解析-实现一个基础的MVVM框架
基本介绍 vue.js采用数据劫持结合发布-订阅模式的方式，通过Object.defineProperty()来劫持各个属性的getter,setter,在数据变动时发布消息给订阅者，触发响应的监听回调。 主要功能： 实现一个指令解析器Compile 实现一个数据监听器Observer 实现一个Wa ......
使用IDEA下载源码时，始终报错cannot download sources
注释settings.xml文件以下内容 <mirror> <id>maven-default-http-blocker</id> <mirrorOf>external:http:*</mirrorOf> <name>Pseudo repository to mirror external repo ......
Vue-进阶，404页面控制及路由钩子
路由转发传参 我们在使用vue-router时，可能会在Vue实例对象中，写一些方法使用路由的方式完成跳转，其实这种方式也是可以进行转发的 this.$router.push("/main"); 如上，可以使用字符串拼接，把参数拼接在后面，然后转发，完成参数传递 this.$router.push( ......
linux内核网络源码学习（一）
代码一 linux/include/net/tcp.h #define TCP_SKB_CB(__skb) ((struct tcp_skb_cb *)&((__skb)->cb[0])) 这段代码是一个宏定义，用于将一个struct sk_buff结构中的成员cb转换为struct tcp_skb ......
如何在vite+vue3中的html页面中使用变量？
如何在vite+vue3中的html页面中使用变量？ vite版本：4.1.5 vue版本：3.2.47 需要引入新的开发依赖: yarn add vite-plugin-html -D 修改vite.config.ts文件配置 ... // @ts-ignore import { createHt ......
使用Vue3+elementPlus的Tree组件实现一个拖拽文件夹管理
目录1、前言2、分析3、 实现4、踩坑4.1、拖拽辅助线的坑4.2、数据的坑4.3、限制拖拽4.4、样式调整 1、前言 最近在做一个文件夹管理的功能，要实现一个树状的文件夹面板。里面包含两种元素，文件夹以及文件。交互要求如下： 创建、删除，重命名文件夹和文件 可以拖拽，拖拽文件到文件夹中，或着拖拽文 ......
智慧工地系统源码，实现对施工全过程的实时监控、数据分析、智能管理和优化调控
智慧工地是指通过信息化技术、物联网、人工智能技术等手段，对建筑工地进行数字化、智能化、网络化升级，实现对施工全过程的实时监控、数据分析、智能管理和优化调控。智慧工地的建设可以提高工地的安全性、效率性和质量，降低施工成本，是建筑行业数字化转型升级的重要抓手。智慧工地物联网云平台子系统模块：基于智慧工地 ......
vue+el 实现 阶梯效果
[简介]： 关键代码; <el-row class='midPart' style=''>{{ menu.name }}</el-row>.midPart { float: left; width: 4%; padding: 7px 7px; background: #444;} [内容]： <te ......
使用SpringBoot+Vue3的形式实现管理系统的添加功能
1、查看页面形式 2、使用element-plus组件为添加页面引入form表单 成功引入form表单组件： 3、更改成自己需要的形式 4、测试是否可以拿到文本框的数据 拿到数据啦！！（记得vue3这里： console.log(form) //不要写this ```） # 5、vue界面的添加代码 ......
vue 路由动画
安装 npm i -S animate.css main.ts 引入 import 'animate.css'; router const routes: RouteRecordRaw[] = [ { path: '/', alias: ['/login'], component: () => im ......
vue 暴露组件方法
loadingbar <template> <div class="wrapper"> <div ref="bar" class="bar"></div> </div> </template> <script setup lang="ts"> import { onMounted, ref } fr ......