效果截图:
微信小程序简单实现两列瀑布流布局页面
实现页面瀑布流思路:使用CSS3属性column-count: number|auto;
将容器元素分为两列,使用column-gap: length|normal;
设置列之间的间隔,使用break-inside: avoid
使元素避免出现中断点。
效果截图:
微信小程序中使用Echarts实现一图或多图展示
1、下载echarts
微信版,地址:https://github.com/ecomfe/echarts-for-weixin
2、将下载好的文件ec-canvas
目录放在小程序项目根目录中即可
3、在页面使用echarts的话,需要在index.json
中添加以下配置(以下为整个json配置):
效果截图:
Ajax简单封装及调用
Ajax简单封装及调用,包含基本ajax请求(表单及json方式)。
linux下apache服务器配置gzip压缩
1、如何查看网站是否开启gzip压缩
其实很简单,我们可以借助第三方工具来检测网站是否开启gzip压缩。
通常我自己会使用站长工具,也就是站长之家的工具来检测。
检测网址:http://tool.chinaz.com/Gzips/
微信小程序自定义页面手动授权拉取用户信息
效果截图:
使用CSS简单实现宝箱打开抽奖动画
效果截图:
微信小程序简单实现上拉触底onReachBottom数据分页请求
实现思路:
通过小程序上拉触底onReachBottom
事件触发数据第二次请求,上拉触底一次请求分页页码加一,每次请求10条数据,在请求函数中通过函数concat
来处理数据累加问题,common.WechatRequest
为封装的小程序wx.request
函数。
select2 - ajax方式请求数据简单调用
JS及CSS引入:
<link rel="stylesheet" type="text/css" href="select2/css/select2.min.css"/>
<script type="text/javascript" src="select2/js/select2.min.js"></script>
<script type="text/javascript" src="select2/js/i18n/zh-CN.js"></script>
数组 - 两组数组取相同元素及不同元素,返回新数组
对比两组数组,取两组数组相同元素及不同元素,组装为新数组。