草庐IT

uni-live-pusher

全部标签

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

uni-ui的uni-search-bar 搜索栏代码解析(vue2)

目录1.标签1.1插槽2.vue配置项2.1data2.2 props2.3 watch2.4 methods3.完整代码1.标签1.1插槽        在父组件中用如下模板替代对应的(标签里的内容)插槽内容(通过v-slot与name属性匹配),如果父组件不提供slot内容,则会使用子组件的默认内容:    uni-search-bar中有两个插槽用来替换搜索图标和清除图标①父组件没有slot内容时,使用子组件默认内容默认图标如下:左边为搜索图标,右边为清除图标name="searchIcon">     name="clearIcon">     ②父组件有slot内容后,templat

微信小程序web-view嵌入uni-app H5页面,通过H5页面传参给小程序进行转发分享页面,并通过点击转发出来的卡片,定向打开对应H5路径

第一步:uni-app H5页面触发传参→微信小程序 onLoad(d){ this.postMessage();},methods:{ postMessage(){ wx.miniProgram.postMessage({ data:{ title:"微信小程序转发分享自定义的标题",//这个是要传给微信小程序的标题 path:`?a=1&b=2&c=3`,//这个是要传给微信小程序的参数 } }) },}第二步:微信小程序代码,分享页面传参→H5页面index.wxml{src}}"bindmessage="bindmessage"/> index.jsPage({

微信小程序+uni-app知识点总结

微信小程序知识点合集1.小程序的优势和劣势有哪些?优势:(1)容易推广。在微信中,小程序拥有众多入口,例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口,这些都有助于推广小程序;(2)使用便捷。用户在使用小程序时,只需要轻轻点一下就可以使用;(3)体验良好。小程序不会像H5页面一样经常出现卡顿、延时、加载慢、权限不足问题;(4)成本更低,从开发成本到运营推广成本,小程序的花费仅为APP的十分之一。劣势:(1)单个包大小限制为2M,这导致无法开发大型的应用,采用分包最大是20M;(2)需要像app一样审核上架,这点相对于H5的发布要麻烦一些;(3)处处受微信限制。例如不能直接分享到朋