xiexikk的博客

越努力,越幸运!

vue-仿淘宝收货地址,设置默认地址

这个案例主要是渲染地址列表,然后设置默认地址,与淘宝的收货地址功能一样,具体自行查看自己的淘宝收货地址; 效果图: html结构 <!--the-address--> <div class="the-address">...

2019-07-11 09:55:23

阅读数 9

评论数 0

基于vue实现的多条件下拉选择筛选功能案例

基于Vue实现的多条件筛选功能,可用上刷选商品之类的功能; 效果图: 具体案例可访问:https://github.com/xiexikang/vue-sortSelect

2019-07-01 14:32:45

阅读数 30

评论数 0

微信小程序上传多张图片-视频,预览图片

考虑到日常项目会用到,就整理了一下这案例,可以上传指定数量的图片或视频; wxml: <view class='the-tit'>上传图片:</view> <view class='share-pics'> &...

2019-06-11 15:06:05

阅读数 51

评论数 0

微信小程序-基于腾讯地图api的省市区三级联动案例

腾讯的WebService API,在项目的要用到定位,地图等等功能时会应用到,小程序官方提供的文档是没有过多的功能来满足项目需求,所以我们可以查看一下腾讯地图的api来对应开发相关的功能,功能还是蛮多的,具体自行查看文档和配置秘钥。 下面的案例博主写了个 省市区地址选择的案例供大家学习参考: ...

2019-05-08 16:12:25

阅读数 142

评论数 0

js复制页面内容-图片文字-插件clipboard.js的应用案例

js复制图片-文字,可用于商品复制文案进行分享的功能~ 1.此案例应用到clipboard.js,具体使用可查阅文档; 2.复制的图片需注意,本地图片路径不行,得有链接的图片-还没被控制禁止复制的链接图片[可自行测试一下图片]; 3.这个框架功能还是比较强大的,复制文本和图片,复制成功后的html...

2019-04-26 13:43:48

阅读数 123

评论数 2

js自由拖拽来排序的功能案例

在日常项目中,标签的拖拽移动来进行排序的功能还是比较常用的,因最近项目有一个需求 “拖拽菜单进行排序”, 在网上也查了相关案例吧,基于别人的一个拖拽函数;在其基础上进行使用; 我们先来看看需求,如【微信公众号后台——自定义菜单】里面的菜单排序排序的功能; 好的,需求明了~ 开始我的代码编写,编写...

2019-04-12 16:03:33

阅读数 377

评论数 2

js实现页面的多个日期时间倒计时效果(多个拼团)

js的日期倒计时在日常项目中还是比较常用的,活动、拼团功能最为常见; 先分析最要是处理好日期函数,然后一个页面上有多个倒计时情况下的方法; 来,先看下 拼多多 的拼团倒计时的效果: 那么,先上个代码吧: <html> <head> ...

2019-03-28 16:09:52

阅读数 810

评论数 0

微信小程序用canvas生成分享图片,微信朋友圈海报

小程序的canvas画布绘图与h5的canvas有类似的功能,小程序的应用场景大多数是用于制作分享图,模块上是有文字、图片等等变量时,因为只有图片才能保存到相册,所以得先把模块合成为一张图片,此时canvas就能显示它的强大功能了。 具体可查阅官方小程序[canvas组件的api]应用; 本案例还...

2019-03-13 17:31:42

阅读数 221

评论数 0

js实现input file多张图片上传及预览,对应每个图片文件名

js input file 多图片上传,一次性上传多张图片(前端预览功能); 运用js实现上传图片前的预览(支持多张图片),网上很多案例都是没有处理每个上传的图片文件名,这里我就增加了图片文件名的方法,希望亲们可以在项目中用到… 其他input file多文件方法类似,用到FileReader读取...

2019-03-09 14:08:45

阅读数 555

评论数 0

微信小程序实现单选多选功能,自定义样式,[可限制选中的数量]

小程序的组件checkbox,checkbox-group实现单选和多选功能是比较容易的,就是实际项目中考虑到页面美观和用户体验,还是选择自定义的,那么我们可以使用view组件,然后用js来处理实现跟表单的单选、多选一样的效果。 单选操作: 多选操作: 完整案例可以访问本人github :ht...

2019-03-06 10:21:45

阅读数 279

评论数 0

小程序云开发中遇到的一些坑

目前正在做一款自己的小程序,有空可以搜索“小K旅行 ”,页面很好看哦… 前几个月吧,小程序开放了新的能力——「小程序·云开发」,帮助开发者快速构建微信小程序的后端服务。作为一名微信小程序的开发者,也在不久前尝试了小程序云开发,并将我自己在开发过程中的经验记录一下。 简单的来说,小程序云开发是一款 ...

2019-02-27 12:08:16

阅读数 724

评论数 0

微信小程序map组件路线规划,腾讯地图sdk的应用案例

案例:可访问本人github地址(功能完善中…) 使用腾讯地图SDK ; 目前已有功能:搜索,地址列表,pio点,出行方式,路线… 微信小程序map组件-腾讯地图SDK ...

2018-12-27 18:03:25

阅读数 508

评论数 2

微信小程序map组件地图定位当前位置

wxml: <map id="map&a...

2018-12-21 14:12:38

阅读数 691

评论数 2

微信小程序组件之rich-text,转义显示富文本操作

小程序的rich-text组件使用: 接口获取的数控 数据转义后 wxml结构 <view class='content'> &...

2018-12-11 16:29:42

阅读数 1334

评论数 0

微信小程序:连续签到7天签到积分获得功能设计

2018-12-01 13:45:08

阅读数 1996

评论数 0

微信小程序:以7天为周期,连续签到7天功能效果

此功能为1,2,3,4,5,6,7这个为一周期,连续签到的功能; 通过计算是否为整除7天计算,切换数目,改变周期表、 如果图如下: wxml结构 <!--pages/signIn...

2018-08-23 17:37:12

阅读数 5707

评论数 1

微信小程序,实现图片/选项滑动切换效果scroll-view

此功能的实现,跟滑动切换栏原理一样,简单实用,先看看效果吧! 实用scroll-view组件的属性scroll-scroll-left来判断控制、 wxml结构 <view class='invite-friend'> &l...

2018-08-11 15:25:11

阅读数 1728

评论数 0

js兼容安卓和IOS的复制文本到剪切板,已做浏览器兼容处理,勿需插件

开发需求:手机端,点击按钮实现需复制的文本内容; 案例已做手机端浏览器兼容处理经测试,[QQ,微信,苹果,360,UC等],可正常使用; 案例代码如下: <!DOCTYPE html&am...

2018-08-04 10:03:42

阅读数 2615

评论数 5

HTML5的多个video标签:截取视频源的封面图poster,监听视频播放状态的功能;

在日常项目中,html5的video标签还是比较常用到的,开发过程中,我们都会注意到,通过监听video标签的播放、暂停、停止等等来使用; 但我们是否也会遇到过,有些浏览器在显示这标签,兼容不太友好,video标签的封面是一层黑色的,而不是视频的封面图。 那么,此时,我们就得截取每个视频...

2018-08-02 14:53:10

阅读数 12457

评论数 0

微信小程序,类似微信点击语音播放效果,不会互相干扰播放状态

类似平常微信语音聊天的效果…. 根据开发的需求,先理清一下思路,点击语音播放与暂停/停止,切换下一个语音等; 小程序对于audio的组件的一些api方法已经不支持了,详情可以参看:微信小程序audio组件文档 嗯嗯,这下子,该怎么办呢? 就如上面提到,小程序1.60...

2018-08-02 14:04:47

阅读数 4797

评论数 2

提示
确定要删除当前文章?
取消 删除
关闭
关闭