能说普通话么-CSDN博客

原创 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 511

原创 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 452

正常加载更多代码：//滚动事件触发 $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //滚动条距离顶部的高度 var scrollHeight = $(document).height(); //当前页面的总高度 var clientHeight = $(this).height(); //当前可视的页面高度 if(...

2020-05-14 17:08:29 939

原创用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 465

原创解决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 18728 2

原创小程序开发遇见坑记录

1、onShareAppMessage分享回调不好使10月10日起新提交发布的版本，不再支持分享回调参数success、fail、complete，即用户从小程序/小游戏中分享消息给好友时，开发者将无法获知用户是否分享完成，也无法在分享后立即获得分享成功后的回调参数shareTicket。该调整可以在基础库 2.3.0及以上版本体验。详情：https://developers.weixi...

2019-05-14 10:21:46 272

原创小程序分享到朋友圈图片绘制 Painter

我们在做小程序分享到朋友圈普遍用到的是canvas，但是像我这种不是精通的人就很烦，最近了解到Painter也是画图片的用的还可以。详情：https://juejin.im/post/5b40b158e51d4518f543c7b0#heading-4git地址： https://github.com/Kujiale-Mobile/Painter你需要引入components文件夹，p...

2019-05-11 10:03:17 1141

原创水平垂直居中，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 135

转载 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 13521

原创小程序前端获取二维码（代参）

//图片显示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 3072

原创只用css实现瀑布流效果

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> .a{ width:98%

2018-11-14 11:58:53 245

原创小程序接口在开发者工具上正常走，手机上不走

如果小程序在开发正工具上正常走，手机上不走，点击详情然后看不校验合法域名是否被勾上，若是勾着，把选中变成不选中，这时候再走开发者工具就会报错，如果报错https:什么不在合法域名下，就去看微信公众平台——设置——开发设置中服务器域名看是否跟你接口的域名一样，或者是否配置，...

2018-10-08 14:33:15 4194

原创微信小程序支付流程

后台会出一个获取小程序支付参数的接口，先走这个接口，获取到支付参数，再走小程序支付接口，成功后回调订单录入接口事例代码如下：wx.request({url: app.globalData.httpUrl + 'index.php/Api/Share/pay',//获取小程序支付参数data: {//参数以后台为准openid: app.globalData.openid,m...

2018-10-08 14:25:29 306

转载微信小程序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 2713

原创微信小程序地图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 13119 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 1977

原创 json数组

一级：var rentHouse = { "classification": [{ "text": "民居", "id" : "1" }, { "text": "商铺", "id" : "2" }, { "text": "写

2017-06-27 11:18:20 323

原创 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 246

zhou_w_x的博客