随笔分类 - 小程序
wechat
摘要:开发中常常遇到MD5加密,最近做小程序也用到了,简单总结了一下; 这要有两个加密文件,一个不支持中文,一个支持,所以你选择支持的来用就行了; 也随便说说小程序的get和post网络请求。 来看看效果图: 网络请求代码: 当然有点前提,微信小程序网络请求需要去微信平台服务器域名配置, 当然也可以有第二
阅读全文
摘要:今天主要是简单的讲一下小程序当中的媒体组件,媒体组件包括:视频,音乐,图片等。 先来看看效果图: 1:图片Image 图片显示,可根据 mode属性设置不同的显示模式。 2:音乐播放 audio 3:视频播放 video 控件使用都和H5的差不多,代码少,功能强大; 源码地址
阅读全文
摘要:今天写了一个携程界面的UI,利用H5的弹性盒子来实现,学过H5弹性盒子的,来看是比较方便的,因为CSS代码都差不多。 可以看看这篇博客 快速使用CSS 弹性盒子 效果图如下: 主要是携程首页的四个模块; 代码: CSS代码 一个简单的小案例,界面练习,和H5的弹性盒子相同。 源码点击下载
阅读全文
摘要:今天主要是简单的讲一下小程序当中的一些组件,微信文档上也是有的。但我还是坚持写一下,因为写博客可以再一次得到提高,印象更深刻,虽然很简单,但贵在坚持。 先来看看效果图: 1:进度条(progress) percent:百分比(0-100) show-info:是否显示百分比 进度条的颜色,加载完成的
阅读全文
摘要:swiper 微信小程序实现轮播图,和网站,APP的效果差不多,代码少,效率高。 先来看看效果图: 主要用swiper + swiper-item来实现 一个简单的小案例,轮播图,代码简洁,功能强大。 源码点击下载
阅读全文
摘要:picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。 先来看看效果图: 1:普通选择器 mode = selector(默认的) 2:时间选择器:mode = time 3:日期选择器:mo
阅读全文
摘要:1:学习微信小程序,首先的会一点前端的基础会比较容易上手,比如:HTML+CSS,JS,HTML5+CSS3; H5+CSS3中的弹性盒子在微信小程序中经常用到,这是必须掌握的。不会的可以去W3C文档学习,小编我很幸运,小程序没出来之前就学了H5+CSS3和JS的基础, 所以看相关开发文档和代码还是
阅读全文
摘要:第一步: 微信公众平台注册账号,并选择小程序,网址:mp.weixin.qq.com 填写相关信息,如:主体类型(个人或者企业) AppID 在开发中都是用的到的,服务器域名在网络请求也是用的到的。 完成信息之后,下载开发工具; 下载地址: https://mp.weixin.qq.com/debu
阅读全文
摘要:今天小编来聊一下微信小程序,最近刚把小程序学习了,感觉还不错,作为移动端研发人员,应当掌握它,当然其他人也可以掌握。 微信小程序,英文名wechat liteapp,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。 全面开放申请后,主体类型为企业、
阅读全文