微信小程序
微信小程序 摇一摇
本次案例是有一点像微信的那个摇一摇但是没有那么好看，一些APP也有看到摇一摇功能。小程序虽然没有提供摇一摇API接口，但是也一个加速器API ，加上搜索一些大神的资料，我这里就做了一个dome，1.模拟数据，从M数组里面，每次摇一下就随机获取一条信息出来，每摇一次就显示不同的数据，注:真正的时候是通过接口返回...
小程序在线阅读文档
下载并预览文档： 1.通过 downloadFile方法，下载成功， 2.然后接着调用openDocument打开文档 openDocument新开页面打开文档，支持合法格式：DOC,XLS,PPT,PDF, DOCX,XLSX,PPTX。 小程序文...
小程序 获取前几名加样式
很多网站的新闻，前几条消息都不同颜色来展示，来突出。样式按照自已想法写，我这里就没有贴出来 wxml主要代码<blockwx:for="{{ranking}}"wx:for-index="index"><viewclass='ranking'style='border-bottom:1rpxsoli...
小程序 列表超出范围可展开收起功能
由于设计项目的页面，一个列表里面文字太过于长，也影响页面美观，所以不少软件都有展开收起这个小功能。 1.文本超出设置行数后隐藏，然后显示省略号... 2.可点击展开看隐藏的文本内容，也可以收起。 如图： wxml <scroll-viewclass='page'><!--列表...
小程序，按照一天的时间分配显示不同内容
本文章小案例是看到智联招聘app的你进入首页之前就会有一个小圆圈，根据所在的时间，来显示问候语，比喻有：亲爱的，早上好这种话语。我这里简单做了一个类似的小dome，作为笔记。 我这里按了几个时间来进行分配，具体看你有什么需要就改动。 0：00—6:00凌晨；6:00—11:00上午；11:00—13:00中午；13...
小程序图片100%宽自适应
上几篇有提到，小程序满屏居中显示，这种情况出现比较多都在购物车清空显示的时候。这篇主要说，图片占满手机屏幕，当我背景不想默认小程序给出来的背景色，我们可以通过page来自定义样式。HTML5有body。但是在微信小程序中，根节点是page，使用page。就能够解决。注：本地图片不能正常显示，要带链接的才可以。//pga...
小程序解析HTML5
最近做项目的时候碰到一个问题，就是调用接口获取信息到页面上，内容与HTML5标签一起获取过来了。一起显示在微信端上。一般都是二次开发才有可能出现这种问题。通过查找方法，找到了一个可以把HTML5标签转换微信小程序格式显示html5内容数据插件（wxParse），这种做法缺点就是每一次调用都会执行一次。但是可以把带htm...
微信小程序上传图片
这一篇主要说头像上传，以及修改保存的功能。本章节主要用的知识点有1.wx.chooseImage 从本地相册选择图片或使用相机拍照。2.wx.uploadFile将本地资源上传到服务器.3.修改原来的小程序头像并保存，调用后台接口修改操作 第一步：我们要获取本地图片，官方文档：https://dev...
小程序文章开头空格
在制作小程序页面中，碰到文章开头空二格，玩过HTML5都知道，里面有 可以空格，也可以拿个行内标签span，来一个margin也可以，但是在小程序里面直接写 设置空格的话，导致无效，因此去官网文档找到了解决这个问题的办法。 文档写的好详细，有不同的需求可以进去点击去看看：https://...
小程序页面使内容充满整个屏幕，与内容水平和竖直都居中
在做页面的时候，有一些页面我们会希望将内容充满整个屏幕（高度、宽度100%），这样显得好看一点，比喻购物车没有记录，没有信息的时候，如下图<viewclass='zhiti'style="height:{{winHeight-40}}rpx;"><viewclass='zwgz'><ima...
微信小程序布局篇
刚刚接触小程序，小程序与HTML5有一定的差别，小程序就几个标签，而HTML5一大堆标签，还不断更新，但是新增标签功能强大。做一下微信小程序的布局练练手。感觉还是挺不错的，也封装了很多东西功能出来，与mui有类似。做这个简单的布局，以大海为主题，蓝色调为主色，浅灰为辅。 ...
微信小程序转发功能
微信小程序的右上角就有分享功能但是必须逻辑层必须有onShareAppMessage这个方法，/***用户点击右上角分享*/onShareAppMessage:function(){},ViewCode 微信小程序转发官方文档：https://developers.weixin.qq....
微信小程序截取字符串
Page({/***页面的初始数据*/data:{array:[]},/***生命周期函数--监听页面加载*/onLoad:function(options){varthat=this;console.log("start");//ajax请求开始wx.request({url:'',//ajax的请求路径method...
【重磅来袭】阿里小程序IDE上线8大功能
时隔两个月，10月10日阿里小程序IDE上线了uni-app跨平台研发支持、预览和真机调试交互优化、预检测新增代码扫描等8项功能，进一步完善了阿里小程序IDE的功能池，给大家更好的开发体验和环境。本次阿里小程序IDE共更新上线了8项功能分别是：uni-app跨平台研发支持支付宝IoT小程序研发支持沙箱测试支持开发监控性...
927小程序繁星计划峰会 · 看完这七大话题 你会更了解阿里小程序
9月27日下午，阿里巴巴小程序繁星计划峰会作为杭州云栖大会的压轴好戏，在云栖小镇国际会展中心迎来千余位商家、合作伙伴、个人开发者和行业专家。峰会以“小程序、大生态”为题，发布了阿里巴巴小程序繁星计划补贴的更多细节方案，并宣告阿里巴巴小程序生态联盟正式成立。峰会上作为技术底座的小程序云Serverless正式发布、支付宝...
