- 博客(21)
- 收藏
- 关注
RSS订阅
原创 你为什么要努力！
1你结婚了，不和父母住一起，有了娃之后，你更体会到了父母当年的艰辛，你想好好爱爱父母，而你从来没语言表达过爱，付出物质和行动是你传递爱的手段。你也常问父母，反正你们也退休了，多出去玩玩啊！父母总是跟你说：哎呀，老胳膊老腿不爱动啦！怕出去没医院，慢性病加重不好治了啊！有一日，你开车带父母去了郊区的一个度假村住了一夜，突然，你会发现，原来看似古板的父亲也是那么爱用手机拍景色啊！母亲很兴奋的在脱了...
2020-05-08 14:09:24
294
原创 h5移动端原生js下拉刷新页面，顶部带动画！
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Document</title> <style type="text/css"> ht
2020-09-27 16:44:20
885
原创 H5开发移动端页面自适应的方法!!
在前端开发中总是避免不了做移动端的页面适配，现在记录一下我在做移动端开发时用的方法，希望能帮到你们！我们首先想到的就是使用百分比或者是尺寸单位换算，加上媒体查询去做，这些我都试过之后觉得还是做不到完全的去适配，后来找到一个利用js去做页面尺寸换算的方法，加上百分比可能适应所有页面。/*以下代码为不同屏幕下字体通过rem适配设计稿的方案 @designWidth 设计稿的全屏宽度 @maxWidth 适配的最大宽度 */ (function(designWidth, maxWidt
2020-09-21 13:41:03
1992
原创 小程序开发中遇见iphone X适应宽高的问题，这里提供一个方便查询各种手机型号的方法！！
我在开发小程序中遇见一个问题是这样的，页面背景需要铺满一整张背景图，因为背景图有专属位置需要排列，我这设置的都是没有头部导航的，所有元素都是从顶部开始排列，一般没有刘海的手机都可以正常适配，但是有刘海的手机就会错位，下面上解决问题的代码！可以在全局app.js中定义查询手机型号的方法：wx.getSystemInfo({ success: function(res) { that.globalData.screenWidth = res.screenWidth; that.glob
2020-09-07 14:40:00
437
原创 Android原生和H5交互；Android和H5混合开发；我是在uniapp中开发h5页面去和Android交互传参的！
VUE和APP交互传参的方法一.Vue(h5)打开app并携带参数方法vue定义点击事件 @click="vidoe(item.id)"然后写方法：//h5跳转到原生app的方法 vidoe:function(id){ window.FindActivity.toVideo(id); }, toVideo是安卓中定义的方法名！二.app向vue（h5）中传参方法 在mounted() { window....
2020-09-06 14:37:01
2337
1
原创 小程序wx.uploadFile多文件上传for循环中踩的坑，（问题已经解决）！
在开发小程序中需要做一个用户评论上传图片的功能，首先考虑到微信的wx.uploadFile接口只能一次上传一张，而功能需求是需要单张或者多张上传，最常用的方法是用for循环去上传这样： //上传图片，这里使用了vant图片上传的组件，类似于wx.chooseImage，其实方法都是一样的这里只是把上传的图片路径暂时保存在本地 afterRead(event) { console.log(event) const { file } = event.detail; // 当设置
2020-08-21 12:00:12
4486
1
原创 小程序进入页面判断有没有授权登录，如果没有立即返回提示授权登录的方法
/** * 生命周期函数--监听页面显示 */ onShow: function () { var unionid = wx.getStorageSync('unionid');//用户唯一id if(unionid == ''){ wx.showModal({ title: '提示', content: '请您先授权登录', showCancel: false, success (res){ ..
2020-08-15 16:25:59
2883
原创 箭头函数与普通函数(function)的区别是什么？构造函数(function)可以使用new生成实例，那么箭头函数可以吗？为什么？
箭头函数和普通函数的区别1.箭头函数语法上比普通函数更加简洁(ES6中每一种函数都可以使用形参赋默认值和剩余运算符)2.箭头函数没有自己的THIS，它里面的THIS是继承函数所处上下文中的THIS（使用CALL/APPY等任何方式都无法改变THIS的指向）3.箭头函数中没有ARGUMENTS(类数组)，智能基于。。。ARG获取传递的参数集合（数组）4.箭头函数不能被NEW执行（因为：箭头函数没有THIS也没有prototype）function fn(x){return function(y){
2020-08-12 16:27:33
831
原创 li设置display:inline-block；后显示出现问题，（踩过的坑）分享下如何解决！
今天在开发中要求写一个横向滑动的菜单，然后在给li设置display:inline-block后脱离ul内容的区域，后来经过分析以为是ul的高度给的不够，但是仔细分析后觉得不管多高都不应该脱离内容区域的。先上代码: <div class="container"> <ul class="list-tab"> <li class="active">一汽大众一汽大众</li>
2020-07-15 11:41:07
2268
原创 小程序规格选择弹窗，默认显示选中的规格，点击切换别的规格，踩过的坑，分享下经验！
//html <view class="show-popup" hidden="{{hideShopPopup}}"> <view class="popup-mask" bindtap="closePopupTap"></view> <view class="popup-contents"> <view class="pop-goods-info"> <view class="pop-img-b
2020-07-03 18:03:10
1638
1
原创 小程序授权登录的方法，为什么会审核不过？来这样做！！
关于小程序为什么用户刚进来就授权，审核不过呢？其实你把授权登录的页面换到商品详情页面或者别的页面就行了，我的是在商品详情页让用户去授权的！！下面上代码：//html代码<view class="show-container" hidden="{{wxlogin}}"> <view class="show-box"> <view class="show-logo-box"> <image src="https://" />
2020-07-01 15:34:56
1507
1
原创 小程序商品规格选择高亮功能的实现
自己在开发中老是踩这个坑，今天就单拎出来捏捏！！上代码： <view class="tab-item {{tabArr.curBdIndex=='1'? 'active' : ''}}"> <view class="tab-conter"> <view class="tab-tixian"> <view class="tab-list {{item.active ? 'actives' : '' }}"
2020-06-16 19:29:36
687
原创 小程序商品列表加载，一次显示六条数据
<!-- HTML --!><navigation id='Navigation' show-icon="{{true}}" title="分类列表" show-title="{{true}}" class=""></navigation><view class="container {{iphone}}">//商品列表 <view class="goods-container"> <view class="goods-bo
2020-05-29 17:42:06
1411
原创 小程序商城开发，二级分类列表实现点击分类标题切换商品显示，前端和接口代码
废话不说直接上代码<!-- HTML --!><navigation id='Navigation' show-search='{{true}}'></navigation><view class="container"> <view class="type-container-boxx"> <!-- 分类 --> <view class="type-container"> <view
2020-05-29 09:35:35
3175
1
原创 使用JQuery实现首页轮播图，左右切换，圆点切换，鼠标进入图片时悬停，移除自动切换效果
测试了很多次把所有遇见的坑都解决掉了,直接上代码//HTML代码 <div class="banner"> <!-- 轮播大图 --> <ul class="banner_img"> <li> <a href="javascript:;"> <img src="../../images/banner01.png"
2020-05-23 15:44:59
1235
原创 使用JQuery实现遮罩层效果，与DOM思路完全相同
$('.small1').hover(function(){//此处使用传统函数方便 //console.log(this);//此处的this是DOM对象 //$(this).find('.mask').css('top':'0');//此处没有动画拉起的效果 $(this).find('.mask').animate({'top':'0'},100); }, function(){ //$(this).find('.mask').css('top':'156');
2020-05-13 23:37:51
177
原创 原生JS实现鼠标悬停在半透明遮罩层上，自动拉起降下的动画效果
话不多说，直接上代码：// 鼠标悬停在半透明遮罩层上，自动拉起var small1List = document.querySelectorAll('.smal')//console.log(small1List);//NodeListfor(let element of small1List){//鼠标移动到.small上方，则全部显示.small let time = null; element.onmouseenter= function(){
2020-05-12 00:34:12
694
原创 小程序支付完成后前端实现HTTPS发送模板订阅消息
标题 今天在开发小程序的时候需要实现支付成功后向用户推送订阅消息，查阅小程序官方文档后发现一种是用云开发编写云函数来发送，还有一种是用HTTPS来发送，但是HTTPS需要引用Node.js包，而我想要的是直接在WXJS里手写模板代码实现用户支付完成后，授权订阅消息，从而实现向用户推送，下面上今天一天的成果！//上面需要线获取用户的openId //获取...
2020-05-07 19:09:19
1433
原创 微信小程序后台数据返回富文本解析到前端页面显示
今天在开发微信小程序商品详情的时候接收到后台传来一条由百度富文本转义的字符串，小程序的WXML是解析不了的，查过文档后需要用来解析，但是直接用是解析不了的，这时候需要用转义的方法来解析：下面上代码//请求到后台的富文本字符串 const myrich = that.escape2Html(res.details);//转义方法 escape2Html(str) { var a...
2020-05-05 19:59:15
2752
原创 小程序授权支付接口方法
小程序授权支付接口方法 payup: function () { //获取用户的openid var that = this; var order_number = that.data.order_number; var fee = that.data.money; var appid = 'wx2e75c45bb481e522'; var se...
2020-04-26 18:49:10
564
转载 js数组排序（升序 降序 倒排）
倒排：var a = [1,2,3,4,5,6];var arr = [];for (var i=a.length-1;i>=0;i--){ arr.push(a.[i])}console.log(arr);倒排：冒泡排序var arr = [1,3,44,55,64,26,78,98,51,48]; function sort(array){ ...
2020-04-10 17:33:35
1518
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人