King博客

前言概述 本文介绍微信小程序实现单选、全选功能，效果如下：实现过程 1、先实现页面效果，文件*.wxml和*.wxss代码如下：<view class="container"> <view class="order-mes"> <checkbox-group class="table"> <view class="tr"> <view class="...

前言概述本文介绍项目中常用到的日期格式--月历滑动格式，顶部显示当前月的月历，默认选择当天的日期，且能滑动月历选择需要的日期：实现过程1. 先实现页面效果，文件*.wxml和*.wxss代码如下：1）滑动功能使用组件scroll-view，样式实现参考下面代码；为了实现加载时默认选择当天的日期，可使用组件属性scroll-into-view，属性值“toView”需用setData设置，不然不起作用；2）item.isDisable?'opacity30':(item.yea...

前言概述本文介绍项目中常用到的日期格式--日历，

前言概述由于常用的getBoundingClientRect()会导致页面重排和滚动事件频发触发，所以本文介绍的是使用IntersectionObserver对象实现图片懒加载效果；并在显示图片前增加骨架屏来提高体验。Tips：骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容；懒加载简单说就是在渲染页面时，不在视图范围内的不加载，只有元素出现在视图范围内了再渲染。效果如下：实现过程一、懒加载功能1

前言本文介绍使用ec-canvas实现小程序图表功能，支持切换更新数据并在IOS顺畅使用。Tips：本文只介绍柱形图，其它图形类似，具体可查看GitHub上的ecomfe/echarts-for-weixin项目。实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析；<view class="container"> <view class="item-head"> <view class="

前言本文分析怎么在微信小程序实现双指缩放图片的功能。实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析；<!--index.wxml--><view class='wrapper'> <view class="container"> <view class="tit...

前言本文使用动画组件wx.createAnimation来实现滑动操作：1. 左滑动显示操作项；2. 点击操作项触发相应方法；3. 右滑动和点击行收起操作项；4. 点击“取消”收起操作项。最终效果如下：实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析：<view class="wra...

前言本文介绍使用组件map和API的MapContext+wx.getLocation来实现活动轨迹回放。最终效果：实现过程1. 文件index.wxml代码如下，这一块比较简单，可自行查看，不做过多分析：<!--index.wxml--><view class="container"> <map id="map" longitude=...

目录前言实现过程前言本文介绍使用微信小程序API+canvas来实现图片的可拖动、放大、缩小和旋转，并可对选中的图片进行不同效果的滤镜和不同形状的切图，且可对最终效果进行保存到本地。最终效果：实现过程1. 文件index.wxml和index.wxss代码如下，这一块比较简单，可自行查看，不做过多分析：<view class='contentWar...

目录前言 百度端创建应用 实现过程 结语前言微信小程序集成百度图像识别功能，实现对上传或拍照的身份证进行扫描，并获取身份证信息。百度端创建应用访问网址https://login.bce.baidu.com/，选择“人工智能”--“图像识别”； 在栏目“应用列表”下新建应用，并勾选项目需要的接口；保存后列表会生成对应的“API Key”和“Secret K...

目录前言 百度端创建应用 实现过程 结语前言微信小程序集成百度图像识别功能，实现对上传或拍照的身份证进行扫描，并获取身份证信息。百度端创建应用访问网址https://login.bce.baidu.com/，选择“人工智能”--“图像识别”； 在栏目“应用列表”下新建应用，并勾选项目需要的接口；保存后列表会生成对应的“API Key”和“Secret K...