分类：微信小程序开发

2022
04-30

微信小程序组件开发之可视化电影选座功能

目录一.简介1.组件数据2.组件页面布局1.标识区构成2.座位区构成2.1电影屏幕：2.2电影厅介绍：2.3座位区域：3.组件业务逻辑总结一.简介想必很多人都有陪男女朋友去看电影的经历吧，是不是在每次选座的时候你都要征求女盆友或男盆友的意见，什么？不征求？！那你完了！目前市场上许多的电影购票app和小程序中，为了让观众老爷们在线上更好地选择自己心怡的位置，方便可视化的选座数据必不可少，在此，让我们一起来看看这个... 继续阅读 >

2021
10-15

微信小程序实现简单手写签名组件的方法实例

目录背景：需求：效果一、思路二、实现1.页面与样式2.初始化3.点击时4.签名时三、总结背景：在做项目过程中，需要在微信小程序中实现手写签名组件。在网上找了微信小程序手写签名实现，但是都是不太理想。在实际运用中，会因为实时计算较多的贝塞尔曲线而产生卡顿。效果不理想。所以退一步，不需要笔锋以及笔迹模拟效果。只需要简单的手写签名实现。需求：可以实现用户在微信小程序上手写签名。需要组件化。效果一、思路在微信... 继续阅读 >

2021
07-12

微信小程序页面与组件之间信息传递与函数调用

 这篇文章我会以我自己开发经验从如下几个角度来讲解相关的内容页面如何向组件传数据组件如何向页面传数据页面如何调用组件内的函数组件如何调用页面内的函数1.页面如何向组件传数据最常用，最规范的方式，设置数据监听器observer。​假设在页面内引入了组件sc"usingComponents":{"sc":""}​想要配置一个监听器用来监听页面中数据list的变化，组件在页面中的写法如下：<sclist="{{list... 继续阅读 >

2021
07-12

关于加快微信小程序开发的一些小建议

1.使用app.json创建页面​按照我们平常的开发习惯，创建一个新的页面，一般都会先创建文件夹，再创建对应page的形式，创建完成后，app.json中会自动注册该页面。实际上，我们还可以通过直接在app.json中注册页面来生成对应的page。"pages":["pages/index/index","pages/newpage/newpage"],​如上所示，在配置文件中注册该路径，小程序就会自动创建该对应路径。2.善用编译模式​我们想要调试某个页面... 继续阅读 >

2021
07-12

微信小程序开发之组件设计规范

微信小程序组件设计规范组件化开发的思想贯穿着我开发设计过程的始终。在过去很长一段时间里，我都受益于这种思想。组件可复用-减少了重复代码量组件做为抽离的功能单元-方便维护组件作为template使用，可以方便计算各种属性而不是在wxml引入wxs在日常的小程序开发组件过程中，我一般会遵循如下几个规则：1.样式独立&依赖独立在组件开发过程中，组件可以依赖于全局样式，组件在引入时，使用该页面样式和全局... 继续阅读 >

2021
06-19

微信小程序学习之wxs使用教程

什么是wxs?wxs(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面结构.wxs标签<wxsmodule="utils"src="../../wxs/test.wxs"></wxs>module属性:当前标签的模块名,建议该值唯一,若存在同名的模块名,则按照先后顺序覆盖(后者会覆盖前者).src属性:a.只能引用.wxs文件,且必须是相对路径;b.wxs模块均为单例,wxs模块在第一次被引用时,会自动初始化为单例对象，多个页面、多个地方、多次使用,使用的都是同一... 继续阅读 >

2021
06-19

微信小程序静默登录和维护自定义登录态详解

1.背景在小程序中，openid是一个用户对于一个小程序／公众号的标识，开发者可以通过这个标识识别出用户，就如同你的身份证一样。2.什么是静默登录？在普通的应用中，用户通过表单验证登录建立用户体系，这种常见的登录方式一般是通过登录页面表单进行登录，对用户来说是有感的。在小程序中，由于是基于微信，可以通过微信官方提供的API能力，使我们能够无感知得获取用户身份标识（openid），快速建立小程序内的用户体系，对用户来... 继续阅读 >

2021
03-12

如何在微信小程序中使用less详解(最优方式)

前言写惯了less/sass，但是现在开发小程序缺还是css，很不习惯。在网上搜的教程，要么是gulp，要么就是vscode的Easy-less的插件。传统方式我们来对比，这两种方式的优劣。Gulp前者要对于gulp有简单的了解，但是现在大道其行的webpack来说，gulp用的人也越来越少，而且具有一定的学习成本，但好在自定义程度较高，自己可以随便添加take。VScodd的Esay-less插件啥都不说，挺香的，直接在vscode安装easy-less插件，然... 继续阅读 >

2021
03-05

微信小程序组件生命周期的踩坑记录

组件生命周期，通常是我们业务逻辑开始的地方。如果业务场景比较复杂，组件生命周期有不符合预期的表现时，可能会导致一些诡异的业务bug，它们极难复现和修复。组件attached生命周期执行次数按照通常的理解，除moved/show/hide等生命周期可能多次执行外，严格意义上与组件加载相关的生命周期，如：created、attached、ready等，每个组件实例应该只执行一次。但是事实真的如此吗？背景这个问题的发现，源于我们在小程序的报错日志... 继续阅读 >

2020
10-10

微信小程序获取当前时间及星期几的实例代码

效果图如下所示实例代码如下：util.jsfunctionformatTime(date){varyear=date.getFullYear()varmonth=date.getMonth()+1varday=date.getDate()varhour=date.getHours()varminute=date.getMinutes()varsecond=date.getSeconds()return[year,month,day].map(formatNumber).join('/')+''+[hour,minute,second].map(formatNumber).join(':')}functionformatNumber(n){n=n.toString()retu... 继续阅读 >

2017
01-19

微信小程序-贪食蛇

很久很久以前，差不多大半年前吧，笔者发布了一篇关于OC版贪食蛇开发的文章，时隔多月，微信小程序横空出世，于是闲来无事的我又写了一个小程序版下面这段话请务必阅读笔者是做iOS的，而小程序大部分都是前端的知识，笔者之前没有做过类似开发，所以代码写的相当烂，很多东西都是一边查资料一边写的，请各位轻喷，阿门！进入正题页面布局关于小程序笔者就不做介绍了，官方有详细文档，我们还是先来看张图吧... 继续阅读 >

2016
12-30

使用DeviceOne实现微信小程序功能

微信小程序即将推出，还没推出就火的不行了。基于微信这个巨大平台，小程序必然能有巨大成功。不过它并不能完全取代App，该开发App还得开发。如果我们自己想实现一个基于自己的APP包含类似微信的小程序功能，该如何实现了？我们先来看看小程序的技术特点。小程序的特点1.跨平台，微信就像JRE，在不同操作系统上都有实现，所以微信上的小程序就像运行在JRE上的java程序，从而实现跨平台。另外解决了多平台多机型的适配... 继续阅读 >

2016
12-23

微信小程序常见错误及基本排除方法

也接触了不少人解决问题的过程里，有一些比较难以排查的可能性列举在这，方便大家看一下：也欢迎大家把自己常用的排除方法列举在这，一起互相学习探讨!1：ES6;使用es6可能导致安卓端真机调试时很多问题出现，还有其他未知问题;原因未知;2：字母拼错，包括字母拼写错误，大小写没有注意;微信小程序中，有大量这样的代码示例，从中间冒出一个大写，比如支付中的appId3：官方文档示例代码有误，有时官方文档示例代... 继续阅读 >

2016
11-28

如何用TypeScript开发微信小程序

微信小程序来了！这个号称干掉传统app的玩意儿虽然目前处于内测阶段，不过目前在应用号的官方文档里已经放出了没有内测号也能使用的模拟器了。TypeScript:TypeScript是C#之父AndersHejlsberg的又一力作，相信喜欢C#语法的朋友们对TypeScript一定也会爱不释手。简单的聊一聊TypeScript吧TS是一个应用程序级的JavaScript开发语言。TS是JavaScript的超集，可以编译成纯JavaScript。TS跨浏览器、... 继续阅读 >

2016
11-28

微信小程序开发一周总结

编辑器我直接用vscode（其它编辑器同理，预览还是用的微信开发工具），语法高亮将wxml设置成html,wxss设置成css"files.associations":{"*.wxss":"css","*.wxml":"html"}也可以安装小程序相关插件开始写代码首先需要完整看完微信小程序文档（框架，组件和API），方便后面用到时查找。view组件对应html里的divtext对应spanwxss里选择器只支持element,#id... 继续阅读 >

2016
11-28

移动端商城（微信小程序源代码） WebView离线缓存

功能包括：商品橱窗，商品搜索，购物车，结账等功能.tableView嵌套多个webView自适应高度，高度获取较精准，速度快，有需要的童鞋可以借鉴。高性能多选图片库，类似于微信发布朋友圈中‘获取相册及拍照’模块。获取相册照片部分可以多选，加载速度快，采用JFImagePickerController，并在此基础上增加图片数量选取限制；点击图片显示大图，并能进行双击放大缩小，双指缩放、删除等操作。基于YYCache和... 继续阅读 >