vue vue-cli-service min源码
vue3 动态创建ref
:ref="(el)=>setItemRef(el, 'test'+1)" const iframeRefs = {}const setItemRef = (el, key) => { if (el) { iframeRefs[key] = el }} onMounted(()=>{ const i ......
vue3 使用clipboard实现一键复制
# 安装clipboard包 ```bash npm install vue3-clipboard ``` # 在main.js中进行配置 ```js import VueClipboard from 'vue3-clipboard' const app = createApp(App) use(V ......
vue3中组件之间通信ref和$parent的用法
ref的用法： //子组件 <template> <div class="son">我是子组件{{num}}</div> </template> <script> imoprt ref from 'vue' let num = ref(100) //这里需要注意：组件内部数据对外是关闭的，如果想让外 ......
【开源分享】在线客服系统搭建-基于php和swoole客服系统CRMchat（附源码完整搭建教程）
CRMChat是一款开源的在线客服系统，后台管理使用thinkphp框架，消息通讯使用swoole扩展，现在我来部署搭建一下。 这是一款不可商用的开源客服系统，如果有商用需求可以访问我的网站：gofly.v1kf.com 域名解析 以阿里云为例，我添加了自己的二级域名crmchat.v1kf.com ......
vue中使用Tinymce
1、安装tinymce编辑器 npm i tinymcenpm i @tinymce/tinymce-vue 或： yarn add tinymce yarn add @tinymce/tinymce-vue 2、配置中文语言包 地址：中文语言包 注：最好将语言包放在public/langs/或st ......
vue3中的useAttrs和 defineProps的用法
<template> <Table :data="data" v-bind="$attrs"/> </template> <script setup lang="ts"> const $attrs = useAttrs() const data = defineProps(["data"]) </s ......
【校招VIP】前端vue考点之生命周期和双向绑定
考点介绍： VUE是前端校招面试的重点，而生命周期和双向绑定又是基础考点之一，尤其在一二线公司，要求知道双向绑定的原理，以及相关代码实现。 一、考点题目 1、mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？ 解答：mvc和mvvm其实区别并不大。都是一种设计思想。主要就 ......
直播平台源码优质平台技术：并行处理与线程优化的探索与实践
这样我就为大家分享完了直播平台源码并行处理与线程优化技术，直播平台源码并行处理与线程优化作为优质的平台技术，可以提升直播平台的性能和用户体验，为直播平台源码开发必备的技术之一。 ......
【Alibaba中间件技术系列】「RocketMQ技术专题」让我们一起探索一下DefaultMQPullConsumer的实现原理及源码分析
[推荐超值课程：点击获取](https://www.sanzhishu.top/) ### 前提介绍 在RocketMQ中一般有两种获取消息的方式，一个是拉(pull，消费者主动去broker拉取)，一个是推(push，主动推送给消费者)，在上一章节中已经介绍到了相关的Push操作，接下来的章节会介 ......
【技术积累】Vue.js中的CSS过渡【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
vue3+vite+ts项目初始化
### 创建项目 ``` # npm 6.x npm create vite@latest my-vue-app --template vue # npm 7+, extra double-dash is needed: npm create vite@latest my-vue-app -- -- ......
[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended.
 ### 原因 意思是自定义指令不能放到组件上,而是要放到自有的元素上,也就是这里用到的`v-dialogDrag ......
解决VS2022工程中多个含main()函数源码文件同时编译问题
做编程练习时，我常常将源码文件放在一个工程中管理，写出的每个源码文件中都包含一个main()函数。于是出现这样的问题： ![image](https://img2023.cnblogs.com/blog/3258760/202308/3258760-20230815224614265-1661132 ......
next.js 源码解析 - getStaticProps、getStaticPaths 篇
> 😂 好久前写了关于 `getStaticProps` 和 `getStaticPaths` 的内容，然而半年过去了源码解析就一直忘记了，不久前有人提醒才想起来，补下坑。 本文主要是解读下 `getStaticProps`、`getStaticPaths` 相关的源码，不了解这两个 `API` ......
vue.js框架的iframe页面计时器无法销毁的解决方法
同学试过使用生命周期等方式都不能清除计时器；因而改用这个方法； 1,首先vue页面上随便写个有高度的div如下：用refs获取高度 <div class="hub-fixed-box" :style="{width:fixedWidth+'px' }" ref="fixedTop"></div> 2 ......
【源码研读】MLIR Dialect 分层设计
> 以「疑问 - 求解」的形式来组织调研，此处记录整个过程。 ## 1. MLIR 中的 Dialect 是「分层」设计的么？ 先问是不是，再谈为什么。从 [LLVM 社区](https://discourse.llvm.org/t/codegen-dialect-overview/2723) 可以 ......
【Alibaba中间件技术系列】「RocketMQ技术专题」让我们一起探索一下DefaultMQPushConsumer的实现原理及源码分析
[推荐超值课程：点击获取](https://www.sanzhishu.top/) RocketMQ开源是使用文件作为持久化工具，阿里内部未开源的性能会更高，使用oceanBase作为持久化工具。 在RocketMQ1.x和2.x使用zookeeper管理集群，3.x开始使用nameserver代替 ......
从无到有创建vue项目详细说明
一、vue需要安装的环境 1、Node.js : Javascript运行环境 推荐先安装nvm，然后在安装nodejs，可以切换不同版本的nodejs使用，请参考： nvm及nodejs安装和使用（Windows下切换多版本nodejs） npm ： 包管理工具（同Node.js一同安装） npm ......
vue页面对字段进行校验，必填未填则进行提示
<el-form :model="form"> <el-form-item label="等级名称" :label-width="formLabelWidth" prop="name" :rules="[{ required: true, message: '请输入等级名称', trigger: ' ......
Vue3 + Eslint + prettier
一、背景 公司内部团队大部分由多人组成，当遇到多个前端开发同一个项目时，代码规范及代码质量，是需要考虑的一个重中之重 二、Eslint + prettier 是什么 ESLint 的主要功能包含代码格式和代码质量的校验，而 Prettier 只是代码格式的校验，不会对代码质量进行校验。 代码格式问题 ......
PageOffice 6 最简集成代码(VUE+Springboot)
本文描述了PageOffice产品在（VUE+Springboot）前后端分离的项目中如何集成调用。调用PageOffice打开文件的主要核心代码是：后端Springboot项目中第6步和前端VUE项目中第6步的代码，其他代码都属于环境配置代码。 > 假设开发环境电脑IP为： > 192.168.1 ......
若依-Vue 单体版本 更换mybatisPlus
1、`单体模块在pom.xml ; 多模块版本在ruoyi-common\pom.xml、`模块添加整合依赖 ```xml com.baomidou mybatis-plus-boot-starter 3.4.1 ``` 2、`单模块在修改主题的application.yml ; 多模块在ruoyi ......
spring源码分析
本人编译的sping源码地址： https://gitee.com/Alan-H-Ma/spring-framework-source-latest.git spring整理的笔记： ......
记录--vue3问题：如何实现微信扫码授权登录？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、需求 微信扫码授权，如果允许授权，则登录成功，跳转到首页。 二、问题 1、微信扫码授权有几种实现方式？ 2、说一下这几种实现方式的原理是什么？ 3、vue中的微信扫码授权登录，与uniapp和原生小程序的微信授权登录，它们之间有共同点 ......
vue2使用富文本编辑器vue-quill-editor
一、将图片保存为base64编码（不建议） 使用步骤： 1、 安装vue-quill-editor npm install vue-quill-editor -S 2、main.js中全局引入 // 富文本编辑器 import VueQuillEditor from 'vue-quill-edito ......
vue前端项目中遇到的问题以及解决方案-不定时更新
###vue-cli创建vue项目中全局使用mixin 首先需要安装插件 ~~~ npm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev ~~~ 修改vue.config.js文件 ~~~ ......
[源码梳理][机器学习]PointMAE项目源码梳理和修改思路
Point_MAE项目源码中类的功能梳理。笔者要对它大刀阔斧，但发现自己作为调包侠，对torch的底层很多细节不熟悉，所以细细梳理一下这个项目。 [链接](https://github.com/Pang-Yatian/Point-MAE) ### Encoder * 输入点云（这里为patch），返 ......
若依单体Vue版本新增多环境配置
若依框架是一个简单的web后台管理脚手架，基于SpringBoot+Vue开发的。本次更改版本为3.8.7截止2023年8月14日，最新版本！ 若依自带只有 application.yml 与 application-druid.yml 两个配置文件。本次需要增加 dev 开发环境 ； prod 正 ......
vue3 中 props 传递响应式值不会变
vue3 中 通过 props 传递响应式值不会跟着响应式，原因为获取 props 的时候 直接通过 props.xxx 来获取了，如果要保持响应式，需要手动转为响应式 const { status } = toRefs(props) // or const status = toRef(props ......
vue图片放大缩小拖拽
1.封装可放大缩小拖拽组件<template> <div class="drag-outer" ref="dragWrap" :style="'width:'+imgWidth" @mouseenter="isHover = true" @mouseleave="isHover = isMoused ......