vue源码 周期 生命
vue 实现 pdf 预览功能
随着互联网的发展，PDF 文件在信息交流和文档分享中起着重要的作用。通过在 Vue 组件中实现 PDF 预览功能，我们可以为用户提供便捷的内容阅读体验。
通过阅读本文，读者将了解如何在 Vue 中实现强大的 PDF 预览功能，为用户提供方便的阅读体验。无论你是刚入门的 Vue 开发者，还是有一定经... ......
Flowable 源码目录结构
title: Flowable 源码目录结构 date: 2023-8-17 23:47:20 tags: - Flowable # 下载源码 下载地址：[flowable/flowable-engine at flowable-6.7.2 (github.com)](https://github. ......
Spring源码学习笔记13——总结篇, 从IOC到AOP
[系列文章目录和关于我](https://www.cnblogs.com/cuzzz/p/16609728.html) ## 零丶序言 在[《Spring源码学习笔记12——总结篇,IOC，Bean的生命周期，三大扩展点》](https://www.cnblogs.com/cuzzz/p/16662 ......
Vue的数据更新，页面不更新的解决办法
## 可能原因 更新的数据跟源数据不是同一个，即不是同一个引用 ## 解决办法 最稳妥的办法，可通过拿到源数据取索引的方式进行数据的更新，如： 有一个源数据叫：originData 那么如果在更新时，通过`this.originData[index].time = newValue`的方式进行更新， ......
vue面试2
VUE2 1. 为什么.Vue被称为“渐进框架”? 使用渐进式框架的代价很小，从而使现有项目(使用其他技术构建的项目)更容易采用并迁移到新框架。Vue.js 是一个渐进式框架，因为你可以逐步将其引入现有应用，而不必从头开始重写整个程序。 Vue的最基本和核心的部分涉及“视图”层，因此可以通过逐步将V ......
vue3 文件上传进度条组件
index.vue文件 <template> <div class="confirm-modal"> <transition name="fade"> <div class="modal-dialog" @click="clickMaskToClose ? handleCancel() : null ......
vue开发超级方便的Node版本管理器nvm
nvm全名node.js version management，是 nodejs 的版本管理工具 可以在一个环境中同时安装多个 nodejs 版本（和配套的 npm 版本），并随时切换 开发调试不同 nodejs 应用变得更省心，随时切换所需要的版本。 github地址： nvm git 地址 nv ......
vue之排序后端排序功能的实现
实现了使用后端的排序，前端只负责向后端发送请求要数据就可以了。 整个代码的简单逻辑就是，后端定义好的接口，前端使用逻辑获取前端是想正序、逆序还是无排序，然后将排序拼接到url中，发送给后端就行了。 代码如下： ```html ``` ......
vue better-scroll的参数和方法
startX: 0 开始的X轴位置 startY: 0 开始的Y轴位置 scrollY: true 滚动方向为 Y 轴 scrollX: true 滚动方向为 X 轴 click: true 是否派发click事件，通常判断浏览器派发的click还是betterscroll派发的click，可以用e ......
vue面试题1
VUE1 1.那你能讲一讲MVVM吗? MVVM是 Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将 ......
vue项目中嵌入软键盘（中文/英文）
键盘效果是这样，样式可以自己调整。gittee地址：https://gitee.com/houxianzhou/VirtualKeyboard.git步骤1 安装使用jQuery npm install jquery --save main.js中引入 import $ from 'jquery' ......
vue2第二章
1.组件封装 父传子 【使用最多的 主要用于封装 展示型 的组件】 子传父 【主要用于封装 有交互的组件, 一般是有事件绑定】 插槽 【主要是要插入内容】 1）卡片组件封装【展示型组件】 封装 <template> <div class="as-panel"> <div class="icon-wr ......
vue中引入echarts
1、先下载依赖包 npm install echarts -s //安装在目标项目中，如果想要全局安装就用-g 2、引入 2.1、全局引入 main.js中 import echarts from 'echarts' Vue.prototype.$echarts=echarts //也可以用： im ......
vue3第一章
官方文档（ 中文版 ）：https://vue3js.cn/docs/zh/ 视频：https://www.qiuzhi99.com/movies/vue3/1330.html 语法对比：https://www.jianshu.com/p/4e7ba9e93402 与2.x区别对比 1. vue2和 ......
vue2第三章
1.内置组件component 渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。 vue内置组件 <template> <component :is="viewName" @updateView="updateView" > </component> </template> <s ......
vue2第一章
1.安装两个vscode插件 vetur --让.vue文件高亮和有语法提示 Vue VsCode snippets -- 快捷写代码 2.vue组件 一个.vue文件就是一个组件，称为单文件组件 <template> <div> // 这里写 HTML 注意：template只能有一个根节点 </ ......
Vue初识
##### 一、Vue目录结构  ###### 1.vue组件 在Vue中，一个组件通常 ......
前端vue、js、html、svg文件
**HTML文件** HTML文件用于定义网页的结构和内容。HTML文件包含HTML标记，用于创建网页的各个元素，如标题、段落、链接、图像等。HTML文件被浏览器解析和渲染，将其转换为可见网页。 ```html /*声明：用于指定 HTML 文档的版本类型*/ /*HTML 文档的根元素，包含了整个 ......
直播商城源码开发知识分享：下拉列表
当我们在购物平台购买东西的时候，都会让我们填写地址信息，填写改信息的时候就会弹出关于城市的信息列表，我们就选择填写自己的信息来完成，这个下拉列表现在很常见，当我们填写个人信息时选择生日信息、星座等都会有他的出现，下面就给大家分享下在直播商城源码开发时如何实现下拉列表。 直播商城源码开发时具体步骤: ......
Unity生命周期方法
详解Awake：当场景开始时（简单理解成游戏启动），若物体处于激活状态（active）会被立即执行，仅执行一次。 OnEnable：接在Awake之后，且需要激活状态下，被执行，当物体每一次被激活时都会执行一次。 Reset：编辑器模式下，当脚本第一次被挂载，或是执行Reset操作时会被执行。 St ......
Vue 加载远程组件的解决方案
## 背景 最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究，并且整理了两个可行的解决方案。 ## HTML 文件 + umd 组件 这个方案是最简单、最容易实现的。组件以 umd 的格式进行打包，然后在 HTML 文件中直接使用。 ```html ``` 但是这 ......
社交软件源码的核心，IM即时通讯技术
即时通讯（Instant Messaging）在社交软件源码中有着实时沟通和传输信息技术等服务，比方说我们大家熟悉的微信，QQ等聊天软件，目前，IM技术不仅仅活跃在社交场景中，还在电商直播等各种场景有所表现，一个成熟的IM产品落地，大体上能够分成三个重要部分：客户端开发，服务端开发，服务运维。 IM ......
vue el-form 多种校验
rules:Object.freeze({ name1: [{ required: true, message: '请输入发放计划编码', trigger: 'blur' },{ pattern: /^(?!\s+).*(?<!\s)$/, message: '首尾不能为空格', trigger: ......
VUE后台管理系统(三)
### SKU管理模块 开发 - 先完成`静态组件` ``` ### Sku.index.vue ,sizes,total"> ``` - 配置请求并存储后端返回的数据 ``` ### product.sku.js ...... export const reqSkuList = (page,lim ......
vue项目在360浏览器兼容模式下SCRIPT1002: 语法错误以及“fetch”未定义问题解决
使用360浏览器的兼容模式，vue项目页面空白，打开控制台，发现如下报错：SCRIPT1002: 语法错误 解决方法如下： 1、安装依赖 npm install --save core-js regenerator-runtime 2、在main.js引入 import 'core-js/stabl ......
jeecgboot-vue3 查询区 label 文字居左实现
>以系统管理中的系统角色界面为例 > ## 操作步骤 #### 1. 通过路由或者工具找到当前代码所在的文 ......
15种实时uv实现方案系列(附源码)之一：Flink基于set实时uv统计
UVStatMultiPlans（GitHub）项目持续收集各种高性能实时uv实现方案并对各种实现方案的优缺点进行对比分析！ #### 需求描述 统计每分钟用户每个页面的uv访问量。 #### Kafka数据格式 ``` {"userId":"c61b801e-22e7-4238-8f67-9096 ......
spring三级缓存源码分析
总体思路如下如所示 debug的源码过程 循环依赖debugorg.springframework.context.support.AbstractApplicationContext#refresh finishBeanFactoryInitialization //LINE583, 实例化的入口 ......
Vue 框架下提升加载速度的一些实战经验分享
现在前端的框架有很多，甚至两只手已经数不过来，当然也完全没必要全部都学，还是应该深入的学习一两个被广泛使用的就好。其实我和大部分同学的想法一致，认为最值得我们深究的还是主流的 Vue 和 React。我们通过深入的学习了解这些框架的思维，也让自己使用这些框架能够更加得心应手。 ......
vue 拖动元素传参
这里演示拖动左侧列表中单元格到右侧内容区 <div class="tree_root"> <div class="level_root""> <div :draggable="draggable" @dragstart="treeItemDragstart($event, levelItem)" c ......