乐胖代购免代理版

uniapp通过 WebView 实现跨页面音视频、TXT文件上传与通信

本文基于 UniApp 框架，通过 WebView 嵌入 H5 页面实现文件上传功能，并利用跨页面通信机制将文件地址传回小程序页面。 (文章目录) 实现架构 graph TD A[extractCopy.vue] -->|跳转| B(audio.vue/txt.vue) B -->|加载| C[audio.html/txt.html] C -->|上传文件| D[

html

H5

上传

原创 21天前 173 阅读

vue2中上传多个文件的方法

在Vue2中，可以使用HTML5的input元素的multiple属性来实现上传多个文件。首先，在模板中添加一个input元素，并设置type为file，multiple为true： <input type="file" multiple @change="handleFileUpload"> 然后，在Vue实例中，定义handleFileUpl

文件上传

上传

Vue

原创 2023-08-26 20:21:17 1234 阅读

单点登录

创建一个api.js文件，用于发送登录请求并获取JWT： //引入axios import axios from 'axios'; const login = async (username, password) => { const response = await axios.post('/api/login', { username, password }); retu

ios

Vue

登录页面

原创 2023-08-24 19:38:21 501 阅读

全局点击事件防抖

<div> <button @click="handleBtn"></button> </div> methods:{ handleBtn(){ console.log('连环点击发现在xxx秒之内只执行一次') } } 在main.js中 const on = Vue.prototype.$on Vue.p

Vue

原创 2023-08-22 09:11:06 90 阅读

jinymce富文本编辑器的下载和使用

一、jinymce富文本编辑器在html中的使用 1.使用cdn方式调用tinymce <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/6/tinymce.min.js" > <!DOCTYPE html> <html lang="en"> <he

3d

f5

5e

原创 2023-08-21 14:55:38 91 阅读

find,findIndex方法

find()方法：数组中每个元素都调用一次函数中执行，通过判断返回符合条件的对象，没找到返回undefined； findIndex()方法：数组实例的findIndex方法找出第一个符合条件元素的位置,没找到返回-1； find: // 1.找出数组中id=50的元素 let arr=[ {id：10,name:'狼了个狼'}, {id：20,name:'狼了个狼'},

数组

javascript

原创 2023-08-20 10:16:48 138 阅读

[Vue warn]：Duplicate keys detected：‘16‘. This may cause an update error.found in ...

遇到的问题：问题原因： <script> export default{ methods:{ getList(){ listNotice(this.queryparams,(this.queryparams.channelId=16)).then(res=>{ ..

javascript

插入图片

html

原创 2023-08-19 15:31:23 685 阅读

vue create is a Vue CLI3 only command and you are using Vue CLI 2.9.6.You may want to run...

遇到的问题：vue create is Vue CLI 3 only command and you are using Vue CLI 2.9.6.You may want to run the following to upgrade to Vue CLI 3 翻译： vue create是vue CLI 3唯一的命令，您正在使用vue CLI 2.9.6。您可能需要运行以下命令来升级到Vue

Vue

新版本

旧版

原创 2023-08-17 09:46:35 542 阅读

常用的正则表达式

1.手机号正则 // 中国大陆手机号正则表达式 var reg = /^1[3|4|5|6|7|8|9][0-9]{9}$/; // 使用正则表达式判断手机号是否合法 if (reg.test(phoneNumber)) { console.log("手机号合法"); } else { console.log("请输入正确的手机号码"); } 2.

正则表达式

正则

字符串

原创 2023-08-16 09:14:08 126 阅读

typora将本地图片转换为网络图片（PicGo+gitee）

一、typora的配置打开typora，左上角点击"文件"—>“偏好设置...”—>“图像”，选择"对本地位置的图片应用上述规则"、"对网络位置的图片应用上述规则"，我是全部都选择了。二、安装PicGo 查看上图，"上传服务设定"中点击按钮"下载PicGo"，或者直接进入https

网络图片

偏好设置

gitee

markdown

原创 2023-08-15 09:15:18 459 阅读

项目启动报错Syntax Error: Error: PostCSS received undefined instead of CSS string的解决办法

遇到的问题：启动错误，报错如下问题原因：node-sass与node版本不兼容所致解决方案1：降低node版本解决方案2：安装nvm并使用nvm切换node版本 ==【推荐】== 方案2比较简便快捷，node版本切换自如，强烈推荐按照方案2，一系列操作之后的操作 node -v 查看当前node版本 nvm list 查看已下载的node版本列表 nvm use 14.17.

解决方案

插入图片

.net

原创 2023-08-14 09:02:05 2080 阅读

使用el-aside侧边栏控制台出现警告

使用el-aside后的警告如下 ==[Vue warn]: Missing required prop: "index"== ==found in== ==<ElSubmenu> at packages/menu/src/submenu.vue== ==<ElMenu> at packages/menu/src/menu.vue== ==<ElA

ide

属性值

App

原创 2023-08-12 09:52:39 351 阅读

JavaScript高频面试题（更新中...）

一、js基本概念 1.HTML语义化理解？得分点：语义化标签,利于页面结构化,利于没有css页面也可读,利于SEO,利于代码可读标准答案：在使用html标签构建页面时,避免大篇幅的使用无语句的标签 2.说一说盒模型？得分点：标准盒模型、怪异盒模型（box-sizing:border-box;）、盒模型大小标准答案：标准模型(box-sizing:content-box):给盒子设置wi

盒模型

运算符

字符串

原创 2023-08-11 09:13:50 87 阅读

深浅拷贝的概念？如何实现深浅拷贝？

概念：深拷贝：将对象从内存中完整的拷贝一份出来，在堆中开辟一片新的区域存放新对象。浅拷贝：创建一个新对象，这个对象有原始对象的一份精确拷贝，如果拷贝的是基本数据类型，拷贝的就是基本数据类型的值；如果拷贝的是内存地址，拷贝的就是它的引用。区别：深拷贝修改新对象不会影响原对象，它们之间互不影响；浅拷贝基本数据类型之间互不影响，引用数据类型其中一个改变了内存地址，就会影响另一个对象。浅拷贝代码实

深拷贝

基本数据类型

浅拷贝

原创 2023-08-10 10:55:02 105 阅读

element-ui中树状图el-tree的使用（vue2）

html部分： // data:展示的数据 // accordion:是否每次只打开一个同级树节点展开 // props:配置选项默认值 // expand-on-click-node:默认为true，值为false时点击小箭头才会展开收缩节点 // filter-node-method:返回true节点可以显示,false节点会被隐藏 // node-key:每个树节点

默认值

List

树状图

原创 2023-08-09 09:12:28 801 阅读

forEach,filter,map的区别

1. forEach() forEach():用于遍历数组，没有返回值，原数组不会改变，和for循环的原理一样 forEach()方法有三个参数，分别是数组内容、数组索引、数组本身注意：伪数组不能使用forEach来遍历 // 1.遍历出数组的每一项 let array=[1,2,3,4,5,6] array.forEach(item=>{ console.l

数组

javascript

遍历数组

原创 2023-08-08 09:28:30 138 阅读

手撕防抖和节流

防抖和节流防抖：在n秒后重复执行该事件，如果n秒内重复执行，则重新计算  <input type="text" class="ipt" /> // 防抖：比如输入框事件，输入1秒后执行该事件 let input=document.querySelector(".ipt"); //首

html

javaScript

css

原创 2023-08-07 16:05:24 110 阅读 1点赞

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

小雪的博客

uniapp通过 WebView 实现跨页面音视频、TXT文件上传与通信

vue2中上传多个文件的方法

单点登录

全局点击事件防抖

jinymce富文本编辑器的下载和使用

find,findIndex方法

[Vue warn]：Duplicate keys detected：‘16‘. This may cause an update error.found in ...

vue create is a Vue CLI3 only command and you are using Vue CLI 2.9.6.You may want to run...

常用的正则表达式

typora将本地图片转换为网络图片（PicGo+gitee）

项目启动报错Syntax Error: Error: PostCSS received undefined instead of CSS string的解决办法

使用el-aside侧边栏控制台出现警告

JavaScript高频面试题（更新中...）

深浅拷贝的概念？如何实现深浅拷贝？

element-ui中树状图el-tree的使用（vue2）

forEach,filter,map的区别

手撕防抖和节流

欢迎