- 博客(18)
- 资源 (1)
- 收藏
- 关注
原创 js实现gif效果
原理:换图片路径类似于图片帧(vue为例)html: <image :src="bindOppen" mode="widthFix"></image>js: num:0,//定义参数bindOppen:'../../static/bindOppen1.png'//定义参数blindOppenFn(){//定义方法 var _this=this; ...
2021-10-12 15:17:38 542
原创 jq实现tab点击功能
css: .nav{ margin: 20px 0; display: flex; justify-content: space-around; } .nav>span{ padding: 10px 0; } .nav .act_nav{ border-bottom:1px solid #f97952;...
2020-05-14 17:17:31 493
原创 有些华为手机上拉加载更多不好使
正常加载更多代码://滚动事件触发 $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHeight = $(document).height(); //当前页面的总高度 var clientHeight = $(this).height(); //当前可视的页面高度 if(...
2020-05-14 17:08:29 974
原创 用Promise封装jq的ajax请求函数及使用方法
函数:function ajaxFn(url, data, params) {// url:接口地址; data:请求参数;params:请求方式(get/post) return new Promise(function(resolve, reject) { $.ajax({ url: http+url, type...
2020-03-05 09:52:20 488
原创 解决for循环有时只输出最后一个结果
我们平常用都是这样的for (var i = 0; i < 3; i++) { console.log(i) }有时候打印i出来的是2,也有时候是按照顺序打出来的,但是很不稳定。我们要操作就很麻烦,for (let i = 0; i < 3; i++) { console.log(i) }把var换成let就可以了,因为let声明...
2020-03-05 09:43:05 19146 2
原创 小程序开发遇见坑记录
1、onShareAppMessage分享回调不好使10月10日起新提交发布的版本,不再支持分享回调参数success、fail、complete,即用户从小程序/小游戏中分享消息给好友时,开发者将无法获知用户是否分享完成,也无法在分享后立即获得分享成功后的回调参数shareTicket。该调整可以在基础库 2.3.0及以上版本体验。详情:https://developers.weixi...
2019-05-14 10:21:46 297
原创 小程序分享到朋友圈图片绘制 Painter
我们在做小程序分享到朋友圈普遍用到的是canvas,但是像我这种不是精通的人就很烦,最近了解到Painter也是画图片的用的还可以。详情:https://juejin.im/post/5b40b158e51d4518f543c7b0#heading-4git地址: https://github.com/Kujiale-Mobile/Painter你需要引入components文件夹,p...
2019-05-11 10:03:17 1162
原创 水平垂直居中,2种
flex:<div class="a"> <div></div></div>.a{display: flex; justify-content: center; align-items:center;}position:(这个不写高度会默认全屏幕).a>div{position:absolute;top: 0...
2018-12-21 10:56:26 151
转载 marquee实现文字无缝滚动+css无缝滚动
<marquee style="border: 1px solid red;" direction=left behavior=scroll loop=3 scrollamount=1 scrolldelay=10 align=top bgcolor=#ffffff height=30 width=100 hspace=20 vspace=10 onmouseover=this.stop()...
2018-12-18 17:07:02 13663
原创 小程序前端获取二维码(代参)
//图片显示base64<image src="data:image/png;base64,{{imgUrl}}"/>前端获取小程序二维码(这里以代参数为例) // 获取access_token accessTokenFn: function () { var that = this; wx.request({ url: 'https://...
2018-12-13 17:30:57 3137
原创 只用css实现瀑布流效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> .a{ width:98%
2018-11-14 11:58:53 261
原创 小程序接口在开发者工具上正常走,手机上不走
如果小程序在开发正工具上正常走,手机上不走,点击详情然后看不校验合法域名是否被勾上,若是勾着,把选中变成不选中,这时候再走开发者工具就会报错,如果报错https:什么不在合法域名下,就去看微信公众平台——设置——开发设置中服务器域名看是否跟你接口的域名一样,或者是否配置,...
2018-10-08 14:33:15 4264
原创 微信小程序支付流程
后台会出一个获取小程序支付参数的接口,先走这个接口,获取到支付参数,再走小程序支付接口,成功后回调订单录入接口事例代码如下:wx.request({url: app.globalData.httpUrl + 'index.php/Api/Share/pay',//获取小程序支付参数data: {//参数以后台为准openid: app.globalData.openid,m...
2018-10-08 14:25:29 324
转载 微信小程序method:post报错
按照官方文档,我们客户端发起post请求的代码如下: t:function() {wx.request({url: url,data: {"text":"123"},method: 'POST',success: function(res){console.log(JSON.stringify(res));...
2018-06-04 14:26:11 2764
原创 微信小程序地图wx.createMapContext的moveToLocation
<map id="myMap" style="width: 100%; height: 500rpx;" latitude="{{latitude}}" longitude="{{longitude}}" scale='18' markers="{{markers}}" show-location></map>data: {latitude: 45.76,...
2018-05-28 11:56:51 13255 2
原创 js时间相减函数苹果版相减为NAN(计算小时)
这个是安卓苹果通用的//两个日期的差值(d1 - d2).function DateDiff(d1,d2){ var day = 24 * 60 * 60 *1000;try{ if("ios" == api.systemType){d1 = d1.replace(' ','T');d2 = d2.replace(' ','T');} var c
2017-12-28 10:24:47 2016
原创 json数组
一级:var rentHouse = { "classification": [{ "text": "民居", "id" : "1" }, { "text": "商铺", "id" : "2" }, { "text": "写
2017-06-27 11:18:20 342
原创 css遇见的问题记录
1、!important提升优先级display:none !important; !important是个提升优先级的2、第一个子级设置margin-top,会传递给父级,给父级加个border:1px solid transparent;就好了也可以使用overflow: hidden,但是这个你父级外面的就回隐藏掉3.CSS文本溢出显示省略号有两种,一种CSS:{widt...
2017-06-23 15:48:19 260
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人