草庐IT

uni-live-pusher

全部标签

适合编程初学者的开源博客系统(uni-app版)

目标为编程初学者打造入门学习项目,使用各种主流编程语言来实现。让想学编程的,一个都不落下。上述基本涵盖了当前编程开发所有主流语言。左侧为前端版本:安卓、iOS、鸿蒙、Flutter、Vue、uni-app、微信小程序。右侧为服务器端版本:Java、Python、Go、Php、NodeJS鸿蒙版效果图工程截图开源地址https://gitee.com/lblbc/cloud-blogs关于厦门大学计算机专业|华为八年高级工程师专注《零基础学编程系列》http://lblbc.cn/blog包含:Java|安卓|前端|Flutter|iOS|小程序|鸿蒙公众号:蓝不蓝编程

创建第一个微信小程序 uni-app + Vue3 + Color UI + Webstorm

最近打算撸一个小程序练练手,顺便记录下开发过程。。也欢迎感兴趣的小伙伴交流小程序开发经验!大概会有一个系列的博客吧(尽量不太监目录一、前置步骤1.1注册微信小程序账号,取得AppID1.2下载并安装微信开发者工具二、uni-app2.1下载并安装HBuilderX2.2新建uni-app项目2.3使用npm(可选) 三、ColorUI3.1运行官方demo3.2引入ColorUI3.3浅试一下ColorUI的效果,将原生导航栏替换为自定义样式四、使用Webstorm替代HBuilderX4.1用vue-cli创建模板项目4.2迁移原来的HBuilderX项目五、uni-app,从入门到放弃一、

uni-app 经验分享,从入门到离职(实战篇)——模拟从后台获取图片路径数据后授权相册以及保存图片到本地(手机相册)

文章目录📋前言⏬关于专栏🎯需求描述🎯前置知识点🧩uni.showLoading()🧩uni.authorize()🧩uni.downloadFile()🧩uni.saveImageToPhotosAlbum()🎯演示代码🧩关于图片接口🧩代码解析简述📝最后📋前言这篇文章是本专栏uni-app的项目实战篇,主要内容的是模拟前端通过调用接口,然后获取到数据图片的路径数据,然后授权相册,最后把图片保存到本地(相册)。⏬关于专栏本专栏主要是分享和介绍从零到一学习和使用的uni-app的笔记和个人经验。通过个人的学习经验和工作经验来给大家分享关于uni-app开发的技巧,以及快速入门的诀窍等等。专栏主页:

vue2 封装 webSocket 开箱即用(或 uni.connectSocket)

第一步:  下载webSocket npminstallvue-native-websocket--save第二步: 需要在main.js中引入importwebsocketfrom'vue-native-websocket';Vue.use(websocket,'',{connectManually:true,//手动连接format:'json',//json格式reconnection:true,//是否自动重连reconnectionAttempts:5,//自动重连次数reconnectionDelay:2000,//重连间隔时间}); 第三步:  封装相关的连接和断开  相关代码!

uni-app 官网教程

官网:https://uniapp.dcloud.net.cn/github:https://github.com/dcloudio/uni-appuni-app入门教程:https://www.5axxw.com/wiki/content/41fkvm​uniapp可视化开发---前端开发工具、组件库集合:https://blog.csdn.net/weixin_28839699/article/details/112352421Uni-App从入门到实战-黑马程序员杭州校区出品:https://www.bilibili.com/video/BV1BJ411W7pX​在线即使设计工具:htt

关于uni-app微信小程序监听顶部左上角的返回事件

在项目上返回上一级的时候需要清空vuex里的数据,使用了onBackPress无效。onBackPress(e){//判断顶部导航栏左边的返回按钮(e.from==="backbutton")if(e.from==="backbutton"){store.commit("clearRange");}},查看官方文档后才发现onBackPress对微信小程序无效。 然后我发现了另一个生命周期——onUnloadonUnload(){store.commit("clearRange")//清空vuex里某个数据},完美解决!!!

uni-app小程序中实现分享功能

1、在manifest.json文件中配置分享相关信息,包括分享标题、分享图片等。代码如下:{"mp-weixin":{"appid":"yourAppId","share":{"title":"分享标题","imageUrl":"/static/share.png"}}}2、在需要触发分享的页面中,使用uni.navigateToMiniProgram()方法打开分享页面。//在当前页面中触发分享uni.navigateToMiniProgram({appId:'要分享到的小程序的AppID',path:'要跳转到的页面路径',extraData:{//可以携带一些额外的数据,在被分享的小程

miniprogram-to-uniapp使用指南(各种小程序项目转换为uni-app项目)

小程序分类:uni-appqq小程序支付宝小程序百度小程序钉钉小程序微信小程序小程序转成uni_app小程序转为uni_app小程序转uni_app小程序转换工具现在支持npm全局库、HBuilderX插件两种方式使用,任君选择,HBuilderX插件地址:https://ext.dcloud.net.cn/plugin?id=2656一、它是谁?【miniprogram-to-uniapp】转换微信小程序”项目为uni-app项目(新版本工具已经支持各种小程序转换)。二、它的原理是什么?最初是学了半节课堆和栈,觉得词法分析挺有意思的,再加上转换小程序插件时,发现这些繁琐的操作完全可以使用程序

uni-app使用HBuilder X工具和微信小程序工具开发微信小程序

选择uni-app的原因是什么需要使用到的工具关于HBuilderX工具和微信小程序工具的介绍 怎么下载HBuilderX工具和微信小程序工具 如何使用HBuilderX工具如何使用微信小程序工具 结尾什么是uni-appuni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝等)、快应用等多个平台。选择uni-app的原因是什么1、开发者/案例数量更多2、跨平台能力及扩展灵活性更强3、性能体验优秀4、周边生态丰富5、学习成本低6、开发成本低需要使用到的工具使用uni-app技

uni-app中使用video无法播放腾讯视频链接

原先uniapp编译的微信小程序,使用的是video播放七牛的src链接,奈何客户不想花钱,就把视频上传到腾讯视频,所以看了下腾讯视频链接发现链接是一个页面,所以使用video标签就播放不了了 我的解决方法1,打开微信公众平台,使用小程序的微信管理员账号扫码登录,在左侧菜单栏最底下,找到设置。 2,点添加,搜索腾讯视频并且添加 3,添加后,点击详情查看文档,并获取插件的appid跟版本号,点击开发文档,查看如何引入和使用该插件。 4,回到hbuilder,添加player,对应的版本号和provider  5,pages.json找到要使用的页面,添加配置6,最后,就可以在当前页面使用 就可以