javascript
文章平均质量分 77
_Lunay
这个作者很懒,什么都没留下…
展开
-
http 协议状态码
1**(信息类):表示接收到请求并且继续处理 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 2**(响应成功):表示动作被成功接收、理解和接受 200——表明该请求被成功地完成,所请求的资源发送回客户端 201——提示知道新文件的URL 202——接受和处理、但处理未完成 203——返回信息不确定或不完整...原创 2018-10-26 16:00:12 · 328 阅读 · 0 评论 -
JS document.execCommand实现复制功能
最近项目中需要实现功能:点击button,复制input框的值;我使用的是 document.execCommand('copy')的方法;但是很郁闷的是,始终实现不了功能;代码如下HTML代码(v-model是vue框架中的双向数据绑定,不懂的请移步vue文档)<input id='input_url' v-model='product_url' disabled t...转载 2018-12-28 10:15:06 · 2625 阅读 · 0 评论 -
通过js去掉所有的html标签,得到HTML标签中的所有内容
//替换掉所有的 html标签,得到Html标签中的内容 var objString="<span style=\"font-family:仿宋_GB2312;font-size:21px;\">1.可选择的幼儿园:海丽达幼儿园、海丽达美意幼儿园、三之三幼儿园、华夏之星幼儿园、伟才幼儿园、精英传奇幼儿园、三之三阳光海岸幼儿园。</span>"; var dd...转载 2018-12-19 10:15:58 · 1017 阅读 · 0 评论 -
js判断手机类型
var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.mat...原创 2019-01-02 09:39:22 · 886 阅读 · 1 评论 -
WebViewJavascriptBridge浅析
WebViewJavascriptBridge是一个Objective-C与JavaScript进行消息互通的三方库。通过WebViewJavascriptBridge,我们可以很方便的实现OC和Javascript互调的功能。WebViewJavascriptBridge实现互调的过程也容易理解,就是在OC环境和Javascript环境各自保存一个相互调用的bridge对象,每一个调用之间都有i...转载 2019-01-08 10:15:15 · 855 阅读 · 0 评论 -
在sublime 控制台运行js
一、下载并安装node。node官网二、启动Sublime Text,Tools > Build System > New Build System内容替换为command+s 保存任意一名字即可设置当前的编译环境为nodejscommand+b 运行 控制台便可以输出...原创 2019-01-24 14:19:29 · 299 阅读 · 0 评论 -
h5页面 判断网页是否由微信或qq内置浏览器打开
function is_weixn_qq(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return "weixin"; } else if (ua.match(/QQ/i) == "qq") { ...原创 2019-01-28 15:40:32 · 5540 阅读 · 0 评论 -
js中‘0’到底是 true 还是 false
if ('0') alert("'0' is true"); if ('0' == false) alert("'0' is false");结果是,两次都 alert 了!那么 '0' 到底是 true 还是 false 呢?答案是:在js做比较的时候,有这样的三条规则:如果比较的两者中有boolean,会把 boolean 先转换为对应的 number,即 0 和 1(false...转载 2019-01-28 16:45:53 · 13921 阅读 · 0 评论 -
手机端H5获取当前城市的方法
移动端的H5页面提供了定位的功能,那么如何实现一个最简单的需求-----获取用户当前城市?你可能搜一下就会找到N篇博客介绍,但是你会发现你看完大段代码之后还是没搞清楚,为了便于大家理解,我精简了代码,只保留了必要的部分。 1、在html页面引入百度地图API(文档地址:http://developer.baidu.com/map/wiki/index.php?title=jspopul...转载 2018-12-12 19:10:37 · 1455 阅读 · 0 评论 -
vue (本地静态)图片下载到本地,图片保存到本地
点击事件 <div class="orcodebtn" @click="downhander(type)">保存二维码至本地相册</div> 图片路径 data(){ return { orcode:require('./images/orcode2.jpg') //图片地址要require } },js 代码...原创 2018-12-07 17:44:48 · 7636 阅读 · 4 评论 -
Axios Element 实现全局的请求 loading
背景业务需求是这样子的,每当发请求到后端时就触发一个全屏的 loading,多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等,所以文章主要是讲如果使用 axios 和 element 实现这个功能。分析首先,请求开始的时候开始 loading, 然后在请求返回后结束 loading。重点就是要拦截请求和响应。然后,要解决多个请求合并...转载 2018-11-29 10:56:31 · 1797 阅读 · 0 评论 -
箭头函数和普通函数有什么区别
1.箭头函数相当于匿名函数,是不能作为构造函数的,不能使用new 2.箭头函数不绑定arguments,取而代之用rest参数…解决 3.箭头函数会捕获其所在上下文的this值,作为自己的this值。即箭头函数的作用域会继承自外围的作用域。 4.箭头函数当方法使用的时候没有定义this的绑定obj = { a:10, b:()=>{ console.log(this...原创 2018-10-26 16:01:42 · 1007 阅读 · 0 评论 -
作业帮web面试总结
都是些很基础的东西 平时不太留意的。甚至是函数的参数,每个参数都是干嘛的。养成好习惯,做东西的时候需要认真!另一方面自己语言组织能力超级烂,很多东西表述的太差。继续努力,自勉!1.盒模型是必问的。 分为标准盒模型和IE盒模型 标准 content +padding+border+marigin width = content IE盒模...原创 2018-10-24 13:48:37 · 4471 阅读 · 0 评论 -
JavaScript 数组去重
方法一function unique(arr){ var result = []; //结果数组 for(var i = 0; i < arr.length; i++) { //如果在结果数组result中没有找到arr[i],则把arr[i]压入结果数组result中 if (result.indexOf(arr[i]) ...原创 2018-10-30 09:33:32 · 230 阅读 · 0 评论 -
JS如何判断json是否为空
function getjsonlength(json{ var jlength=0; for (var i in json){ jlength++; } return jlength;}console.log(getjsonlength(str))原创 2018-10-30 18:58:58 · 4192 阅读 · 0 评论 -
使用JS-SDK上传图片(文件)到七牛
一、介绍Qiniu-JavaScript-SDK (下文简称为 JS-SDK)适用于 :IE11、Edge、Chrome、Firefox、Safari 等浏览器,基于七牛云存储官方 API 构建,其中上传功能基于 H5 File API。开发者基于 JS-SDK 可以方便的从浏览器端上传文件至七牛云存储,并对上传成功后的图片进行丰富的数据处理操作。 JS-SDK 兼容支持 H5 File API...转载 2018-11-09 11:48:06 · 1205 阅读 · 0 评论 -
入门canvas - 通过刮奖效果来学习
一 、前言一直在做PC端的前端开发,从互联网到行业软件。最近发现移动端已经成为前端必备技能了,真是不能停止学习。HTML5新增的一些东西,canvas是用的比较多也比较复杂的一个,简单的入门了一下,通过一个刮奖效果来学习。 二、canvas基础本文的目标是做一个刮奖效果,但是如果都不知道canvas是怎么回事,那么肯定也无法进行下去,所以先讲讲canvas基础吧。首先,该怎么理...转载 2018-11-12 11:21:46 · 442 阅读 · 0 评论 -
JavaScript 中 闭包 的详解
在 JavaScript 中,闭包是一个让人很难弄懂的概念。ECMAScript 中给闭包的定义是:闭包,指的是词法表示包括不被计算的变量的函数,也就是说,函数可以使用函数之外定义的变量。是不是看完这个定义感觉更加懵逼了?别急,我们来分析一下。闭包是一个函数 闭包可以使用在它外面定义的变量 闭包存在定义该变量的作用域中好像有点清晰了,但是使用在它外面定义的变量是什么意思,我们先来...转载 2018-11-12 19:03:59 · 180 阅读 · 0 评论 -
防止表单重复提交
链接:https://www.zhihu.com/question/19805411/answer/256874945 防止重复提交不仅仅是前端要做处理 更需要后端做相应处理 这样才能绝对保证数据不重复录入数据库。前端如何防止表单重复提交,看了很多解决方法要从根本上解决这个问题 好的方式肯定不是每个Button 都写一个disable 根据状态来判断,这样维护起来太麻烦,改动起来太啰...转载 2018-11-29 10:44:32 · 159 阅读 · 0 评论 -
Generator 函数的含义与用法( 阮一峰)
本文是《深入掌握 ECMAScript 6 异步编程》系列文章的第一篇。Generator函数的含义与用法 Thunk函数的含义与用法 co函数库的含义与用法 async函数的含义与用法异步编程对 JavaScript 语言太重要。JavaScript 只有一根线程,如果没有异步编程,根本没法用,非卡死不可。以前,异步编程的方法,大概有下面四种。回调函数 事件监听...转载 2019-01-23 14:50:16 · 618 阅读 · 0 评论 -
promise处理多个相互依赖的异步请求
在项目中,经常会遇到多个相互依赖的异步请求。如有a,b,c三个ajax请求,b需要依赖a返回的数据,c又需要a和b请求返回的数据。如果采用请求嵌套请求的方式自然是不可取的。导致代码难以维护,如何请求很多。会出现很多问题。Promise就是解决多个异步请求的问题。Promise是ES6提供的一个对象,用来传递异步操作的消息。Promise有三种状态:Pending(进行中)、Resolve...转载 2019-02-28 11:41:05 · 4736 阅读 · 1 评论 -
js实现模糊查询
1. indexof 方法语法:stringObject.indexOf(searchvalue, fromindex)参数:searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。说明:该方法将从...转载 2019-05-17 11:34:04 · 7366 阅读 · 2 评论 -
js push、push.apply 和 cancat 的区别
1.push 添加到数组的末尾 改变原数组let temparr = [1,2,3,4];temparr.push(5)console.log(temparr) //[ 1, 2, 3, 4, 5 ] 他会把追加的数组作为元素的某一项添加到末尾temparr.push([6,7])console.log(temparr)//[ 1, 2, 3, 4, [ 6, 7 ] ]...原创 2019-05-28 09:42:14 · 14912 阅读 · 0 评论 -
object.assign 是浅、深拷贝的问题
let srcobj={ 'name':'zhuzhu', 'age':18, 'grade':{ 'one':'1111', 'two':'2222' }}let copyobj=Object.assign({},srcobj)copyobj.age='123'console.log(copyobj.age + "~~~~"+srcobj.age) //12...原创 2019-06-18 20:05:41 · 611 阅读 · 0 评论 -
如何用js判断null值
我们在开发的时候经常会判断一个null值,那么我们该如何去判断呢?这篇文章就教大家如何用js判断null值的方法,分别用两种方法来对比一下如何正确用js判断null值。以下是不正确的方法: var exp=null; if(exp==null){ alert("is null");}exp 为 undefined 时,也会得到与 n...转载 2019-06-22 16:20:37 · 4107 阅读 · 0 评论 -
element el-table 计算指定列
官网说明:将show-summary设置为true就会在表格尾部展示合计行。默认情况下,对于合计行,第一列不进行数据求合操作,而是显示「合计」二字(可通过sum-text配置),其余列会将本列所有数值进行求合操作,并显示出来。当然,你也可以定义自己的合计逻辑。使用summary-method并传入一个方法,返回一个数组, <el-table :data="distributi...原创 2019-07-12 11:33:07 · 8829 阅读 · 0 评论 -
JS 浮点计算丢失精度
console.log(.1 + .2); // 0.30000000000000004console.log(0.05 + 0.01) // 0.06000000000000000512后来参考各种论坛发现和二进制保存小数有关,基本上编程语言都有类似的问题…相关文献:http://0.30000000000000004.com/比较简单解决办法就是 使用toFixed()解...转载 2019-07-19 10:22:29 · 381 阅读 · 0 评论 -
JS比较日期的大小
方法一:function CompareDate(d1,d2){ return ((new Date(d1.replace(/-/g,"\/"))) > (new Date(d2.replace(/-/g,"\/"))));}var current_time = "2018-7-3 7:30";var stop_time = "2018-8-31 8:30";alert(...原创 2019-09-05 17:23:37 · 246 阅读 · 0 评论 -
Web 性能优化-首屏和白屏时间
什么是首屏和白屏时间?白屏时间是指浏览器从响应用户输入网址地址,到浏览器开始显示内容的时间。首屏时间是指浏览器从响应用户输入网络地址,到首屏内容渲染完成的时间。白屏时间 = 地址栏输入网址后回车 - 浏览器出现第一个元素首屏时间 = 地址栏输入网址后回车 - 浏览器第一屏渲染完成影响白屏时间的因素:网络,服务端性能,前端页面结构设计。影响首屏时间的因素:白屏时间,资源下载执行时间...转载 2019-09-26 17:05:45 · 4552 阅读 · 0 评论 -
深入了解CommonJS的模块实现原理
转载地址:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434502419592fd80bbb0613a42118ccab9435af408fd000当我们编写JavaScript代码时,我们可以申明全局变量:var s = 'global';在浏览器...转载 2019-04-22 15:24:21 · 434 阅读 · 0 评论 -
vue的更改数据源dom更新 json格式数组新增、删除一条数据并刷新
this.iseditdata =JSON.parse(JSON.stringify('传的值')this.$set(this.tableData,index, this.iseditdata)this.tableData是要修改数组,index是对应的下标,this.iseditdata是每一条数据,用$set()操作直接操作json数组新增一条数据this.$set(thi...原创 2019-04-26 15:09:43 · 3615 阅读 · 0 评论 -
js实现链式操作
来源前言:前不久阿里远程面试时问了我一个问题,如下:function Person(){};var person = new Person();//实现person.set(10).get()返回20当时正在问我原型链的问题,所以面试官直接用我写的person问的,我当时是这么实现的:function Person(){};var person = new Pe...转载 2019-04-11 20:24:31 · 1360 阅读 · 0 评论 -
解决在vue中axios请求超时的问题
//在main.js设置全局的请求次数,请求的间隙axios.defaults.retry = 4;axios.defaults.retryDelay = 1000;axios.interceptors.response.use(undefined, functionaxiosRetryInterceptor(err){ var config = err.confi...原创 2019-02-28 14:50:31 · 7929 阅读 · 0 评论 -
JS同时验证固话和手机号正则表达式
rom: http://hao3721.iteye.com/blog/1835677if(!preg_match('/(^0\d{2,3}\-\d{7,8}$)|(^1[3|4|5|6|7|8][0-9]{9}$)/', $telephone)){ return 'format_telephone';}上面是原文博主写的,记下来留作备用 以下为转载:...转载 2019-02-25 17:40:55 · 4735 阅读 · 0 评论 -
elementui table 全选功能 及选择框部分禁用功能
table的选中事件@selection-change="handleSelectionChange" <el-table :data="tableData" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange"> <el-tab原创 2019-03-12 10:04:58 · 16148 阅读 · 2 评论 -
html5全屏(Fullscreen)
<div class="btn-fullscreen" @click="handleFullScreen"> <el-tooltip effect="dark" :content="fullscreen?`取消全屏`:`全屏`" placement="bottom">原创 2019-03-13 10:32:46 · 4637 阅读 · 0 评论 -
vue动态绑定class的几种方式
#####对象方法-最简单的绑定(这里的active加不加单引号都可以,以下也一样都能渲染):class="{ 'active': isActive }"判断是否绑定一个active:class="{'active':isActive==-1}" 或者:class="{'active':isActive==index}"绑定并判断多个第一种(用逗号隔开):class="{...转载 2019-03-13 11:24:48 · 1740 阅读 · 0 评论 -
微信小程序传参数的几种方法
1,navigator跳转时wxml页面(参数多时可用“&”) 1 <navigator url='../index/index?id=1&name=aaa'></navigator> 或者添加点击事件,js用navigateTo跳转传参,两种效果一样 wx.navigateTo({ ...原创 2019-03-22 15:28:21 · 17918 阅读 · 0 评论 -
小程序websocket(心跳连接)
来源websocket连接之后,如果隔一段时间不聊天,运营商会认为你空占网络资源,强行关闭你的websocket连接,如果想要一直保持连接,就需要监听websocket关闭事件,等关闭时重新连接从而让websocket一直保持连接.这个过程称为心跳1、必须要有心跳,如果没有会自动断开连接。2‘、断开后必须取消setTimeout,不然会继续执行一次。3、发送消息只有在...转载 2019-04-01 09:25:04 · 2113 阅读 · 1 评论 -
js 手机号码脱敏
1. 切割phone = res.phone.substr(0, 3) + '****' + res.phone.substr(7)2. 正则var reg = getRegExp('^(\d{3})\d{4}(\d{4})$')return item.replace(reg, "$1****$2")原创 2019-04-10 16:34:47 · 2544 阅读 · 0 评论