MinUI 是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI 组件库包含了很多基础的组件，其中 progress 进度条组件是一个很常用的基础元件， MinUI 中 progress 组件的效果图如下： 各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信
转载
2024-04-30 21:05:15
189阅读
一、注册首先，在微信公众平台mp.weixin.qq.com上注册一个帐号。小程序开放个人开发者申请注册，个人用户可访问微信公众平台，扫码验证个人身份后即可完成小程序帐号申请并进行代码开发。 这里不写太详细， 注册完了跳转到以下页面，补充信息，然后下载工具安装；可以不用添加开发者，自己就是了； 二、开发入门1.创建一个项目登录成功后，如果是第一次使用该工具会弹出创建项
小程序中使用圆形倒计时，效果图：实现思路：1）：使用2个canvas,分别是背景圆环和渐变色圆环；2）：使用setInterval让渐变色圆环逐步绘制；解决方案
1）：结构
一个盒子包裹2个canvas以及文字盒子，使用相对定位作为父级，flex布局，设置居中；
另一个canvas，使用相对定位作为进度条，canvas-id=“canvasProgress”
2）：数据绑定
3）：canvas绘制
微信团队总喜欢在深夜搞个大惊喜，昨天晚间发布微信小程序开发文档，微信小程序设计指南也一同放出，都说腾讯的产品用户体验很好，我们就和ytkah一起看看这个小程序设计指南吧，参考一下他们的UI、交互、连接等各要素，以下是官方文档基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大
一、「程序秀」「程序秀」这个小程序非常特别，因为它是一个可以帮助别人开发小程序的小程序。它以「即速应用」这个无需代码一键生成微信小程序的开发工具为基础，为广大开发爱好者提供小程序开发的最新资讯和培训课程，因此短短的时间里迅速在业内普及开来。功能实用性上，它同时满足了两种人群的需求：完全不懂技术的小白和希望提高效率的程序员；从UI设计上，也非常简洁明了，所有类目分配合理，一目了然，可以说一个小程序设
进度条
原创
2023-09-19 11:04:22
95阅读
微信小程序允许对普通元素通过 border-radius的设置来进行圆角的绘制，但有时候在使用 canvas绘图的时候，也需要圆角，例如需要将页面上某块区域导出为图片下载到本地的时候，常用的解决方法就是使用 canvas将这块区域绘制出来，最后导出 canvas即可，但是 canvas没有直接提供圆角的绘制 api，所以需要 曲线救国圆角矩形与一般矩形的区别在于，前者的四个角都是圆弧，所以只需要将
小程序框架逻辑层1.小程序APPApp(Object object)注册小程序。接受一个Object参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。onLaunch(Object object)小程序初始化完成时触发，全局只触发一次。** **onShow(Object object)小程
先自己绘制了一个丑陋的原型图，然后开始在小程序上绘制页面，然后设计样式，一路过来总结就是哪里不懂查哪里之旅~原型设计和分析原型图效果 为什么要这么设计？正常情况下是设计先出设计图，然后服务器和我们一同讨论接口如何设计，然后根据服务器返回的结果，我们再去界面上显示。但是这里我们使用的是第三方的接口，所以只能他有什么我们显示什么了。服务器接口返回的数据如下如： 分析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=
前言最近一段时间都在做小程序。虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。这次是从零开始开发一个小程序，其实除了一些莫名其妙的兼容性问题，大多数坑点都是在微信小程序的各个入口场景处。所以这里整理一下微信小程序的各个入口场景，以及从这些入口场景进入小程序会面临的问题以及解决方案。这里只列出常用的几种场景：[简单场景]启动小程序并进入[简单场景]退出重进（启
转载
2024-06-20 13:17:54
53阅读
点赞
一、Flex(弹性布局) dispaly:flex;(必须) 1.主要容器属性（用于布局） （1）flex-direction：row || row-reverse || column || column-reverse row:容器内的子项目从左到右横着排列 row-reverse:容器内的子项目从右到左横着排列 column:容器内的子项目从上到下纵着排列 column-reverse:容器内
微信小程序允许对普通元素通过 border-radius 的设置来进行圆角的绘制，但有时候在使用 canvas 绘图的时候，也需要圆角，例如需要将页面上某块区域导出为图片下载到本地的时候，常用的解决方法就是使用 canvas 将这块区域绘制出来，最后导出 canvas 即可，但是 canvas 没有直接提供圆角的绘制 api ，所以需要 曲线救国圆角矩形与一般矩形的区别在于，前者的四个角都是圆弧，
转载
2024-07-02 20:07:02
77阅读
运行机制：启动热启动： 在一定时间内，打开过小程序。再次打开的时候，属于热启动，这个过程只是把后台的小程序切换到前台来使用。（一般是5分钟）冷启动： 用户首次打开，或者被微信主动销毁后。小程序被打开-属于冷启动小程序主动销毁？1.小程序进入后台之后，客户端会帮我们在一定时间内维持小程序的状态，找过时间之后，就会被微信主动的销毁（目前是五分钟）2.在短时间内连续收到两次及以上的系统告警的时候，微信会
转载
2024-04-24 14:30:05
43阅读
完整微信小程序(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阅读
前言：除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如果涉及到的业务逻辑交互比较多，那就最好使用component组件了。一. template模板:1.
转载
2024-10-12 13:06:28
61阅读
小程序的几个常用标签先来个前言，小程序开发还是适合有一定开发基础的人学习，教程有不详细的地方和有疑问的地方，欢迎留言人生如戏，戏如人生。要开发小程序，我们得先学习小程序页面的基本标签是那些。其实小程序和普通h5开发一样，只是标签不同而已，今天我们就来了解一下下面几个项目中经常用到的标签view 这个标签相当于div(它的特点就是在没有其他样式影响的情况下，宽度100%)；text 这个标签相当于s
小程序是什么？小程序是一个不需要下载安装就可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。”小程序与应用程序区别无需安装、不占内存、易传播微信小程序有什么优势开发成本大大降低维护成本低不用安装，即开即用，用完就走。省流量，省安装时间，不占用桌面小程序作为全新的开放平台
一、开通小程序红包权限在使用小程序红包之前，请前往开通小程序红包功能。操作路径：【登录微信支付商户平台——>产品中心——>小程序红包——>开通】。首次开通时需要选择一个具体的小程序进行权限申请，如下图所示：其他需要开通权限的小程序，可在页面自行设置。操作路径如下：【登录商户平台——>产品中心——>小程序红包——>产品设置】。(注：“产品设置”操作按钮仅当你开通小
转载
2024-07-08 13:27:24
182阅读
微信小程序项目实例——狼人杀 文章目录微信小程序项目实例——狼人杀一、项目展示二、首页三、游戏页四、特殊角色 项目代码见文字底部，点赞关注有惊喜一、项目展示狼人杀是一款多人参与的，通过语言描述推动、较量口才和分析判断能力的策略类桌面游戏玩家人数适于4-18人参与主要角色有：狼人 、预言家 、平民 、女巫 、猎人 、白痴 、守卫 、骑士等同时还有众多的玩家形象各角色的职能介绍 设置游戏人数和选择对应
转载
2024-08-11 10:27:22
151阅读
