vue源码 周期 生命
vue3 子组件修改父组件的两种方法
<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
vue-大文件分片及断点上传
最近开发过程中，有一个大文件分片上传的功能，借鉴于网上的思路，结合自己后端的逻辑，完成了这个功能，在此记录如下： 界面展示： 一、将大文件分片上传写为一个组件，可以全局注册该组件，也可以在使用的页面注册该组件，使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传，所以我是在App.v ......
vue+element项目部署到线上，所有icon图标不显示，解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
warp-transducer源码安装，warprnnt_pytorch生成
warp-transducer是可以在CPU和GPU上实现并行RNN-transducer的开源库，现在支持pytroch和tensorflow的调用，主要用来计算RNNTLoss， 本文是在ubuntu18.04的系统上进行的。 warp-transducer下载地址 源码编译warp-trans ......
Vue轻量级富文本编辑器-Vue-Quill-Editor
先看效果图：女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill（Vue-Quill-Editor需要依赖） npm install quill --save 3.代码 <template> <div clas ......
Vue 2.x脱坑记-查漏补缺
Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! ......
[Vue warn]: <transition-group> children must be keyed: <ElTag>
记录今天遇到的bug 解决方法，一个网友说的是 我试了，不行，然后在他的评论里面看到一个人回复的 这个是可以的，我用了很多v-if和v-else，所以加了key就解决了问题，下面是我加的 ......
短视频app源码，自定义快速滚动条FastScrollBar
短视频app源码，自定义快速滚动条FastScrollBar AndroidMainfest.xml中 <activity android:name=".MainActivity" android:theme="@style/FastScrollTheme"> <intent-filter> <ac ......
成品直播源码，JAVA获取图片的宽、高和大小
成品直播源码，JAVA获取图片的宽、高和大小 如果是本地磁盘文件 File file = new File("C:\\Users\\root\\Desktop\\test.jpg"); BufferedImage bufferedImage = ImageIO.read(new FileInputS ......
vue实现文件的分片上传
const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......
贷款额度生成器，支持信用卡APP版，虚拟截图E4a开发，仅提供源码
闲着无聊用易安卓开发了一个额度生成器，原理非常简单，就网上找了一个模版，加了几个编辑框，用PS消除了原有的信息内容，在上面加了一些标签，实现用户输入确定按钮后改变图片上的标签内容，下面是框架图： 框架界面图： 生成框架图： 代码：【e4a】： 事件 窗口1.创建完毕() 标签7.标题=读取设置("转 ......
Vue实验记录
webpack安装 首先下载node.js https://nodejs.org/en 下载完成后进行安装，直接下一步就可以 安装完成后，在cmd中查看是否安装成功 然后安装webpack 安装脚手架 创建项目 选择第二个 创建完成后的效果 进入项目并运行 在学习通中下载源码，把源码按照项目格式放到 ......
vue中文件上传方法
1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu ......
Vue-cli 用自定义的组件有遇到过哪些问题？
在 components 目录新建你的组件文件（indexPage.vue）, script 一定要 export default {} 在需要用的页面（组件）中导入：import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co ......
Vue3+Element plus 实现表格可编辑
<template> <div> <el-button type="primary" @click="handleAdd"> 新增 </el-button> </div> <div> <el-table :data="tableData" style="width: 100%" border @ce ......
vue3 与 vue2 的区别
布尔型 Attribute 布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。 v-bind 在这种场景下的行为略有不同： <button :disabled="isButtonDisabled ......
Vue3使用wangEditor文本
1、安装wangEditor npm install @wangeditor/editor --savenpm install @wangeditor/editor-for-vue@next --save 2、代码 <template> <el-dialog v-model="state.dialo ......
Vue_MQTT项目搭建记录
新建vue3项目 # 新建 vite + vue3的项目 npm init vue@latest yarn 安装依赖包 yarn add mqtt 初探 - 连接阿里云物联网平台 代码： <template> <div> <h1>LED - IOT</h1> <button @click="conn ......
抖音直播间弹幕采集软件，可提取UID抖音号安全码礼物评论，易语言源码分享
用精易浏览器的接口开发的，易语言源码，但是支持匿名数据采集，比较稳定，源码下面会分享，包括接口，需要具备一定的技术才能整合哈。 下面是采集效果图：【我只是把功能做出来了，但是界面比较丑】 下面是核心代码易语言【程序集】： .版本 2 .支持库 spec .支持库 EThread .支持库 e2ee ......
抖音直播间抓取用户数据的软件，ID安全码评论内容礼物，匿名易语言源码WSS
这个也是我用易语言开发的，调用的WSS接口，用的是浏览器协议，好处是非常稳定，不会掉包，目前只提供源码，下面会分享出来。 采集效果图： 易语言源码： .版本 2 .支持库 spec .支持库 EThread .支持库 e2ee .程序集 窗口程序集_启动窗口 .程序集变量 浏览框, Edge浏览框 ......
抖音直播间采集截流软件，截流匿名WSS接口协议，易语言提取源码分享
接口什么都是对接易语言的，易语言源码，然后最主要它不调用本地浏览器，所以说你有技术基础的话可以实现多线程采集的效果，我这个仅仅只是源码，多余功能就没有了，当然支持匿名奥。 框架设计图： 采集效果图： 易语言源码：【核心代码】 .版本 2 .支持库 EThread .支持库 spec .程序集 窗口程 ......
抖音直播间匿名采集软件，带接口wss，易语言源码分享
软件是易语言开发的，然后不用调用浏览器，直接截取wss数据，客户采集匿名的数据，源码我这边会公开，核心的部分。 框架图： 采集出来的效果 易语言核心代码： .版本 2 .支持库 EThread .支持库 spec .程序集 窗口程序集_窗口1, , , 744894369 .子程序 _窗口1_创建完 ......
vue3源码学习api-vue-sfc文件编译
vue 最有代表性质的就是.VUE 的文件，每一个vue文件都是一个组件，那么vue 组件的编译过程是什么样的呢 Vue 单文件组件 (SFC)和指令 ast 语法树 一个 Vue 单文件组件 (SFC)，通常使用 *.vue 作为文件扩展名，它是一种使用了类似 HTML 语法的自定义文件格式，用于 ......
vue脚手架的data与props
1.共同之处： data与props都是数据，都可以存储，并且动态渲染 2.不同之处： data是组件本身的数据，支持自身修改，然而props是外部数据(由父组件传递而来的数据),不支持自身修改，如果想要修改需要this.$emit('父组件监视函数名'，希望修改的的值的结果) ......
JavaWeb--Servlet执行流程&生命周期
Servlet的执行流程 Servlet生命周期 1、初始化使用了init（）方法，只调用一次。 2、提供服务使用service（）方法 （1）、调用时机：servlet被访问时，调用该方法 （2）、调用次数：每一次servlet被访问就调用一次 3、服务中止时使用destory（）方法，servl ......
Vue 组件里的定时器要怎么销毁？
如果页面上有很多定时器，可以在 data 选项中创建一个对象 timer，给每个定时器取个名字一一映射在对象 timer 中， 在 beforeDestroy 构造函数中清除， beforeDestroy(){ for(let k in this.timer){ clearInterval(k) } ......
记录--Vue2屎山之 Table 屎山
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了，但是 Vue2 的代码却不会在 2023 年消失，还会越来越多；难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3，这是不可能办到的； 老一点的前端程序员肯定经历过把大型项目从 ......
vue3 甘特图（四）：甘特图进度条拆分
vue3 甘特图（四）：甘特图进度条拆分 目前项目采取有两种拆分进度条的方式。单个进度条展示多维度数据，一个总任务条下有多个子进程展示。 1.1 单个进度条展示多维度数据（不关联时间），如图 此方法是通过设置单个进度条上内容，以一个进度条为容器，修改内容（即task_text内容）展示多维度的数据， ......
vue 甘特图（附件）：甘特图附件
甘特图样式： .gantt_container { border-color: transparent !important; .gantt_right { top: 0% !important; display: flex !important; } .gantt_side_content { o ......