草庐IT

uni-collapse

全部标签

前端uni-app自定义精美全端复制文本插件,支持全端文本复制插件 可设置复制按钮颜色

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等今天给大家介绍的一款组件是自定义精美全端复制文本插件,支持全端文本复制插件可设

uni-app(踩坑第三篇):音频Api之uni.createInnerAudioContext()

uni.createInnerAudioContext()创建并返回内部audio上下文 innerAudioContext 对象。最近在写一个仿网易云的项目,使用uni.createInnerAudioContext()封装了一个音频组件#myaudio.vue主要实现了图片旋转以及音乐的播放和暂停有没有大佬指教一番的让我涨涨知识 {{text}} constinnerAudioContext=uni.createInnerAudioContext()//想要实现暂停功能就要把该对象变为

1个月uni-app微信小程序开发上线实战专栏介绍

一、专栏介绍:《uni-app开发微信小程序1个月上线实战》,目标带领1000位同学成功开发上线一个自己的个人小程序!作者介绍:国服第二切图仔——资深前端开发工程师,具有六年以上的前端开发经验,曾在多家知名企业任职,CSDN、阿里云、华为云等平台优质创作者,擅长前端性能优化,前端复杂交互逻辑处理,精通网页开发、后台管理系统、移动端及微信小程序开发。技术领域:html\css\js\vue\react\node.js\three.js\cesuim.js\gis开发\uniapp\微信小程序\mysql\mongodb。个人开发微信小程序:【诗词雅集】一款收录了30万首古诗词的阅读小程序,旨在传

1个月uni-app微信小程序开发上线实战专栏介绍

一、专栏介绍:《uni-app开发微信小程序1个月上线实战》,目标带领1000位同学成功开发上线一个自己的个人小程序!作者介绍:国服第二切图仔——资深前端开发工程师,具有六年以上的前端开发经验,曾在多家知名企业任职,CSDN、阿里云、华为云等平台优质创作者,擅长前端性能优化,前端复杂交互逻辑处理,精通网页开发、后台管理系统、移动端及微信小程序开发。技术领域:html\css\js\vue\react\node.js\three.js\cesuim.js\gis开发\uniapp\微信小程序\mysql\mongodb。个人开发微信小程序:【诗词雅集】一款收录了30万首古诗词的阅读小程序,旨在传

uniapp:微信小程序uni.canvasToTempFilePath(),报错:canvasToTempFilePath: fail canvas is empty

错误原因:生成海报为了方便调用,将canvas封装在了子组件中。绘制完海报后,调用uni.canvasToTempFilePath()保存canvas为图片会提示错误信息:canvasToTempFilePath:failcanvasisempty通过百度了解,在微信小程序子组件中调用canvasToTempFilePath时,需要额外增加一个thisuni.canvasToTempFilePath(object,component,this)ctx.draw(true,(ret)=>{//draw方法把以上内容画到canvas中。 setTimeout(()=>{ uni.canvasTo

uni-app——小程序实现本地图片的上传以及身份证的智能识别

文章目录前言一、示例图二、实现过程1.完成提交图片的api地址2.获取本地图片3.将本地图片上传至开发者服务器三、具体实现代码四、身份证的智能识别总结前言上传本地图片的功能很常见,那么具体该如何实现呢?一、示例图二、实现过程1.完成提交图片的api地址提交图片同样也需要调用相应的api接口,所以,我们的首要任务就是确保提交图片的地址是可使用的此时可以在项目文件的根目录下新建一个api文件,接着新建index.js文件index.js文件中://公共地址varbaseURL="https://meituan.thexxdd.cn/api";//图片上传接口letIMAGEURL=baseURL+

uni-app——小程序实现本地图片的上传以及身份证的智能识别

文章目录前言一、示例图二、实现过程1.完成提交图片的api地址2.获取本地图片3.将本地图片上传至开发者服务器三、具体实现代码四、身份证的智能识别总结前言上传本地图片的功能很常见,那么具体该如何实现呢?一、示例图二、实现过程1.完成提交图片的api地址提交图片同样也需要调用相应的api接口,所以,我们的首要任务就是确保提交图片的地址是可使用的此时可以在项目文件的根目录下新建一个api文件,接着新建index.js文件index.js文件中://公共地址varbaseURL="https://meituan.thexxdd.cn/api";//图片上传接口letIMAGEURL=baseURL+

【小程序项目开发 --- 京东商城】 启航篇之uni-app项目搭建

🤵‍♂️个人主页:@计算机魔术师👨‍💻作者简介:CSDN内容合伙人,全栈领域优质创作者。🌐推荐一款找工作神器网站:点击跳转牛客网|笔试题库|面试经验|实习招聘内推|还没有账户的小伙伴速速点击链接登录注册把!🎉🎉该文章收录专栏✨2022微信小程序京东商城实战✨一、uni-app介绍uni-app官方文档从官方文档我们也可以看见,uni-app是使用vue.js开发的前端应有的框架,他的最大好处就是可以跨平台,这对于开发者来说无疑是优秀的。作为本次开发使用uni-app再好不过了二、HBuilderX安装我们这里选择官方推荐HBuilderX作为uni-app的开发编辑器安装地址因为作为开发版本,

【小程序项目开发 --- 京东商城】 启航篇之uni-app项目搭建

🤵‍♂️个人主页:@计算机魔术师👨‍💻作者简介:CSDN内容合伙人,全栈领域优质创作者。🌐推荐一款找工作神器网站:点击跳转牛客网|笔试题库|面试经验|实习招聘内推|还没有账户的小伙伴速速点击链接登录注册把!🎉🎉该文章收录专栏✨2022微信小程序京东商城实战✨一、uni-app介绍uni-app官方文档从官方文档我们也可以看见,uni-app是使用vue.js开发的前端应有的框架,他的最大好处就是可以跨平台,这对于开发者来说无疑是优秀的。作为本次开发使用uni-app再好不过了二、HBuilderX安装我们这里选择官方推荐HBuilderX作为uni-app的开发编辑器安装地址因为作为开发版本,

Uni-app开发小程序|基于微信小程序报修系统设计与实现

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:BS-XCX-016一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse后台开发技术:SSM框架  前台开发技术:uni-app+微信小程序+v