![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Javascript
文章平均质量分 59
vaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的
I-T枭
这个作者很懒,什么都没留下…
展开
-
JS比较两个日期大小
1,比较日期大小的js代码 代码示例:var beginDate=$("#beginDate").val(); var endDate=$("#endDate").val(); var d1 = new Date(beginDate.replace(/\-/g, "\/")); var d2 = new Date(endDate.replace(/\-/g, "\/")); ...转载 2018-06-28 17:41:47 · 8691 阅读 · 0 评论 -
js日期、月份:日期加一天等
// 日期,在原有日期基础上,增加days天数,默认增加1天 function addDate(date, days) { if (days == undefined || days == '') { days = 1; } var date = new Date(date);...原创 2018-06-28 16:18:13 · 1902 阅读 · 0 评论 -
mac 给 iPhone 充电一直闪跳
mac 给 iPhone 充电一直闪跳解决iPhone连上MAC之后会不断地断开又连上,断开又连上问题。 sudo killall -STOP -c usbd不会对mac 产生其他影响!再次声明,不要随便将我文章拉入,什么专题之类的!详细步骤:使用: control + 空格 同时按下; 2.在步骤一后,会出现一个搜索框,输入terminal(终端)直接回车键; 3.步骤2后,进入终端,将 sudo killall -STOP -c usbd 复制进去,回车-》输入密码-》回车-》就ok原创 2020-10-20 10:47:58 · 1161 阅读 · 0 评论 -
解决 IE 不支持 getElementsByClassName() 的方法
//create method getElementsByClassName for document if(!document.getElementsByClassName){ document.getElementsByClassName = function(className, element){ var children = (element || document).getElementsByTagName('*'); v.原创 2020-08-17 17:06:46 · 543 阅读 · 0 评论 -
JS几种生成唯一id的方法
在开发中偶尔会遇到需要生成唯一id的时候,比如对数组的任意一项进行多次增删改,这时就需要给每一项添加唯一标识符来加以区分。以下便是从网络中搜集而来的各种生成唯一标识的方法,在此总结以供以后查阅。方法1function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.转载 2020-05-16 15:23:35 · 3806 阅读 · 0 评论 -
js-依次循环异步请求(普通/ES6)
要求:请求5次ajax,将结果依次显示在页面老办法:用数组+定时器代替for循环//递归 -------有顺序 function getTime(j, length) { $start = new Date().getTime(); Time(j, length); } function T...原创 2020-03-28 17:32:09 · 1237 阅读 · 0 评论 -
ajax携带cookie的两种方式
1. Ajax携带cookie的两种方式 场景: 后台需要前端的ajax请求携带上cookie值,因为cookie上面有用户的userId的加密信息或者是token。 解决步骤: 1、服务器方面,添加@CrossOrigin注解到controller层上。-----》解决服务端允许前端跨域问题。 2、前端方面:必须要注意的点是:浏览器的同源策略问题--...转载 2020-03-28 14:14:45 · 1468 阅读 · 0 评论 -
小程序-页面返回带参数
a页面: /** * 生命周期函数--监听页面显示 */ onShow: function() { var that = this; let pages = getCurrentPages(); let currPage = pages[pages.length - 1]; //当前页 if (currPage.data.filterName)...原创 2020-02-16 22:20:24 · 212 阅读 · 0 评论 -
小程序api请求400
旧款安卓手机,在请求url带有中文时,会出现请求400的问题//用encodeURI 转一下中文部分 let url = Url + "?reason=" + encodeURI(data.reason)wx.request请求老是报错仔细检查自己的代码,没有问题呀!在看看后台,也没有问题啊,为什么就会保存呢?接下来就是我亲自的爬坑经验。问题出在哪了呢?编码格式!!!将w...原创 2019-12-20 15:01:59 · 176 阅读 · 0 评论 -
react禁止图片拖动下载
<div style={{ padding: '0px', height: 80 }}> <img src={wlogo} className="menuLogoIco" alt="" onClick={this.reloadSystem.bind(this)} onDragStart={ (e) => { if (e && e.preve...原创 2019-12-03 17:35:22 · 661 阅读 · 0 评论 -
JS继承的几种方式
1.原型继承核心:将父类的实例作为子类的原型(并不是把父类中的属性和方法克隆一份一模一样的给子类,而是让子类父类之间增加了原型链接)特点:父类中私有的和公有的都继承到了子类原型上(子类公有的)function Son(){}Son.prototype = new Father() // 相当于重写了Son的原型Son.prototype.constructor = Son; /...原创 2019-11-26 11:45:58 · 78 阅读 · 0 评论 -
理解js继承的6种方式
想要继承,就必须要提供个父类(继承谁,提供继承的属性) 一、原型链继承 重点:让新实例的原型等于父类的实例。 特点:1、实例可继承的属性有:实例的构造函数的属性,父类构造函数属性,父类原型的属性。(新实例不会继承父类实例的属性!) 缺点:1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新实例都...转载 2019-11-26 11:07:13 · 76 阅读 · 0 评论 -
js单例模式
单例要求一个类有且只有一个实例最简单的单例 var singleton = { attr : 1, method : function(){ return this.attr; } } var t1 = singleton ; var t2 = singleton ; t1 === t2 。构造函数内部判断v...原创 2019-11-25 17:19:41 · 95 阅读 · 0 评论 -
在js中有3中声明全局变量的方式
第一种使用var+变量名,在方法外部声明:var msg; //默认值undefined$(function(){ setmsg(); showmsg();})function setmsg(){ msg = "hello world";}function showmsg(){ alert(msg);}第二种方式在方法内部声明,但是不使用...原创 2019-11-25 15:36:46 · 128 阅读 · 0 评论 -
开发用到的js封装方法(20种)
1、判断是否是一个数组 1 2 3 4 5 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } isArray([1,2,3]) //true 2、判断是...转载 2019-11-25 09:42:50 · 108 阅读 · 0 评论 -
JS面向对象编程之封装
我们所熟知的面向对象语言如 C++、Java 都有类的的概念,类是实例的类型模板,比如Student表示学生这种类型,而不表示任何具体的某个学生,而实例就是根据这个类型创建的一个具体的对象,比如zhangsan、lisi,由类生成对象体现了抽象模板到具体化的过程,这叫做基于类的面向对象方式,而 JavaScript 没有类的概念,是基于原型的面向对象方式(虽然 Es6 增加了class,实质是对...原创 2019-11-21 17:39:13 · 126 阅读 · 0 评论 -
angular -filter过滤器金额处理加小数点后两位
function toDecimal2(x) { var f = parseFloat(x); if (isNaN(f)) { return false; } var f = Math.round(x*100)/100; var s = f.toString(); va...原创 2019-11-18 11:42:59 · 554 阅读 · 0 评论 -
react map遍历时事件无效
import React from 'react';import './Left.css';const menuArr_ = ['用户管理', '用户登录', '房源管理', '财务管理'];class Left extends React.Component { constructor(props) { super(props); this.s...原创 2019-10-24 17:29:08 · 371 阅读 · 0 评论 -
系统学习前端之FormData详解
FormData1. 概述FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利。2. 构造函数创建一个formData对象实例有几种方式1、创建一个空对象实例var formData = new FormData();此时可以调用append()方法来添加数据2、使用已有的...原创 2018-08-23 00:39:56 · 299 阅读 · 0 评论 -
angularjs 文件下载 并 从response header中获取文件名
最近在做一个下载文件的功能,后台接口给的是二进制流的方式,那么前端要把二进制流下载下来。这个过程使用$http的get请求,使用Blob接收,倒是没有难度,主要是遇到了,后台的文件名拿不到 的问题。在浏览器 中是可以看到的这个请求头,就是js获取不到,如下图:js中,使用response.headers(),只能获取到content-type,而获取不到content-di...原创 2019-06-28 16:40:06 · 3872 阅读 · 2 评论 -
js对url进行编码和解码(三种方式区别)
*** 只有 0-9[a-Z] $ - _ . + ! * ' ( ) , 以及某些保留字,才能不经过编码直接用于 URL。***例如:搜索的中文关键字,复制网址之后再粘贴就会发现该URL已经被转码。1、escape 和 unescape原理:对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。编码:escape('http://ww...转载 2019-06-28 16:15:32 · 488 阅读 · 0 评论 -
js动态循环绑定事件的变量问题
在编写JS的时候我们经常会遇到要对一系列元素进行事件绑定,循环对元素的事件进行赋值,在这个过程中我们会遇到一个问题,那就每个元素事件运行的时候变量怎么都是相同的值。这里涉及到变量的作用域的问题,可以用闭包来解决这个问题。这里举个简单的列子来说明:<ul id="ulDemo"> <li>数据</li> <li>数据</li&...转载 2019-07-12 23:37:27 · 338 阅读 · 0 评论 -
js下载后台返回的excel文件流
function download(filename) { var oReq = new XMLHttpRequest(); oReq.open("GET", "<你的返回流的Action路径>", true); oReq.responseType = "blob"; oReq.onloa...原创 2019-06-26 14:37:18 · 3695 阅读 · 1 评论 -
前端通过js-xlsx获取Excel完整数据
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js"&g...原创 2019-06-26 14:34:33 · 2609 阅读 · 1 评论 -
前端js实现打印(导出)excel表格
<div class="tools"><button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表</button></div>js代码://打印表格var idTmr; function getExplore...转载 2019-06-26 10:09:09 · 704 阅读 · 0 评论 -
angular下载二进制Excel文件
// 导出报表 $scope.report = function (){ var params = { "startTime": $("#startTime").val(), "endTime": $("#endTime").val(), "buildId": $scope.buildId ...原创 2019-06-28 16:41:56 · 505 阅读 · 0 评论 -
DataURL与File,Blob,canvas对象之间的互相转换的Javascript
canvas转换为dataURL (从canvas获取dataURL)var dataurl = canvas.toDataURL('image/png');var dataurl2 = canvas.toDataURL('image/jpeg', 0.8);File对象转换为dataURL、Blob对象转换为dataURLFile对象也是一个Blob对象,二者的处理相同。...转载 2019-06-28 16:56:36 · 171 阅读 · 0 评论 -
Array.prototype.slice.call()方法详解
在很多时候经常看到Array.prototype.slice.call()方法,比如Array.prototype.slice.call(arguments),下面讲一下其原理:1、基本讲解 1.在JS里Array是一个类 slice是此类里的一个方法 ,那么使用此方法应该Array.prototype.slice这么去用 slice从字面上的意思很容易理解就是截取(当然你不是英肓的话...转载 2019-06-29 11:27:38 · 718 阅读 · 0 评论 -
window属性:devicePixelRatio
devicePixelRatio属性该 Window 属性 devicePixelRatio 能够返回当前显示设备的物理像素分辨率与 CSS 像素分辨率的比率。此值也可以解释为像素大小的比率:一个 CSS 像素的大小与一个物理像素的大小的比值。简单地说,这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个 CSS 像素。这在处理标准显示与 HiDPI 或 Retina 显示之间的差异时很有用...原创 2019-07-11 16:20:47 · 2699 阅读 · 0 评论 -
js中角度计算
—、 js关于三角函数算法弧度和角度的理解,以及相互转换 角的两种单位度和弧1、弧度的定义 我们知道“度”的定义是,“两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度。(如图1)2、弧度又是怎样定义的呢? 弧度的定义是:两条射线从圆心向圆...原创 2019-07-21 19:19:52 · 9087 阅读 · 1 评论 -
小程序自定义组件获取wxml节点问题
昨天到现在一直遇到获取wxml节点为空数组’ [ ] ‘的问题, 具体实现为一个index页面添加一个子组件, 然后在组件中调用wx.createSelectorQuery().select('xxx').boundingClientRect(function(rect){console.log(rect)}).exec(res=>{console,lo...原创 2019-07-27 09:31:14 · 1568 阅读 · 0 评论 -
js获取wondow.location.href相对路径
首先获取 Url,然后把 Url 通过 // 截成两部分,再从后一部分中截取相对路径。如果截取到的相对路径中有参数,则把参数去掉。 function GetUrlRelativePath() { var url = document.location.toString(); var arrUrl = url.split("//"); var start = a...原创 2019-08-15 17:16:14 · 2471 阅读 · 0 评论 -
微信小程序MD5加密中文遇到的坑
var rotateLeft = function(lValue, iShiftBits) { return(lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));} var addUnsigned = function(lX, lY) { var lX4, lY4, lX8, lY8, lResul...原创 2019-08-17 19:34:09 · 1031 阅读 · 0 评论 -
js判断两个对象的属性和值是否一致getOwnPropertyNames
// 对比两个对象的值是否完全相等 返回值 true/false isObjectValueEqual (a, b) { //取对象a和b的属性名 var aProps = Object.getOwnPropertyNames(a); var bProps = Object.getOwnPropertyNames(b); //判断属性...原创 2019-09-16 10:54:57 · 1121 阅读 · 0 评论 -
双向数据绑定的实现原理
<input type="text" id="userName"><br> <span id="uName"></span> <script> var obj = { pwd:'123456' } Object.defineProperty(obj,'userName',{ ge...转载 2019-06-21 17:09:50 · 386 阅读 · 0 评论 -
js中的除法
最近做了一个分页的用户控件,使用到了js中的除法。整理如下。Math.ceil();向上舍入,比如Math.ceil(3/2)=2;Math.floor();向下舍入,比如Math.floor(3/2)=1;Math.round();四舍五入,比如Math.round(3/2)=2;Math.round(5/2)=2; 同时也用到了ExtJs中对获取Store中的一些方法:...原创 2019-06-01 13:13:08 · 9206 阅读 · 0 评论 -
fetch formData 上传文件(设置header不成功)
fr.postBlob = function (url, file, success, fail) { let filedata = new FormData(); filedata.append('file', file.file, file.file.name); filedata.append('path', file.data.path); let req...原创 2018-08-23 00:54:53 · 7614 阅读 · 1 评论 -
javascript深入理解js闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){...原创 2018-08-20 21:05:54 · 118 阅读 · 0 评论 -
js中this指向问题
js中this指向问题老生常谈的问题了,在这里说一下我所理解的层面的this。this 指的是当前对象,如果在全局范围内使用this,则指代当前页面window;如果在函数中使用this,则this指代什么是根据当前函数是在什么对象上调用。我们可以使用call和apply改变函数中this的具体指向。console.log(this === window) // trueconsol...转载 2018-08-20 22:12:44 · 131 阅读 · 0 评论 -
字符串的拼接(浏览器效率区别)
JS代码的执行效率往往直接影响了页面的性能,有的时候,实现同样的功能,不同的JS代码往往在效率上相差很多,有的时候仅仅是由于我们的书写习惯导致的,当然在高级点的浏览器中,它们大多都已经帮我们优化了,但是在中国,万恶的IE6仍然大量的存在,我们不得不去考虑它。对于JS代码的优化,实际上有很多的情况,有些影响是比较小的,而有些是比较严重的,本文中,我把几个我认为影响比较严重的情况列出来,供大家参考。...原创 2018-08-20 23:23:54 · 317 阅读 · 0 评论