小程序框架逻辑层1.小程序APPApp(Object object)注册小程序。接受一个Object参数,其指定小程序的生命周期回调等。App() 必须在 app.js 中调用,必须调用且只能调用一次。不然会出现无法预期的后果。onLaunch(Object object)小程序初始化完成时触发,全局只触发一次。** **onShow(Object object)小程
封装一个弹窗组件 1.新建component文件夹存放我们的组件,里边存放的就是我们所用的组件,我们今天要做的事弹出框,新建文件夹popup存放我们的组件模板,点击右键选择新建component,就会自动生成组件的模板wxss、wxml、json、js,如图: 2.我们可以写一些组件样式和布局,跟页面写法类似,我就不多说了,直接把代码贴出 :popup.
转载
2024-05-06 22:10:41
622阅读
MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库,适用场景广,覆盖小程序原生框架、各种小程序组件主流框架等,并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件,其中 progress 进度条组件是一个很常用的基础元件, MinUI 中 progress 组件的效果图如下: 各式各样的类型都有哦,是不是看起来很方便很快捷的样子(^_^)。可以打开微信
转载
2024-04-30 21:05:15
189阅读
一、注册首先,在微信公众平台mp.weixin.qq.com上注册一个帐号。小程序开放个人开发者申请注册,个人用户可访问微信公众平台,扫码验证个人身份后即可完成小程序帐号申请并进行代码开发。 这里不写太详细, 注册完了跳转到以下页面,补充信息,然后下载工具安装;可以不用添加开发者,自己就是了; 二、开发入门1.创建一个项目登录成功后,如果是第一次使用该工具会弹出创建项
完整微信小程序(Java后端) 技术贴目录清单页面(必看)原生组件小程序中的部分组件是由客户端创建的原生组件,
转载
2021-07-09 16:23:30
1086阅读
完整微信小程序(Java后端) 技术贴目录清单页面(必看)进度条。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。属性类型默认值必填说明最低版本percentnumber否百分比0~1001.0.0show-infobooleanfalse否在进度条右侧显示百分比1.0.0border-radiusnumber/string0否圆角大小2.3.1font-sizenumber/string16否右
转载
2021-05-31 14:56:57
1780阅读
微信团队总喜欢在深夜搞个大惊喜,昨天晚间发布微信小程序开发文档,微信小程序设计指南也一同放出,都说腾讯的产品用户体验很好,我们就和ytkah一起看看这个小程序设计指南吧,参考一下他们的UI、交互、连接等各要素,以下是官方文档基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大
一、「程序秀」「程序秀」这个小程序非常特别,因为它是一个可以帮助别人开发小程序的小程序。它以「即速应用」这个无需代码一键生成微信小程序的开发工具为基础,为广大开发爱好者提供小程序开发的最新资讯和培训课程,因此短短的时间里迅速在业内普及开来。功能实用性上,它同时满足了两种人群的需求:完全不懂技术的小白和希望提高效率的程序员;从UI设计上,也非常简洁明了,所有类目分配合理,一目了然,可以说一个小程序设
小程序中使用圆形倒计时,效果图:实现思路:1):使用2个canvas,分别是背景圆环和渐变色圆环;2):使用setInterval让渐变色圆环逐步绘制;解决方案
1):结构
一个盒子包裹2个canvas以及文字盒子,使用相对定位作为父级,flex布局,设置居中;
另一个canvas,使用相对定位作为进度条,canvas-id=“canvasProgress”
2):数据绑定
3):canvas绘制
小程序是什么?小程序是一个不需要下载安装就可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。”小程序与应用程序区别无需安装、不占内存、易传播微信小程序有什么优势开发成本大大降低维护成本低不用安装,即开即用,用完就走。省流量,省安装时间,不占用桌面小程序作为全新的开放平台
Vue 项目和微信小程序项目的区别与比较对于一些刚开始学 Vue 和微信小程序的人来说,二者有很多相似之处,非常容易记混,在此简单记录一些二者的共同点和区别。一、生命周期先贴两张图:Vue 生命周期小程序生命周期相比之下,小程序的钩子函数要简单的多。vue 的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad: 页面加载
一个页面只
转载
2023-12-18 20:45:16
99阅读
2020/7/231.在vscode里面使用sass工具开发原生小程序1.现在vscode插件市场里面找到Live Sass Compiler安装 2.然后配置根目录的.vscode里面的setting.json文件{
"liveSassCompile.settings.formats": [
{
"format": "expanded",
转载
2024-01-22 00:15:30
81阅读
先自己绘制了一个丑陋的原型图,然后开始在小程序上绘制页面,然后设计样式,一路过来总结就是哪里不懂查哪里之旅~原型设计和分析原型图效果 为什么要这么设计?正常情况下是设计先出设计图,然后服务器和我们一同讨论接口如何设计,然后根据服务器返回的结果,我们再去界面上显示。但是这里我们使用的是第三方的接口,所以只能他有什么我们显示什么了。服务器接口返回的数据如下如: 分析json结果,我们这里为了简单,也就
1.购物车算钱wxml<view class="cart-box">
<view class="item" wx:for="{{list}}" wx:key="list">
<icon type="{{item.select}}" size="26" data-index="{{index}}" data-select=
进度条
原创
2023-09-19 11:04:22
98阅读
微信小程序允许对普通元素通过 border-radius的设置来进行圆角的绘制,但有时候在使用 canvas绘图的时候,也需要圆角,例如需要将页面上某块区域导出为图片下载到本地的时候,常用的解决方法就是使用 canvas将这块区域绘制出来,最后导出 canvas即可,但是 canvas没有直接提供圆角的绘制 api,所以需要 曲线救国圆角矩形与一般矩形的区别在于,前者的四个角都是圆弧,所以只需要将
小程序与 App 的区别技术微信小程序就是微信支持的一种第三方插件,微信向这种第三方插件开放了更多的功能接口,从丰富的界面控制到多种框架,特别合适提供了更多的对移动设备的访问能力。 运行环境原生 App 直接运行在操作系统的单独进程中(在 Android 中还可以开启多进程),而小程序只能运行在微信的进程中。开发成本原生 App 的开发涉及到 Android/iOS 多个平台、开发工具、开发语言、
转载
2023-07-04 13:28:49
607阅读
!打好最基础的部分,为后期的项目做好准备** 学习注册App函数和Page函数** 认识一些常见组件,其余组件使用时查找文档** 对于wxss和css,两种区分好 App函数、Page函数1. 每个小程序都需要在app.js中调用该函数注册小程序实例注册时,可以绑定对应生命周期函数,执行对应代码可以做些什么事呢?小程序进入场景有很多种方式,可在app.js中调用 onshow
转载
2024-04-18 10:48:04
78阅读
一、view组件及其重要属性view最主要的功能是布局1.1 相关属性属性1:hover-class 指定按下去的样式类这个属性指定按下去的类样式,让容器有一个单击效果, 当hover-class="none"时,或者没有设置这个属性时,就没有单击态的效果。 单击、再松开手指之后,容器组件恢复之前的状态。<view hover-class="bc_red" class="section__t
转载
2024-05-16 08:41:24
121阅读
处于互联网行业的我们想必对小程序的火爆之势已经有所了解了。我们无时无刻都能感受到它的火爆,很多对小程序持有观望或者犹豫态度的人开始坐不住了,都想要制作属于自己的小程序,那么就有朋友问了自己制作一个小程序需要哪些费用呢,今天小编就来做一个简单的介绍。第一首先是小程序认证费用,申请微信小程序需要300元,这个费用是支付给微信官方平台的,当然如果你有公众号的话,直接在公众号上快速创建并认证一个小程序,这
转载
2024-02-23 15:35:57
77阅读