小程序开发
文章平均质量分 81
围绕小程序开发,总结开发经验,记录解决方案,开放开发教程等等
Sophie_U
勿忘初心,方得始终
展开
-
项目总结:微信小程序端实现蓝牙通信功能
小程序实现蓝牙跳绳通信,处理安卓与ios端不一致问题,实时监听数据变化原创 2023-06-12 16:55:54 · 9393 阅读 · 1 评论 -
小程序生成分享海报图片并保存相册
最近开发的小程序都有分享需求,功能大体为点击分享按钮,或主动生成海报后,用户操作保存对应海报为图片实现分享。内附功能实现源码,二维码及海报图片的生成本质上都是借助了canvas,但这里不讲如何造轮子,只是通过各种轮子来快速实现业务。此处用到有painter组件,weapp.qrcode二维码生成库原创 2022-11-03 21:43:35 · 2347 阅读 · 0 评论 -
微信小程序入门七:数据绑定
一、简介 在微信小程序中提供了类似于模板引擎的方法来实现数据的绑定。从而动态控制页面显示内容。 注意:这是单向数据绑定,即只能在js里来控制wxml里的数据,而不能通过视图层的数据变化来直接改变model层数据的变化。 1.1 数据绑定 在小程序中,通过{{}}将js中初始的数据绑定到视图中1)、简单绑定 <!-- wxml --> <view>{{ms翻译 2017-01-21 22:20:24 · 753 阅读 · 0 评论 -
微信小程序入门四:视图层事件
一、事件机制在微信官方定义的事件概念如下: 什么是事件 事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如 id, dataset, touches。1.1 事件绑定 在wxml的标签中进行事件绑定主要有两种方式:bind+事件名 或者原创 2017-01-20 22:49:26 · 1361 阅读 · 0 评论 -
微信小程序入门一:入门准备
一、开发工具微信提供了专门的开发工具: 下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html二、开发须知目前微信公众号只针对企业,政府,个体经营等性质用户提供了AppID,所以个人学习的话就选择“无AppID”开发即可。三、技术基础HTML+CSS+JavaScript,懂一些IOS及Android知识会更好四、原创 2017-01-19 23:34:52 · 605 阅读 · 0 评论 -
微信小程序入门三:视图层
微信小程序框架的视图层主要内容:WXML,WXSS WXML,WXSS可以看成是HTML,CSS对应的结构,其写法也大致相同。一、WXML WXML是小程序框架实现的标签语言,有点像React的组件标签。其结合基础组件、事件系统,可以构建出页面的结构。 常用的几个标签如下:1.1 数据绑定 <!--wxml--> <view> {{message}} </view原创 2017-01-20 15:52:18 · 648 阅读 · 0 评论 -
微信小程序入门二:框架逻辑层
微信小程序入门二一、逻辑层在微信小程序框架中,我们通过JavaScript来编写逻辑层的代码。而微信提供了几个方法来进行基本的使用概览;App和Page方法:用于程序和页面注册 getApp和getCurrentPages方法:用于获取App实例和当前页面栈 API:微信提供了扫一扫,支付等微信功能1.1 App() 程序注册App()函数用来注册应用程序,通过传入一个对象参数来操作程序原创 2017-01-20 15:09:17 · 736 阅读 · 0 评论 -
微信小程序入门五:样式表wxss
一、引入模板小程序提供了两个引入外部模板的方法:import和include 使用外部模板可以实现大部分共同页面的代码利用,在一个app中,头部和脚部基本不会 变动太大,这时就可以通过模板的方式引入,实现多个页面的复用。1.1 import示例:<!--view.wxml--> <template name="view"> <text>{{text}}</text原创 2017-01-21 13:56:39 · 14946 阅读 · 0 评论 -
微信小程序入门六:组件
什么是组件?微信官方对组件的定义如下: 组件是视图层的基本组成单元。 组件自带一些功能与微信风格的样式。 一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。 注意:所有组件与属性都是小写,以连字符-连接组件的属性所有组件都有如下的属性: id,class,style,hidden(组件是否显示),data-(自定义属性),bind/catch*(原创 2017-01-21 18:28:10 · 1447 阅读 · 0 评论 -
微信小程序滚动Tab选项卡:左右可滑动切换
最终效果如上。问题: 1、tab标题总共8个,所以一屏无法全部显示。 2、tab内容区左右滑动切换时,tab标题随即做标记(active)。 3、当active的标题不在当前屏显示时,要使其能显示到当前屏中。一、wxml结构 tab标题因一排八个,所以使用 scroll-view组件,使其可横向滚动。 tab内容可左右滑动切换,使用swiper组件实现 为了偷懒,原创 2017-05-12 16:10:40 · 85265 阅读 · 39 评论