- 博客(62)
- 收藏
- 关注
RSS订阅原创 微信小程序自定义状态栏
首先修改 app.json文件中的 windows字段如下：{ "pages": [ "pages/index/index" ], "window": { "navigationStyle": "custom" }}为了避免遮挡用户手机顶部状态栏，还需要获取用户手机状态栏的高度，并在在每个页面中添加一个占位用的 view标签来防止遮挡用户状态栏。在 app.js文件添加如下代码：App({ onLaunch: function
2020-07-09 14:08:45
1782
原创 小程序中textarea层级最高的结局办法
在小程序中textarea层级比较高，当底部有fiexd定位的时候或出现文本框中的文本穿透显示出来，解决办法是在texarea标签下面添加一个view或者text标签来和texarea标签替换使用<view class='textarea_wrap'> <textarea class='resource-textarea' wx:if='{{...
2020-04-15 22:27:21
265
原创 html中使用js将axios请求封装
百度中全是vue-cli中使用axios的方式，我需要用的是在html中引入axios.js1、新建 httpRequest.js 文件，定义如下方法：//axios封装post请求function axiosPostRequst(url,data) { let result = axios({ method: 'post', url: url, ...
2020-03-17 11:32:07
1501
3
原创 vue中比较完美请求的栗子（使用 axios 访问 API）
vue中比较完美请求的栗子（使用 axios 访问 API）官网地址：https://vuejs.bootcss.com/v2/cookbook/using-axios-to-consume-apis.html实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...
2020-03-17 09:40:34
261
原创 uni-app云打包之安卓证书
引言当我们的APP已经开发好了，一切准备就绪之后，我们就可以采用云打包的方式打包自己的应用。在云打包这里涉及到了安卓系统和IOS系统，本次笔者记录的是如何制作自己的安卓证书，制作过程非常简单，只要借助keytool（安装JDK后自带的工具），下面我们来看一下操作的过程。安装JDK官方下载：https://www.oracle.com/technetwork/java/javase/down...
2020-03-14 10:14:02
1279
原创 uniapp时间戳转换
页面使用{{item.createTime | timeStamp}}filters: { timeStamp: function(value) { if (!value) return ''; var now = new Date(value); console.log("time:" + JSON.stringify(now)); var year...
2020-03-11 17:34:16
7614
原创 uni-app导航栏配置
uni-app写app的内容会与沉浸栏重合在一起，写好好多，都是有点问题的，这次终于找到解决的方法了，与大家分享一下最简单的解决方式就是配置mainfest.json来关闭沉浸式。即通过打开应用的manifest.json文件，切换到代码视图，在app-plus -> statusbar 下添加immersed节点并设置值为false。"app-plus" : { "status...
2020-03-09 14:20:10
605
原创 微信小程序保存图片到相册授权被拒绝后重新拉取授权wx.opensetting的使用方法
近期开发过小程序的童鞋应该已经知道，小程序某些接口已废弃，改用新的接口。比如wx.getUserInfo()、wx.authorize()、wx.openSetting()等都将废弃，拉起不了用户授权界面。而它们被统一集成在button组件里的一个open-type属性里面，也就是说，小程序为了更好的保护用户隐私，大部分涉及到授权的问题，都需要引导用户主动去授权，而不是强制被授权。下面就主要来讲怎...
2020-03-07 17:49:34
1429
1
原创 微信小程序锚点定位使用教程
在商品详情页面，一般会有商品图显示、商品主要信息、评价、商品详情等，这时候最好是在最上面加上导航，点击导航定位到对应的页面位置。比如在京东的商品详情页面，对于一般的PC端网页，只需要使用 ，然后在地址栏最后加上#element_Id，就能很方便的跳转到该元素的位置。1.将page的高度设置为100%；2.导航下面的内容部分必须用 包起来3.设置scroll-view的高度=屏幕的高度-...
2020-03-06 13:55:53
1738
原创 【Vue】24.遮罩层阻止默认滚动事件
在写移动端页面的时候，弹出遮罩层后，我们仍然可以滚动页面。vue中提供@touchmove.prevent.stop，@mousewheel.prevent方法可以完美解决这个问题。<div class="dialog" @touchmove.prevent.stop @mousewheel.prevent></div>如果不使用vue的话，可以给body添加over...
2019-12-27 16:14:10
151
原创 微信小程序使用高德地图API获取准确定位地址描述
wxml<button bindtap="getLocation">获取定位</button>const app=getApp()const amapFile=require('../../js/amap-wx.js')Page({ data:{ address:''//定位地址 } //获取定位 ,getLoc...
2019-10-30 11:34:30
1926
原创 小程序对象不去重合并
未合并合并代码块 myFunction(arr) { const self = this var res = {}; for (var v of arr) { for (var k in v) { if (res[k] === undefined) { ...
2019-10-08 17:27:13
268
原创 js中const，var，let的区别
1.const 定义的变量不可以被修改，而且必须初始化。 const b = 2;//正确 // const b;//错误，必须初始化 console.log('函数外const定义b：' + b);//有输出值 // b = 5;// console.log('函数外修改const定义b：' + b);//无法输出 2.var 定义的变量可以被修改，如果不初始化会输出undefi...
2019-09-21 12:02:50
170
原创 JS中的 that = this
在JavaScript中，this代表的是当前对象。this 是JavaScript语言的一个关键字。它代表函数运行时，自动生成一个内部对象，只能在函数内部使用var that = this 就是将当前的this对象复制一份到that变量中，这样做有什么意义呢？$(‘#conten').click(function(){//this是被点击的#contenvar that = this;...
2019-09-21 11:48:54
525
原创 this和self区别
this，self，parent 三个关键字从字面上比较好理解，分别 是指这、自己、父亲。this 是指向当前对象的指针self 是指向当前类的指针parent 是指向父类的指针总结this 是指向对象实例的一个指针self 是对类本身的一个引用parent 是对父类的引用...
2019-09-21 11:42:43
895
原创 微信小程序API——获取定位
其实获取定位很简单，我们直接调用微信的接口wx.getLocation,结果会返回给我们一个json数组，结果就像上图一样，数组中包含各种属性，我们最需要的就是经度(longitude)和纬度(latitude)，我们获得了当前位置的经纬度就可以调用高德地图的API，把我们的经纬度传上去，之后就能够获得高德地图给我们返回的信息。首先我们需要从高德地图的官网上下载一个微信小程序SDK下载地址v...
2019-09-20 15:00:07
298
原创 封装函数 f，使 f 的 this 指向指定的对象
function bindThis(f, oTarget) {//bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数 return f.bind(oTarget)}
2019-09-06 14:55:43
300
原创 适合vue的富文本框
直接做成一个组件，在需要的地方直接调用即可，能够自动将内容转换为带有标签<template> <div class="editor-wrapper"> <div :id="editorId" class="editor-div"></div> </div></template><s...
2019-08-31 15:50:07
1224
1
原创 js 获取字符串中最后一个斜杠前面/后面的内容
js 获取字符串中最后一个斜杠后面的内容:var str = "/asdasf/asfaewf/agaegr/trer/rhh"; var index = str .lastIndexOf("\/"); str = str .substring(index + 1, str .length);js 获取字符串中最后一个斜杠前面的内容:var str = "/asdasf/asfae...
2019-08-31 10:31:41
591
原创 vue中slot（插槽）详解，slot、slot-scope和v-slot
slot是什么slot，也称插槽，可以类比为插卡式的FC游戏机，游戏机（子组件）暴露卡槽（插槽）让用户插入不同的游戏磁条（自定义内容），游戏机会读取并加载磁条里的游戏Vue的slot，是组件的一块HTML模板，这块模板由使用组件者即父组件提供。可以说是子组件暴露的一个让父组件传入自定义内容的接口。slot的作用让用户可以拓展组件，去更好地复用组件和对其做定制处理举一些例子，比如布局组件...
2019-08-30 10:46:29
5123
原创 微信小程序实现无限滚动列表
wxml<!-- 底部排名 --><!-- vertical滑动方向是否为纵向 --><!-- autoplay是否自动切换 --><!-- circular是否采用衔接滑动 --><!-- interval自动切换时间间隔 --><swiper class="tab-right" vertical="true" aut...
2019-08-28 14:15:42
1156
原创 vue中Axios的封装与API接口的管理详解
一：axios的封装vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是promise的http库，可运行在浏览器端和node.js中。安装npm install axios //安装axios引入一般都在项目的src目录中，新建一个request文件夹，然后在里面新建一个http.js和api.js文件。http.js文件用来封装我们的axios，api.js用...
2019-08-28 11:45:56
2260
原创 vue项目-封装API接口
1.在/src/下创建一个js文件 AxiosAsk.jsimport Vue from 'vue'import axios from 'axios'var vm = '';Vue.prototype.thisVm = function(_this) { vm = _this;}const APIASK = (url, type, data) => { let hostUrl...
2019-08-27 11:12:58
515
原创 Vue.js实现tab切换效果
tab切换第一步先要把HTML写好，这个第一步很关键，主要分为两块结构 <div id="app"> <ul class="tab-tilte"> <li>标题一</li> <li>标题二</li> <li>标题三</li>...
2019-08-27 10:11:58
497
原创 小程序swiper（tab）高度自适应
swiper高度问题一直困扰我。今天终于有时间来解决一下。因为他的高度不能固定死，写死其他数据展示不完全，不写或者100%，auto都不行。翻了一堆资料也查了很多，最后总结一下。1.很多人都说用一种方法。就是高度*数量，也就是所说的获取数据数组长度，根据数据长度来动态改变每页的长度，因为字号啊什么的在各个手机显示不一定都相同，总感觉不是解决问题的最佳方法。2.使用Swiper+scroll-v...
2019-08-21 13:41:58
357
原创 微信小程序swiper禁止用户手动滑动
用 catchtouchmove 事件来截获用户手动滑动事件，这样既解决了禁用用户手动滑动，有解决了有点击按钮不影响使用wxml<swiper class='yaohe' vertical='true' circular='true' autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">...
2019-08-19 15:48:01
3475
原创 小程序如何写tab选项卡
tab切换效果wxml<view class="content"> <!--头部tab切换部分start--> <view class="menu"> <view class="{{currentTab==index?'select':'default'}}" wx:for="{{switchtab}}" wx:key='' data...
2019-08-19 10:27:29
601
1
原创 微信小程序横向图片左右滑动
wxml代码<scroll-view scroll-x="true"> <view class="banner" scroll-x="true"> <view class="banner_Item"> 第一块 </view> <...
2019-08-17 15:38:38
3093
原创 uniapp 上垃加载下拉刷新 mescroll
<template> <mescroll-uni :down="downOption" @down="downCallback" :up="upOption" @up="upCallback"> <view class="list" v-for="(item,index) in dataList" :key="index"> <view cl...
2019-08-14 11:28:09
1286
原创 什么是async、await？
async“异步”的意思，async用于声明一个函数是异步的await“等待”的意思，await用于等待异步完成，await只能在async函数中进行使用通常async、await 都是跟随Promise一起使用的。async返回的都是一个Promise对象同时async适用于任何类型的函数上。这样await得到的就是一个Promise对象（如果不是Promise对象的话那async返回...
2019-08-14 10:51:45
1040
原创 js简单的条件语句判断
1:工具文件夹common中until.js创建方法const xxxx = str => ['男'，'女'，'小孩'][str] || '未知'；//导出export default {xxxx}2：页面中方法引用import utils from '@/common/utils.js';//()中是需要传进入的参数const sss = utils.xxxx(...
2019-08-14 09:47:15
314
原创 js 获取地址栏参数
1：工具文件夹common中创建until.js文件// 获取地址栏查询参数const getSearch = (name) => { // 创建一个空参数用来存储查询到的参数 let str = null; // 获取地址栏信息 let url = window.location.href; // 分割掉?前面的内容 let query = url.split('?')[1...
2019-08-14 09:40:02
288
原创 uni-app接口封装
1：common中创建request.jsconst baseurl = 'http://kjs.demo.dopaik.cn';const main = opts => { // opts.url = baseurl + opts.url; const regHost = /^(http|https|\\)/; // test() 方法用于检测一个字符串是否匹配某个模式. ...
2019-08-14 09:30:39
6743
2
原创 js const 和 var 的区别
const其作用域和let一样，都是块作用域的，并且呢，如果const变量是基本类型值，则值不可变，如果值为引用类型数据结构，那么其引用的变量不可变，当然啦，const初始化的时候必须要赋值。不允许变量提升，也就是说，先使用，再初始化，这个会报错,也不允许重定义。var其是函数作用域的，其值修改，允许变量提升，也允许多次重定义。不过一般来说的话，假设在兼容允许的范围内，优先考虑let和co...
2019-08-14 09:18:04
832
原创 uni-app 修改富文本信息中的图片样式
获取到富文本信息：用正则表达式定位要修改的部分，替换要修改成的文本内容。var richtext= res.data.data.richtext; const regex = new RegExp('<img', 'gi'); richtext= richtext.replace(regex, `<img style="max-width: 100%;"`);\ ...
2019-07-23 09:11:27
2973
原创 Vue.js实现tab切换效果
利用Vue实现简易tab切换效果1.1 在我们平时浏览网站的时候，经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后，开始要写出一些简单的特效。1.2 实现思路是点击上方的标题，下方的内容随之发生改变，上方和下方用的是两个块，是兄弟节点，所以需要点击tab标题和下方内容一一对应，基予两个模块若下标相同是一个内容实现的。1.3 tab切换第一步先要把HTM...
2019-06-18 11:38:43
746
原创 vue动态绑定class,tab切换非常好用
<div @click="tab('left')" v-bind:class="{'decoration-line':showLeft}" class="col-xs-6 col-md-6 text-center theme-color item"> 排班信息 </div> <div @click="tab('right')" v...
2019-06-14 10:50:06
895
原创 vue中引入jquery
1、在项目中安装jquery。npm install jquery --save-dev2、在项目根目录下的build/webpack.base.conf.js文件中：① 先写以下代码var webpack = require(“webpack”)②在module.exports的最后写plugins: [new webpack.optimize.CommonsChunkPlug...
2019-06-01 14:21:05
183
原创 js判断页面是首次加载还是刷新
1：利用window.name属性在页面刷新时不会重置判断（在改属性空置的情况下可使用）if(window.name == ""){ console.log("首次被加载")； window.name = "isReload"; //在首次进入页面时我们可以给window.name设置一个固定值}else if(window.name == "isReload"){ console.lo...
2019-05-28 10:37:37
495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人