草庐IT

在 WebStorm 中开发 uni-app - 用vue2实现手机APP(apk) + 微信小程序项目开发方案

主要是跟vue2相关的开发环境与框架。本人选型方案结合自身知识系统(vue2,webstorm),综上相关框架了解,选择了以下方案:开发环境:HBuilderX + Webstorm框    架:Uni-app(NVue)+ Vue2  webstorm开发的uniapp+hbuilderx进行app 小程序打包使用vue2CLI创建uni-app项目vue2环境,node.js, cli脚手架必须要有,这里就不详说了。模版名字这个是固定,必须要输入:dcloudio/uni-preset-vue创建一个新目录,window终端执行以下语句vuecreate-pdcloudio/uni-pre

微信小程序开发者工具运行 uni-app 项目时报错 Uncaught (in promise) undefined

开发者工具控制台报错Uncaught(inpromise)undefined,如图:该错误主要是因为调试基础库过高或过低导致的。在微信开发者工具—>详情—>本地设置—>调试基础库中,将调试基础库版本调低或调高即可调试基础库:此处选择的基础库为微信中的基础库版本,且仅用于开发者工具内的调试,与移动设备中的基础库版本无关。

uni-app image懒加载

 1、uni-app官方给的文档注意看lazy-loadBooleanfalse图片懒加载。只针对page与scroll-view下的image有效微信小程序、百度小程序、字节跳动小程序、飞书小程序只针对page与scroll-view下的image有效出处image|uni-app官网2、微信官方文档这个注意看lazy-loadbooleanfalse否图片懒加载,在即将进入一定范围(上下三屏)时才开始加载3、看完了是吧,其他别管,你直接粘贴这两个属性,你强刷后,在看看博主参考并实践过此博文uni-app微信小程序组件image图片懒加载-瞭月,为表尊重原创,贴出此博主地址。

uni-app:使用 Painter 在微信小程序将当前页面保存为图片

1先看效果手机截屏Painter实现2如何实现方式一:PainterPainter是一个微信小程序组件,具体介绍和API请参考:GitHub文档。在GitHub下载下来之后只需要将components下的painter文件夹放到项目根目录下的wxcomponents文件夹即可。然后就是如何在uni-app中使用微信小程序形式的组件,其实很简单,参考官方文档:小程序自定义组件支持。方式二:Canvas当然也可以使用Canvas来实现上述效果,因为Painter就是基于Canvas封装的。但使用Canvas就显得太过于麻烦了,具体如何实现各位可以去网上搜索一下,因为我也没有实现过。3代码演示tem

uni-app项目使用uview-ui报错:Component is not found in path node-modules/uview-ui/components/xx/xx

解决:一、uview-ui如果是npm安装需要在pages.json中添加easycom配置"easycom":{"^u-(.*)":"uview-ui/components/u-$1/u-$1.vue"}二、配置了以上还报错的话可能是tempalte样式最外层没用标签包括着(只允许有一层用包裹最外层

uni-app小程序刷新当前页面的两种方法

方法一wx.relaunch来刷新当前页面,页面会被重载,若路由携带参数需自行拼接,方法如下(如果用电脑打开小程序,该方法有bug)/*获取当前页带参数的url*/splicePageUrlWithParams(obj){constpath=obj.routeconstquery=obj.options//拼接url的参数varurlWithParams='/'+path+'?'for(letkeyinquery){constvalue=query[key]urlWithParams+=key+'='+value+'&'}urlWithParams=urlWithParams.substrin

Uni-app前端开发|基于微信小程序的快递运输管理系统

作者主页:编程千纸鹤作者简介:Java、前端、Python开发多年,做过高程,项目经理,架构师主要内容:Java项目开发、Python项目开发、大学数据和AI项目开发、单片机项目设计、面试技术整理、最新技术分享收藏点赞不迷路 关注作者有好处文末获得源码项目编号:BS-XCX-018一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse后台开发技术:SSM框架  前台开发技术:uni-app+微信小程序+vue二,项目简介2.1 基本介绍电子商务的快速发展,也带动了中国快递和物流行业

uni-app小程序加载图片优化

场景:较大的图片加载很慢,会出现较长时间的白屏,体验感差。 解决方案:一进入页面,图片未加载成功前,进行loading…;图片加载完成后会触发@load事件;exportdefault{data(){return{}},onShow(){//开启加载uni.showLoading({title:'加载中...',mask:true})},methods:{//此方法会在图片加载完成后触发loadImg(e){uni.hideLoading()console.log('图片信息',e)},},}

uni-app使用富文本组件 mp-html

目录安装npminstallmp-html vue页面富文本增加js组件 安装npminstallmp-html vue页面 importmpHtmlfrom'mp-html/dist/uni-app/components/mp-html/mp-html' importgraceRichTextfrom'@/utils/fuwenben.js'; varparserHtml=require("@/GraceUI5/js/parserHTML.js"); exportdefault{ components:{ mpHtml }, data(){ return{ con

uni-app运行微信开发工具小程序,出现× initialize报错。

问题描述uni-app运行微信开发工具小程序,出现×initialize报错:原因分析:这是由于微信开发者工具服务端口未开启,导致出现×initialize报错。解决方案:打开设置,找到安全设置:   2.开启服务端口: