自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 详细介绍 javascript 闭包相关概念

在介绍闭包之前我们先了解一下高阶函数吧,听起来很高大上对名字,其实我们可能经常在用,只是不知道它叫这个名字。高阶函数是对其他函数进行操作对函数,它分为两种情况将函数作为参数传递 function fn(a,b,callback) { console.log(a+b); callback && callback(); } fn(1,2,function () { alert("aa");

2020-10-15 12:34:18 137

原创 javascript this指向大总结

1. this 的指向1.1 普通函数内 this 的指向这些this 指向是当我们调用函数时确定的,调用方式不同决定了this指向不同,函数内的this 一般指向函数的调用者调用方式this指向普通函数调用window构造函数调用实例对象,原型对象里面的方法也指向实例对象对象方法调用该方法所属对象绑定事件方法绑定事件对象定时器函数window立即执行函数window1.2. 箭头函数的 this 指向箭头函数的this是在定义函

2020-10-13 12:04:22 154

原创 微信小程序长列表组件recycle-view的用法(scroll-view组件不适用于加载大量分页数据,加载到几十页的时候会出现白屏)

背景####### 使用此组件需要依赖小程序基础库 2.2.2 版本,同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。####### 目前小程序会有不少的应用场景里会用到无限长列表的交互,当一个页面展示很多信息的时候,会造成小程序页面的卡顿以及白屏。原因有如下几点:因此就有长列表组件来解决这些问题。...

2020-04-29 11:53:54 6354 1

原创 vue 获取当前位置经纬度

<template> <div> <div id="container"> </div> </div></template><script> export default { created(){ }, mo...

2020-01-11 12:01:08 14202 2

原创 vue实现省市区三级联动地区选择

效果图实现步骤1.npm i v-distpicker --s2.<template> <div> <div class="choos" @click="choos" v-if="agentArea==''">选择</div> <div class="choos" @click="choos...

2020-01-11 11:42:20 2651

原创 vue上传图片,图片裁剪缩放并上传至服务器

选择图片时裁剪,缩放的效果点击完成之后的预览效果实现步骤第1步:npm i clipic --s第2步<template> <div> <div class="photo"> <img :src="base64" /> <input type="file" name="fi...

2020-01-11 11:26:04 2651

原创 微信小程序常见问题总结

1. new Date跨平台兼容性问题在Andriod使用new Date(“2018-05-30 00:00:00”)没有问题,但是在ios下面识别不出来。因为IOS下面不能识别这种格式,需要用2018/05/30 00:00:00格式。可以使用正则表达式对做字符串替换,将短横替换为斜杠。var iosDate= date.replace(/-/g, '/');。2.iOS中input...

2019-11-06 15:11:29 796

原创 微信小程序中使用柱状图展示数据

wxml<view class="charts"> <canvas canvas-id="columnCanvas" class="canvas" disable-scroll='true' style='width:{{code_w}}px;height:{{code_h}}px'></canvas> <view style='wi...

2019-09-17 15:20:36 7661

原创 微信小程序九宫格抽奖

jsPage({ data: { last_index: 0,//上一回滚动的位置 amplification_index: 0,//轮盘的当前滚动位置 roll_flag: true,//是否允许滚动 max_number: 8,//轮盘的全部数量 speed: 300,//速度,速度值越大,则越慢 初始化为300 finalindex: 5...

2019-07-25 14:15:56 2256 2

原创 微信小程序把字符串或链接以二维码的形式显示 并且二维码大小自适应

wxml &lt;view class="erweima"&gt; &lt;canvas class='erimg' canvas-id='canvas' style="width:{{code_w}}px; height:{{code_w}}px;"&gt;&lt;/canvas&gt; &lt;/view&gt;&lt;button&gt;点击生成二维码&

2018-12-18 10:52:48 3050

原创 微信小程序当用户拒绝了地理位置的请求时提醒用户去设置地理位置授权

wxml//不允许地理授权不一样时的页面 &lt;view class="showFlag" wx:if="{{showFlag}}" &gt; &lt;view class="showFg"&gt; &lt;view class="showg"&gt;您拒绝了地理位置授权&lt;/view&gt; &lt;view cla

2018-10-23 18:53:50 10905

原创 小程序自带的api获取当前位置经纬度有偏差问题

wx.getLocation({ type: 'wgs84', success: function (res) { var latitude = res.latitude+0.001276 var longitude = res.longitude+0.006256 } //手动增加这些值定位就会...

2018-09-27 15:15:32 6856 5

原创 如何优化html页面

1. 把js文件 放到html页面最后去执行2. 可以将html页面,以及加载的其他内容压缩和混淆3. 压缩图片(png,jpeg,gif) png: 无损压缩的图片格式 带透明通道 (小图) jpeg 有损压缩 (大图) gif 带透明通道 带动态通道 有损压缩的格式(动图)4 .图片背景 (spring 技术) 图片精灵...

2018-09-26 15:26:05 1834

原创 小程序嵌套的h5页面的转发功能

承载网页的容器页面wxml&lt;view class="container"&gt; &lt;web-view src="{{banner_url}}"&gt;&lt;/web-view&gt;&lt;/view&gt;js onShareAppMessage: function (options) { var that = this var return_ur...

2018-09-25 13:48:52 5990 3

原创 小程序跳转到h5页面,h5页面再跳回小程序

需要跳转的页面index.html &lt;view class="subject subject1" data-info='{{objecturl2}}' bindtap='toAdmm' &gt;&lt;/view&gt;index.js//跳转的h5页面链接data:{ objecturl2: "https://....../action2/index.html...

2018-09-25 13:40:09 11115 2

原创 微信小程序上传图片并预览,指定总共最多能上传几张

wxml &amp;lt;view wx:for=&quot;{{tempFilePaths}}&quot;&amp;gt;&amp;lt;image src=&quot;{{item}}&quot;&amp;gt;&amp;lt;/image&amp;gt;&amp;lt;/view&amp;gt; &amp;lt;view wx:if=&quot;{{t

2018-09-11 19:39:42 6209

原创 微信小程序点击按钮返回上级页面并携带数据 (适用于从不同的页面进入该页面,该页面点击时返回上级页面)

1.上级页面data: { itemPage:'', }, Collect: function () { wx.navigateTo({ url: '../Address_list/Address_list' }) //跳到子页面 },2.子页面:wxml:&amp;lt;view bindtap='to_confirm' dat...

2018-09-10 11:59:22 1903

原创 获取浏览器距离屏幕的距离 获取浏览器尺寸

获取浏览器距离屏幕的距离window.screenLeft 获取浏览器距离屏幕左边的距离 window.screenTop 获取浏览器距离屏幕上边的距离获取浏览器尺寸window.innerWidth 获取浏览器的宽度 window.innerHeight 获取浏览器的高度任何浏览器都能使用 的 (兼容性)获取...

2018-09-04 15:06:58 836

原创 微信小程序点击按钮分享指定页面

微信小程序点击按钮分享指定页面1.在wxml里写所要点击的按钮&amp;amp;lt;button data-info='{{order}}' open-type=&amp;quot;share&amp;quot; hover-class='none'&amp;amp;gt;分享&amp;amp;lt;/button&amp;amp;gt; 2.在js页面//gbi指用户所要传递的参数(可以没有参数) //pa

2018-09-03 11:42:50 24545

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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