微信团队总喜欢在深夜搞个大惊喜，昨天晚间发布微信小程序开发文档，微信小程序设计指南也一同放出，都说腾讯的产品用户体验很好，我们就和ytkah一起看看这个小程序设计指南吧，参考一下他们的UI、交互、连接等各要素，以下是官方文档基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大
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绘制
一、「程序秀」「程序秀」这个小程序非常特别，因为它是一个可以帮助别人开发小程序的小程序。它以「即速应用」这个无需代码一键生成微信小程序的开发工具为基础，为广大开发爱好者提供小程序开发的最新资讯和培训课程，因此短短的时间里迅速在业内普及开来。功能实用性上，它同时满足了两种人群的需求：完全不懂技术的小白和希望提高效率的程序员；从UI设计上，也非常简洁明了，所有类目分配合理，一目了然，可以说一个小程序设
进度条
原创
2023-09-19 11:04:22
95阅读
微信小程序允许对普通元素通过 border-radius的设置来进行圆角的绘制，但有时候在使用 canvas绘图的时候，也需要圆角，例如需要将页面上某块区域导出为图片下载到本地的时候，常用的解决方法就是使用 canvas将这块区域绘制出来，最后导出 canvas即可，但是 canvas没有直接提供圆角的绘制 api，所以需要 曲线救国圆角矩形与一般矩形的区别在于，前者的四个角都是圆弧，所以只需要将
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=
小程序框架逻辑层1.小程序APPApp(Object object)注册小程序。接受一个Object参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。onLaunch(Object object)小程序初始化完成时触发，全局只触发一次。** **onShow(Object object)小程
先自己绘制了一个丑陋的原型图，然后开始在小程序上绘制页面，然后设计样式，一路过来总结就是哪里不懂查哪里之旅~原型设计和分析原型图效果 为什么要这么设计？正常情况下是设计先出设计图，然后服务器和我们一同讨论接口如何设计，然后根据服务器返回的结果，我们再去界面上显示。但是这里我们使用的是第三方的接口，所以只能他有什么我们显示什么了。服务器接口返回的数据如下如： 分析json结果，我们这里为了简单，也就
前言最近一段时间都在做小程序。虽然是第二次开发小程序，但是上次做小程序已经是一年前的事了，所以最终还是被坑得死去活来。这次是从零开始开发一个小程序，其实除了一些莫名其妙的兼容性问题，大多数坑点都是在微信小程序的各个入口场景处。所以这里整理一下微信小程序的各个入口场景，以及从这些入口场景进入小程序会面临的问题以及解决方案。这里只列出常用的几种场景：[简单场景]启动小程序并进入[简单场景]退出重进（启
转载
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阅读
效果：style：button[type=primary] { background: linear-gradient(to right, #03A9F4, #7C4DFF); }注意这里要使用background，而不能用background-color。语法：同css一样:linear-gradient( color1 , color2 );默认从上...
原创
2019-09-24 16:52:04
517阅读
运行机制：启动热启动： 在一定时间内，打开过小程序。再次打开的时候，属于热启动，这个过程只是把后台的小程序切换到前台来使用。（一般是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
# 实现微信小程序 iOS 下拉颜色的教程
微信小程序是一种使用简单，但功能强大的开发方式。今天我们将学习如何在微信小程序中实现 iOS 下拉时的颜色变化效果。这是一项常见的 UI 需求，对于刚入行的小白来说，掌握这种技巧能够帮助你提升开发技能。下面是整个实现过程的概览。
## 整体流程
以下表格展示了实现 iOS 下拉颜色变化的步骤：
| 步骤 | 描述
在h5中可以用js根据id啊、class啊等等找到控件，然后.css 但是在小程序中没有，小程序是数据绑定的模式，style也可以这样写
原创
2018-08-23 17:49:31
603阅读
