自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

转载 向左滑动删除,vue向左滑删除

转载:https://www.jb51.net/article/136221.htm 1.vuejs部分 (1)HTML代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q...

2020-05-13 15:49:11 3529 4

原创 微信小程序获取rich-text(富文本)渲染内容高度,rich-text(富文本)里img 样式设置

1.背景: 在某些场景下,例如在某些详细信息内容展示数据量特别大的时候(有时候特别小),当数据量特别大的时候,需要做展示固定高度,展开更多内容完全展示,收起内容又还原。当内容特别少的时候,例如小于3行,不展示更多按钮。(小程序内容获取的时候是不能知道当前内容有几行的,可能有人会说,我知道字体大小...

2020-04-30 15:15:37 203 0

原创 小程序结合腾讯地图(QQMapWX)SDK做位置周边搜索在地图上展示气泡点,点击气泡展示不同状态

1.背景: 在微信小程序中,地图上展示一个坐标点周边的医院学校等周边设施,通过地图上气泡的方式。点击气泡展示不同的气泡状态,点击导航跳转到对应气泡点所在的坐标位置。 2.实现思路: 2.1布局: 地图全屏展示,地图上的位置tablist展示在地图底部,跳转导航按钮位于地图右上角。因为map...

2020-04-21 11:24:45 297 0

原创 小程序结合腾讯地图(QQMapWX)SDK做位置周边搜索展示

1.wxml <view class="container"> <view class='newHouseTitle'> 当前位置 </view> <view class="map_wra...

2020-04-20 16:39:44 206 0

原创 laydate.js时间日历插件

1.html <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">...

2020-04-20 14:35:19 60 0

原创 distpicker.js制作省市区三级联动

1.html <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css">...

2020-04-20 13:46:37 48 0

转载 ios输入框被软键盘遮住问题

在ios中,输入框被软键盘遮住,这是众所周知的bug,那么如何来解决这个问题呢?最近的项目中就遇到了这个问题,然后经过高人指点解决了这个问题,以及遇到的另外一些问题。 首先我们先来说说弹出软键盘,在ios中,弹出软键盘,会将整个页面给怼上去,因此我们只能看到半个页面,然而在andriod中,整个网...

2020-04-20 13:16:48 53 0

原创 swiper.js制作酷炫轮播图

1.html <html lang="en"> <head> <meta charset="utf-8"> <title>swiper制作酷炫轮播图</title> <li...

2020-04-10 14:00:09 44 0

原创 ps安装 Photoshop CC2017 安装,cutterman下载安装,ps简单设置

ps 和 cutterman 的安装简述

2020-03-03 15:52:40 243 0

原创 Hbuilder 安装(或配置) less

背景: js是可以直接计算的,但css不能直接计算,在触屏端使用rem为计量单位,设计稿采用iPhone6的尺寸,所以会存在一个换算比例,此时可以使用less进行编译出css即可。其实less的优点还有很多,less中可以使用变量(例如,全局定义一个背景色或者一些按钮或者文字的颜色,后边统一使用...

2020-02-28 11:11:12 94 0

原创 svn更新无响应的问题(未完待续,欢迎补充...)

背景: 随着冠状病毒席卷全球,我司也受到影响,要求在家办公,在使用笔记本连接无线wifi的时更新svn代码到本地时出现,svn不响应的问题,svn就是葛优躺死活不响应. 1.首先我进行了自查: 1.1网络是好的(百度可以打开); 1.2.电脑是好的(不然怎么能打开百度); 1.3 我以为...

2020-02-27 15:20:51 123 0

转载 SVN的安装和使用手册

下载`TortoiseSVN 官网下载址:https://www.visualsvn.com/visualsvn/download/tortoisesvn/ (此处须说明一下,找对应的操作系统对应的版本,否则无法使用) 下载完成后是这样的安装TortoiseSVN: 此处的安装...

2020-02-27 14:34:45 47 0

转载 微信小程序css方式animation动画弹幕实现

1.背景: 背景一: 在某些场景下需要用到弹幕,例如视屏直播网站等等需要用到弹幕,视屏直播等平台会用到输入发送弹幕,这个可以参考小程序的视屏播放部分video传送门,在video组件中直接有弹幕配置方式,详细参考官方文档,这里不做赘述。 场景二: 有些场景只需要播放弹幕(例如在重大节日里,...

2020-01-15 10:24:08 144 0

原创 wx.createSelectorQuery().select微信小程序获取dom节点位置

1.场景: 在某些情况下需要用到某个元素距离顶部的距离。 1.1场景一: 例如在某些小程序的详情页,由于页面展示的内容特别多,页面有好几屏的高度,辣么庞大的数据量,放在一个接口里显然是不合理的(小程序setData有1024大小限制;如果数据太大请求时间会比较长用户的页面等待时间特别长,总之...

2019-12-27 14:10:38 179 0

原创 微信小程序自动回复机器人(模拟云信案例)

1.场景: 输入关键词,对内容库进行检索,得到搜索结果,反馈给用户。其实也不算是机器人,也类似于搜索的样子,只不过以聊天界面的形式展现出来,当然了,在完成这个流程的过程中,也会出现一些问题,思路记录,仅供参考。 2.思路: 2.1 毋庸置疑,首先搭建前端界面(这块没什么可说的,对方和自己的样...

2019-12-27 11:09:53 412 0

原创 微信小程 input序键盘弹起时,是否自动上推页面 adjust-position,input底部悬浮聚焦键盘弹起遮盖

1.背景: 对于某些在输入框聚焦时不需要向上推动页面的需求,可以尝试此方法,小程序官方文档也有说明。 2.思路: 2.1给底部悬浮的部分动态设置bottom,聚焦时设为键盘弹起的bottom值,失焦时设置bottom为0; 2.2 给input框设置adjust-position=&quo...

2019-12-27 11:09:35 192 0

原创 js判断时间是否为当天(今天是今天)

场景:在某些时候,某些项目需要做发送默认消息,默认消息一天只发送一次,当天时间为当天零点到当天的二十三时五十九分五十九秒,然后当时间切换到第二天时,只要用户是第二天第一打开就发送默认消息,如果之后再次打开,就不发送了。 思路:获取当前进入该窗口的时间转换为当时的时间存于缓存中,以后每次进入该页面...

2019-12-24 15:38:03 1079 0

原创 滑块验证码,图片滑块验证码(兼容pc和H5)

背景:登录部分以前用的是那种需要手动输入的验证码方式,现在好多同行都改成了滑块,或者图片滑块验证码的方式(咱们也需要与时俱进,不能落后与竞争对手哈)。对于触屏(也就是H5页面)的网站,可以在pc端打开,然后再在控制台切换为手机模式,所以这个效果需要兼容pc和触屏两端。原理比较简单,pc无非通过鼠标...

2019-12-03 17:22:41 540 0

原创 微信小程序制作楼栋鸟瞰分布图

1.思路 后台上传一张楼栋背景图底图,分别定位出每个楼栋号的横向,和纵向的坐标位置,通过for循环展示每个楼栋状态的icon,点击每个icon获取当前index,取到数据对应信息展示即可。因为后台楼栋分布底图每个楼盘可能都不一样,但是前台展示会有一个大小(不可能不限宽和不限高),所以这里会涉及一...

2019-11-13 13:55:37 385 0

原创 微信小程序获取图片的宽高,计算宽高比,image图片的bindload,image的wx.getImageInfor

1.背景 在某系场景下可能会需要获取图片的宽高,例如做楼盘相关的,楼栋分布,一张底图,然后每个楼栋号在不同页面的具体位置,就需要通过定位来实现。不能保证每一张楼栋分布底图的宽高比都一样,此时就须算出宽高比从而得到位置。 2.思路 2.1思路一:通过 wx.getImageInfo 方法,只需...

2019-11-13 09:54:09 1951 0

原创 小程序自定制从顶部弹出的picker,模拟贝壳找房

1.背景 1.1.要求:顶部有一个tab栏,点开后会存在1级,2级,3级菜单(不论有积极菜单,都要点击到最后一级才会选中) 1.2.要求:对于有些数据第一项需要加不限,有些不需要,根据要求自行添加,点击不限展示原文字,只有点击不限之外的文字选项才会放在tab中展示 1.3.要求:对于筛选的部分,...

2019-11-07 15:22:05 198 0

转载 微信小程序双向滑动slider

1.使用场景,通过滑动滑块,获取价格的范围,提交表单获取搜索结果。slider是单向的,这种范围获取的可能不行(当时的想法),还有一种思路,就是通过touch事件,使用view进行布局,手写一个(这种当然可以)。然后再网上找了一些资料,发现有人也有相同的需求,而且有案例,然后就做了伸手党,并且把找...

2019-11-07 13:52:44 369 0

原创 小程序左滑删除

1.场景:在做列表页和收藏页面都用到了列表的样式,就想着做一个组件或者模板,都能共用,但收藏又有不同,因为收藏页的列表有取消(即就是取消收藏),产品要求是删除按钮是隐藏的,只有左滑才会出现,点击删除按钮就会取消收藏。当时立马就有了思路,然后开干。 2.思路: 2.1 思路一:通过touch事件...

2019-09-25 15:59:01 165 0

原创 微信小程序强制更新

(如果想直接使用,可直接拉到最底部5.2,有比较全的代码) 1.场景:随着这些年的不断完善,移动端的产品在往小程序倾斜,以前是小程序为app倒流,现在小程序不断完善app能做到的功能,小程序基本都能做到,而是小程序属于轻应用,无需下载,用完即走,也可添加到桌面快捷方式,使用起来非常方便,深受广大...

2019-09-25 14:33:15 500 0

原创 小程序button=disable样式修改,弹起多个蒙层限制

在好多场景都需要对点击按钮做限制,防止连续点击。why?例如场景获取电话号码授权,如果不做限制,会弹起多次授权弹窗,好;多个进行叠加,想关闭,得点击多次。场景2:接口比较慢时,用户会多次点击按钮,多次请求接口,这显然不好......诸如此类,所以限制点击势在必行。 百分之99以上的公司对界面的要...

2019-09-23 16:13:30 107 0

原创 微信小程序component父子组件传值

在某些场景,用到组件还是比较多的。例如,在页面的底部有一个悬浮,悬浮分两种,每种里边有四个按钮,每个按钮分为登录和没登录两个状态,点击每个按钮绘根据后台传的值的状态不同分别请求不同的接口(当然了,有些处理完页面也可能是跳转,或者跳转webview,或者reLaunch某个页面......)。总之一...

2019-09-23 11:15:20 776 0

原创 小程序常用组件(video,map,wx.showToast,wx.showModal,button,打电话,text)

1.video(官方地址:https://developers.weixin.qq.com/miniprogram/dev/component/video.html) 1.1wxml <view class="mask"> <view class=&...

2019-09-20 09:28:09 322 0

原创 小程序 模拟今日头条导航栏,点击锚点跳转对应楼层

使用场景,顶部导航的个数不确定,会有超出屏幕的情况,在一行展示,每点击一个导航的tab会判断是否向左或者像右滚动一个距离,以使当前的点击的导航能看到。同时点击导航会锚点跳转对应楼层,当前导航会变为激活状态。滚动屏幕,滚动到对应楼层,对应导航变为激活状态。 1.代码实现 1.1wxml &l...

2019-09-20 09:27:55 428 0

原创 小程序页面分批次加载(模拟懒加载)

有些情况,例如在详情页,可能涉及的接口个数比较多,因为详情一般数据量比较庞大,如果部分开,一个接口请求,会导致请求时间比较长,用户体验会很差,所以此时就可把这个大接口分开,当页面滚动到某个楼层时再请求后边楼层的数据。 1.代码 1.wxml <view style="wid...

2019-09-18 17:16:28 196 0

原创 小程序swiper制作分门别类的轮播

简单的轮播图在文档中可直接使用,但有写需求可能需要改动一下。例如,在轮播图底部放几个分类的按钮,点击各个按钮,分别跳转到该分类的第一张图,当轮播图在滚动的过程中,由分类1的最后一张图切换为分类2的最后一张图,下边的分类状态也从第一个激活状态变为分类2的激活状态,以此类推...当点击图片再进行分门别...

2019-09-18 16:18:02 328 0

原创 picker-view 和 picker-view-column 自定义可以切换的picker

场景:对于小程序官方提供的picker基本能满足大多数需求,但如果涉及类似于在picker的弹出层上进行两种不同类型的picker切换,还是无法实现的。但官方最近新提供了picker-view ,可根据自己的使用场景来自定义自己的picker。 1.wxml <!-- 楼层的picke...

2019-07-19 17:52:22 1799 0

原创 小程序锚点跳转(例如楼层快捷导航,点击字母滚动到相关城市)

使用场景:楼层之间的快速切换,锚点的跳转,点击字母滚动到相关的城市 原理解析 1.代码 1.1.wxml <view class='container'> <view class='left'> <scroll-v...

2019-07-19 13:20:38 425 0

转载 正则(输入框 input 限制,整数,表情,保留两位小数,type=number时maxlength不起作用,身份证和姓名加密),小程序替换<br>为可换行

1.输入纯数字 var detail = e.detail.value; var detail1 = ''; if (detail) { detail1 = detail.replace(/[^\d]/g, ''); } 2.输入正整数 var ...

2019-07-18 18:23:26 314 0

转载 微信小程序图片上传,删除,拖拽,(裁剪参考链接,参看说明5.6)

场景:从相册中选择照片,展示图片列表,删除某张不需要的图片,通过拖拽调整图片的位置顺序。 1.wxml <!-- 上传图片 --> <view class='uploadPic'> <view class='uploadPic-...

2019-07-18 16:43:45 1109 0

原创 用户位置授权

1.在微信小程序中很多场景都需要用户授权,例如用户相册权限,位置权限...,当需要将海报保存在相册就会用到相册权限(海报参考),在城市定位,店家列表由远及近排序就会用到位置权限,这里主要考虑位置权限使用场景。 2.主体思路,进页面立马弹出微信授权位置弹窗,提示用户授权位置,授权成功则会获取用户地...

2019-07-18 15:21:27 538 0

转载 Echarts(小程序版)图表组件使用,wxcharts.js和uCharts.js

一、Echarts(小程序版) 1.1:下载 GitHub 上的 项目 https://github.com/ecomfe/echarts-for-weixin 1.2:但项目下载之后,打开小程序开发工具,可以看到效果如下,适配性还是比较完美的。 1.3.如果是在项目里面引入组...

2019-07-18 11:39:27 1303 0

转载 安卓部分手机reload()失效问题

1.在移动wap中,经常会使用window.location.reload()去刷新页面,这个方法在绝大多数浏览器中都不会存在问题,但早上测试的同学提出了一个bug:在安卓某个测试手机(OPPO)的微信自带浏览器中,这个是失效的,并没有跳转; 原来的代码: window.location.r...

2019-06-13 17:13:20 726 0

转载 解决getImageData跨域问题

1.场景 在项目开发过程中要用到html5增加的getImageData方法来实现刮刮卡的效果,后台上传图片,手机端用手刮。在本地开发没遇到问题,上线之后发现刮不了,提示"Uncaught SecurityError: Failed to execute 'getImag...

2019-06-05 15:40:23 388 0

原创 改变二维数组中某一项的某一个值;给某个多维数组初始化赋值,追加值

1.改变二维数组中某一项的某一个值 1.1场景 在小程序中,setData的数据量有限(好像是1024,记不太清了,不管是多少,反正有限制),当你给列表中的某一个人点赞后,只需要改变那个人的点赞的数据状态即可,其它的数据都不用改变,所以此时就需要取到点赞的状态值,并对其修改,然后再赋值给lis...

2019-05-31 13:52:41 1165 0

转载 js获取当前时间并做一些操作(对时间格式化,moment.js)

这个博主写的挺全的,需要的可以参考一下 1.代码 //Js获取当前日期时间及其它操作 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) m...

2019-05-28 16:00:03 64 0

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