js
关注
分享
扫一扫
H_c_l
这个作者很懒，什么都没留下…
展开
-
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 · 1642 阅读 · 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 · 309 阅读 · 0 评论 -
微信小程序保存图片到相册授权被拒绝后重新拉取授权wx.opensetting的使用方法
近期开发过小程序的童鞋应该已经知道，小程序某些接口已废弃，改用新的接口。比如wx.getUserInfo()、wx.authorize()、wx.openSetting()等都将废弃，拉起不了用户授权界面。而它们被统一集成在button组件里的一个open-type属性里面，也就是说，小程序为了更好的保护用户隐私，大部分涉及到授权的问题，都需要引导用户主动去授权，而不是强制被授权。下面就主要来讲怎...原创 2020-03-07 17:49:34 · 1630 阅读 · 1 评论 -
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 · 1334 阅读 · 0 评论 -
微信小程序swiper禁止用户手动滑动
用 catchtouchmove 事件来截获用户手动滑动事件，这样既解决了禁用用户手动滑动，有解决了有点击按钮不影响使用wxml<swiper class='yaohe' vertical='true' circular='true' autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">...原创 2019-08-19 15:48:01 · 3549 阅读 · 0 评论 -
小程序swiper（tab）高度自适应
swiper高度问题一直困扰我。今天终于有时间来解决一下。因为他的高度不能固定死，写死其他数据展示不完全，不写或者100%，auto都不行。翻了一堆资料也查了很多，最后总结一下。1.很多人都说用一种方法。就是高度*数量，也就是所说的获取数据数组长度，根据数据长度来动态改变每页的长度，因为字号啊什么的在各个手机显示不一定都相同，总感觉不是解决问题的最佳方法。2.使用Swiper+scroll-v...原创 2019-08-21 13:41:58 · 436 阅读 · 0 评论 -
Vue.js实现tab切换效果
tab切换第一步先要把HTML写好，这个第一步很关键，主要分为两块结构 <div id="app"> <ul class="tab-tilte"> <li>标题一</li> <li>标题二</li> <li>标题三</li>...原创 2019-08-27 10:11:58 · 534 阅读 · 0 评论 -
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 · 578 阅读 · 0 评论 -
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 · 2414 阅读 · 0 评论 -
vue中slot（插槽）详解，slot、slot-scope和v-slot
slot是什么slot，也称插槽，可以类比为插卡式的FC游戏机，游戏机（子组件）暴露卡槽（插槽）让用户插入不同的游戏磁条（自定义内容），游戏机会读取并加载磁条里的游戏Vue的slot，是组件的一块HTML模板，这块模板由使用组件者即父组件提供。可以说是子组件暴露的一个让父组件传入自定义内容的接口。slot的作用让用户可以拓展组件，去更好地复用组件和对其做定制处理举一些例子，比如布局组件...原创 2019-08-30 10:46:29 · 5479 阅读 · 0 评论 -
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 · 708 阅读 · 0 评论 -
适合vue的富文本框
直接做成一个组件，在需要的地方直接调用即可，能够自动将内容转换为带有标签<template> <div class="editor-wrapper"> <div :id="editorId" class="editor-div"></div> </div></template><s...原创 2019-08-31 15:50:07 · 1346 阅读 · 1 评论 -
封装函数 f，使 f 的 this 指向指定的对象
function bindThis(f, oTarget) {//bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数 return f.bind(oTarget)}原创 2019-09-06 14:55:43 · 338 阅读 · 0 评论 -
this和self区别
this，self，parent 三个关键字从字面上比较好理解，分别 是指这、自己、父亲。this 是指向当前对象的指针self 是指向当前类的指针parent 是指向父类的指针总结this 是指向对象实例的一个指针self 是对类本身的一个引用parent 是对父类的引用...原创 2019-09-21 11:42:43 · 1017 阅读 · 0 评论 -
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 · 584 阅读 · 0 评论 -
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 · 243 阅读 · 0 评论 -
什么是async、await？
async“异步”的意思，async用于声明一个函数是异步的await“等待”的意思，await用于等待异步完成，await只能在async函数中进行使用通常async、await 都是跟随Promise一起使用的。async返回的都是一个Promise对象同时async适用于任何类型的函数上。这样await得到的就是一个Promise对象（如果不是Promise对象的话那async返回...原创 2019-08-14 10:51:45 · 1249 阅读 · 0 评论 -
小程序如何写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 · 662 阅读 · 1 评论 -
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 · 378 阅读 · 0 评论 -
解构赋值
详解解构赋值什么是解构赋值？传统做法var array = ['hello', 'JavaScript', 'ES6'];var x = array[0];var y = array[1];var z = array[2];ES6中，使用解构赋值，可以直接对多个变量同时赋值// 如果浏览器支持解构赋值就不会报错:var [x, y, z] = ['hello', 'JavaSc...原创 2019-05-14 16:09:27 · 447 阅读 · 0 评论 -
图片的懒加载
图片懒加载网页上图片点到哪里图片就加载到哪里，不用一次性加载完成html主要页面直接引入js文件，src改成data-src就可以直接进行图片的懒加载<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...原创 2019-05-15 11:51:09 · 143 阅读 · 0 评论 -
js读取excel的值
简单的一个demo示例<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js">&l...原创 2019-05-16 15:18:13 · 2700 阅读 · 0 评论 -
js图片懒加载的第二种方式
这种方式是图片按照顺序一张一张的加载直到所有图片都加载完成html同样的要让图片进行懒加载，路径引用就得用 data-src <ul> <li><img data-src="http://tle.haiguidjk.com/static/index/image/home_page/01.jpg" /></li>...原创 2019-05-16 17:22:05 · 186 阅读 · 0 评论 -
map/reduce的概念
《MapReduce: Simplified Data Processing on Large Cluster 》翻译MapReduce是一种编程模型和一种用来处理和产生大数据集的相关实现。用户定义map函数来处理key/value键值对来产生一系列的中间的key/value键值对。还要定义一个reduce函数用来合并有着相同中间key值的中间value。许多现实世界中的任务都可以用这种模型来表...原创 2019-05-17 14:05:15 · 2505 阅读 · 0 评论 -
js_______&&与||的区别
&&称之为“与”，也可以叫“逻辑与”可以有两层应用，第一可以当判断，第二可以当一个取值在判断的时候，会比较&&前后的值，一般都是用在if语句里面。if(0 && 1){ console.log('此代码不会执行')}if（1 && -1）{ console.log('此代码会执行')}这可以总结为：如果两个值都...原创 2019-05-17 14:35:01 · 237 阅读 · 0 评论 -
JavaScript 运行机制详解
一：为什么JavaScript是单线程JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率！JavaScript的单线程，与它的用途有关。作为浏览器脚本语言。JavaScript的主要用途是与用户互动，以及操作DOM。这就决定了它只能是单线程，否则会带来很复杂的同步问题。比如。假定JavaScrip...原创 2019-05-17 16:27:58 · 208 阅读 · 0 评论 -
console打印样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-05-27 11:05:54 · 350 阅读 · 0 评论 -
JavaScript高级程序设计（第3版）非扫描版
前端学习js的红皮书文档：JavaScript高级程序设计（第3版）非扫?..文档：JavaScript高级程序设计（第3版）非扫?..链接：http://note.youdao.com/noteshare?id=517ca238c5a831dafd25d155f514be46&sub=1F27DD3238D149CAA9055716095F661A...原创 2019-05-27 15:11:43 · 436 阅读 · 0 评论 -
vue-router的两种模式（hash和history）及区别
为什么要有hash 和history？对于Vue这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-Router存在的意义。前端路由的核心，就在于——改变试图的同时不会向后端发出请求。为了达到这一目的，浏览器当前提供了一下两种支持：1：hash - 即地址栏URL中的 # 符号（此hash不是密码学里的散列运算）比如这个URL：http：//www....原创 2019-05-23 11:28:14 · 12252 阅读 · 0 评论 -
url传参参数编码的解码问题
JS中encodeURIComponent（URL）编码与decodeURIComponent（URL）解码详解（1）encodeURIComponent（url）函数定义和用法encodeURIComponent() 函数可把字符串作为URI组件进行编码语法encodeURIComponent（参数URIstring）参数 描述URIstring 必需。一个字符串，含有 ...原创 2019-05-18 09:54:23 · 3054 阅读 · 0 评论 -
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 · 527 阅读 · 0 评论 -
js const 和 var 的区别
const其作用域和let一样，都是块作用域的，并且呢，如果const变量是基本类型值，则值不可变，如果值为引用类型数据结构，那么其引用的变量不可变，当然啦，const初始化的时候必须要赋值。不允许变量提升，也就是说，先使用，再初始化，这个会报错,也不允许重定义。var其是函数作用域的，其值修改，允许变量提升，也允许多次重定义。不过一般来说的话，假设在兼容允许的范围内，优先考虑let和co...原创 2019-08-14 09:18:04 · 901 阅读 · 0 评论 -
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 · 6846 阅读 · 2 评论 -
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 · 346 阅读 · 0 评论 -
JS中 let 和var的区别
JS中let和var 的区别简单介绍letvar的常见变量提升ES6可以用let定义块级作用域变量let配合for循环的独特应用let没有变量提升与暂时性死区let变量不能重复声明简单介绍letlet是ES6中新增命令，用来声明局部的变量。用法类似var，但是所声明的变量，只会在let命令所在的代码块内有效，而且有暂时性死区的约束。var的常见变量提升var a = 99; ...原创 2019-05-14 15:25:03 · 2660 阅读 · 0 评论