自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 html中使用js将axios请求封装

百度中全是vue-cli中使用axios的方式,我需要用的是在html中引入axios.js 1、新建 httpRequest.js 文件,定义如下方法: //axios封装post请求 function axiosPostRequst(url,data) { let result = ...

2020-03-17 11:32:07

阅读数 13

评论数 0

原创 vue中比较完美请求的栗子(使用 axios 访问 API)

vue中比较完美请求的栗子(使用 axios 访问 API) 官网地址:https://vuejs.bootcss.com/v2/cookbook/using-axios-to-consume-apis.html 实例: <!DOCTYPE html> <html lang=&q...

2020-03-17 09:40:34

阅读数 25

评论数 0

原创 uni-app云打包之安卓证书

引言 当我们的APP已经开发好了,一切准备就绪之后,我们就可以采用云打包的方式打包自己的应用。在云打包这里涉及到了安卓系统和IOS系统,本次笔者记录的是如何制作自己的安卓证书,制作过程非常简单,只要借助keytool(安装JDK后自带的工具),下面我们来看一下操作的过程。 安装JDK 官方下载:...

2020-03-14 10:14:02

阅读数 22

评论数 0

原创 uniapp时间戳转换

页面使用 {{item.createTime | timeStamp}} filters: { timeStamp: function(value) { if (!value) return ''; var now = new Date(value);...

2020-03-11 17:34:16

阅读数 139

评论数 0

原创 uni-app导航栏配置

uni-app写app的内容会与沉浸栏重合在一起,写好好多,都是有点问题的,这次终于找到解决的方法了,与大家分享一下 最简单的解决方式就是配置mainfest.json来关闭沉浸式。即通过打开应用的manifest.json文件,切换到代码视图,在app-plus -> statusbar ...

2020-03-09 14:20:10

阅读数 22

评论数 0

原创 微信小程序保存图片到相册授权被拒绝后重新拉取授权wx.opensetting的使用方法

近期开发过小程序的童鞋应该已经知道,小程序某些接口已废弃,改用新的接口。比如wx.getUserInfo()、wx.authorize()、wx.openSetting()等都将废弃,拉起不了用户授权界面。而它们被统一集成在button组件里的一个open-type属性里面,也就是说,小程序为了更...

2020-03-07 17:49:34

阅读数 50

评论数 0

原创 微信小程序锚点定位使用教程

在商品详情页面,一般会有商品图显示、商品主要信息、评价、商品详情等,这时候最好是在最上面加上导航,点击导航定位到对应的页面位置。 比如在京东的商品详情页面,对于一般的PC端网页,只需要使用 ,然后在地址栏最后加上#element_Id,就能很方便的跳转到该元素的位置。 1.将page的高度设置为...

2020-03-06 13:55:53

阅读数 16

评论数 0

原创 【Vue】24.遮罩层阻止默认滚动事件

在写移动端页面的时候,弹出遮罩层后,我们仍然可以滚动页面。vue中提供@touchmove.prevent.stop,@mousewheel.prevent方法可以完美解决这个问题。 <div class="dialog" @touchmove.prevent.stop ...

2019-12-27 16:14:10

阅读数 14

评论数 0

原创 微信小程序使用高德地图API获取准确定位地址描述

wxml <button bindtap="getLocation">获取定位</button> const app=getApp() const amapFile=require('../../js/amap-wx.js') ...

2019-10-30 11:34:30

阅读数 86

评论数 0

原创 小程序对象不去重合并

未合并 合并 代码块 myFunction(arr) { const self = this var res = {}; for (var v of arr) { for (var k in v) { ...

2019-10-08 17:27:13

阅读数 27

评论数 0

原创 js中const,var,let的区别

1.const 定义的变量不可以被修改,而且必须初始化。 const b = 2;//正确 // const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值 // b = 5; // console.log(&#...

2019-09-21 12:02:50

阅读数 13

评论数 0

原创 JS中的 that = this

在JavaScript中,this代表的是当前对象。 this 是JavaScript语言的一个关键字。它代表函数运行时,自动生成一个内部对象,只能在函数内部使用 var that = this 就是将当前的this对象复制一份到that变量中,这样做有什么意义呢? $(‘#conten'...

2019-09-21 11:48:54

阅读数 45

评论数 0

原创 this和self区别

this,self,parent 三个关键字从字面上比较好理解,分别 是指这、自己、父亲。 this 是指向当前对象的指针 self 是指向当前类的指针 parent 是指向父类的指针 总结 this 是指向对象实例的一个指针 self 是对类本身的一个引用 parent 是对父类的引用 ....

2019-09-21 11:42:43

阅读数 48

评论数 0

原创 微信小程序API——获取定位

其实获取定位很简单,我们直接调用微信的接口wx.getLocation,结果会返回给我们一个json数组,结果就像上图一样,数组中包含各种属性,我们最需要的就是经度(longitude)和纬度(latitude),我们获得了当前位置的经纬度就可以调用高德地图的API,把我们的经纬度传上去,之后就能...

2019-09-20 15:00:07

阅读数 23

评论数 0

原创 封装函数 f,使 f 的 this 指向指定的对象

function bindThis(f, oTarget) { //bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数 return f.bind(oTarget) }

2019-09-06 14:55:43

阅读数 21

评论数 0

原创 适合vue的富文本框

直接做成一个组件,在需要的地方直接调用即可,能够自动将内容转换为带有标签 <template> <div class="editor-wrapper"> <div :id="editorId" class...

2019-08-31 15:50:07

阅读数 139

评论数 0

原创 js 获取字符串中最后一个斜杠前面/后面的内容

js 获取字符串中最后一个斜杠后面的内容: var str = "/asdasf/asfaewf/agaegr/trer/rhh"; var index = str .lastIndexOf("\/"); str = str .substring(i...

2019-08-31 10:31:41

阅读数 47

评论数 0

原创 vue中slot(插槽)详解,slot、slot-scope和v-slot

slot是什么 slot,也称插槽,可以类比为插卡式的FC游戏机,游戏机(子组件)暴露卡槽(插槽)让用户插入不同的游戏磁条(自定义内容),游戏机会读取并加载磁条里的游戏 Vue的slot,是组件的一块HTML模板,这块模板由使用组件者即父组件提供。可以说是子组件暴露的一个让父组件传入自定义内容的接...

2019-08-30 10:46:29

阅读数 458

评论数 0

原创 微信小程序实现无限滚动列表

wxml <!-- 底部排名 --> <!-- vertical滑动方向是否为纵向 --> <!-- autoplay是否自动切换 --> <!-- circular是否采用衔接滑动 --> <!-- interval自动切换时间间隔...

2019-08-28 14:15:42

阅读数 113

评论数 0

原创 vue中Axios的封装与API接口的管理详解

一:axios的封装 vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是promise的http库,可运行在浏览器端和node.js中。 安装 npm install axios //安装axios 引入 一般都在项目的src目录中,新建一个request文件夹,然后在里...

2019-08-28 11:45:56

阅读数 60

评论数 0

原创 vue项目-封装API接口

1.在/src/下创建一个js文件 AxiosAsk.js import Vue from 'vue' import axios from 'axios' var vm = ''; Vue.prototype.thisVm = funct...

2019-08-27 11:12:58

阅读数 154

评论数 0

原创 Vue.js实现tab切换效果

tab切换第一步先要把HTML写好,这个第一步很关键,主要分为两块结构 <div id="app"> <ul class="tab-tilte"> <li>标题一</li>...

2019-08-27 10:11:58

阅读数 60

评论数 0

原创 小程序swiper(tab)高度自适应

swiper高度问题一直困扰我。今天终于有时间来解决一下。因为他的高度不能固定死,写死其他数据展示不完全,不写或者100%,auto都不行。翻了一堆资料也查了很多,最后总结一下。 1.很多人都说用一种方法。就是高度*数量,也就是所说的获取数据数组长度,根据数据长度来动态改变每页的长度,因为字号啊什...

2019-08-21 13:41:58

阅读数 77

评论数 0

原创 微信小程序swiper禁止用户手动滑动

用 catchtouchmove 事件来截获用户手动滑动事件,这样既解决了禁用用户手动滑动,有解决了有点击按钮不影响使用 wxml <swiper class='yaohe' vertical='true' circular='true&...

2019-08-19 15:48:01

阅读数 803

评论数 0

原创 小程序如何写tab选项卡

tab切换效果 wxml <view class="content"> <!--头部tab切换部分start--> <view class="menu"> <view class="{{cu...

2019-08-19 10:27:29

阅读数 192

评论数 1

原创 微信小程序横向图片左右滑动

wxml代码 <scroll-view scroll-x="true"> <view class="banner" scroll-x="true"> <view clas...

2019-08-17 15:38:38

阅读数 586

评论数 0

原创 uniapp 上垃加载下拉刷新 mescroll

<template> <mescroll-uni :down="downOption" @down="downCallback" :up="upOption" @up="upCallback">...

2019-08-14 11:28:09

阅读数 305

评论数 0

原创 什么是async、await?

async “异步”的意思,async用于声明一个函数是异步的 await “等待”的意思,await用于等待异步完成,await只能在async函数中进行使用 通常async、await 都是跟随Promise一起使用的。 async返回的都是一个Promise对象同时async适用于任何类型的...

2019-08-14 10:51:45

阅读数 144

评论数 0

原创 js简单的条件语句判断

1:工具文件夹common中until.js创建方法 const xxxx = str => ['男','女','小孩'][str] || '未知'; //导出 export default { xxxx } ...

2019-08-14 09:47:15

阅读数 78

评论数 0

原创 js 获取地址栏参数

1:工具文件夹common中创建until.js文件 // 获取地址栏查询参数 const getSearch = (name) => { // 创建一个空参数用来存储查询到的参数 let str = null; // 获取地址栏信息 let url = window.locatio...

2019-08-14 09:40:02

阅读数 21

评论数 0

原创 uni-app接口封装

1:common中创建request.js const baseurl = 'http://kjs.demo.dopaik.cn'; const main = opts => { // opts.url = baseurl + opts.url; const re...

2019-08-14 09:30:39

阅读数 1821

评论数 2

原创 js const 和 var 的区别

const 其作用域和let一样,都是块作用域的,并且呢,如果const变量是基本类型值,则值不可变,如果值为引用类型数据结构,那么其引用的变量不可变,当然啦,const初始化的时候必须要赋值。不允许变量提升,也就是说,先使用,再初始化,这个会报错,也不允许重定义。 var 其是函数作用域的,其值...

2019-08-14 09:18:04

阅读数 15

评论数 0

原创 uni-app 修改富文本信息中的图片样式

获取到富文本信息: 用正则表达式定位要修改的部分,替换要修改成的文本内容。 var richtext= res.data.data.richtext; const regex = new RegExp('<img', 'gi'); ric...

2019-07-23 09:11:27

阅读数 742

评论数 0

原创 Vue.js实现tab切换效果

利用Vue实现简易tab切换效果 1.1 在我们平时浏览网站的时候,经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后,开始要写出一些简单的特效。 1.2 实现思路是点击上方的标题,下方的内容随之发生改变,上方和下方用的是两个块,是兄弟节点,所以需要点击tab...

2019-06-18 11:38:43

阅读数 217

评论数 0

原创 vue动态绑定class,tab切换非常好用

<div @click="tab('left')" v-bind:class="{'decoration-line':showLeft}" class="col-xs-6 col-md...

2019-06-14 10:50:06

阅读数 395

评论数 0

原创 vue中引入jquery

1、在项目中安装jquery。 npm install jquery --save-dev 2、在项目根目录下的build/webpack.base.conf.js文件中: ① 先写以下代码 var webpack = require(“webpack”) ②在module.exports的最...

2019-06-01 14:21:05

阅读数 12

评论数 0

原创 js判断页面是首次加载还是刷新

1:利用window.name属性在页面刷新时不会重置判断(在改属性空置的情况下可使用) if(window.name == ""){ console.log("首次被加载"); window.name = "isReload"; /...

2019-05-28 10:37:37

阅读数 83

评论数 0

原创 JavaScript高级程序设计(第3版)非扫描版

前端学习js的红皮书文档:JavaScript高级程序设计(第3版)非扫?.. 文档:JavaScript高级程序设计(第3版)非扫?.. 链接:http://note.youdao.com/noteshare?id=517ca238c5a831dafd25d155f514be46&sub...

2019-05-27 15:11:43

阅读数 25

评论数 0

原创 console打印样式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

2019-05-27 11:05:54

阅读数 75

评论数 0

原创 元素垂直水平居中布局

水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block和text-align实现 .parnen{ t...

2019-05-24 15:41:26

阅读数 53

评论数 0

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