![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
文章平均质量分 54
dxj124
这个作者很懒,什么都没留下…
展开
-
复制控制台中打印的json对象
1. 右键点击需要处理的对象,会出现Store as global variable,点击;2. 选择之后会发现控制台出现以temp开头的变量3. 执行 copy(变量)。如copy(temp1)。 注意是对象,不是字符串。4. 按Crtl+V就会发现对象已经在你的剪切板了。...原创 2020-09-15 10:45:09 · 557 阅读 · 0 评论 -
js中reduce() 的用法
reduce一.语法:arr.reduce(function(prev,cur,index,arr){...}, init);arr 表示原数组;prev 表示上一次调用回调时的返回值,或者初始值 init;cur 表示当前正在处理的数组元素;index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;init 表示初始值。二、实例var arr = [3,9,4,3,6,0,9];1. 求数组项之和var sum = a转载 2020-05-18 11:21:03 · 267 阅读 · 0 评论 -
js,jq改变cssbefore或after的伪类的样式
当我们把样式绑定在伪元素上,但是需要通过js调整这个伪类的样式的时候,CSS伪元素(pseudo elements)不是DOM元素,因此你无法直接选择到它们。这时候操作的方式如下:html:<p class="red">Hello,are you kain?</p>css样式.red:before { content: 'red', b...原创 2020-01-03 11:40:40 · 4613 阅读 · 0 评论 -
JS中拖拽时用到的dataTransfer对象
在进行拖放操作的时候,dataTransfer对象可以用来保存被拖动的数据。它可以保存一项或多项数据、一种或多数数据类型。通谷一点讲,就是可以通过它来传输被拖动的数据,以便在拖拽结束的时候,对数据进行其他的操作。在项目拖动的开始事件(ondragstart)的时候,可以对dataTransfer进行设值操作(setData)。document.getElementById('source...转载 2020-01-02 15:18:09 · 1224 阅读 · 0 评论 -
拖拽事件ondragstart、ondragenter、ondragover 、ondrop、ondragend
ondragstart事件 定义和用法:ondragstart 事件在用户开始拖动元素或选择的文本时触发。拖放是 HTML5 中非常常见的功能。 更多信息可以查看我们 HTML 教程中的HTML5 拖放。注意:为了让元素可拖动,需要使用 HTML5draggable属性。提示:链接和图片默认是可拖动的,不需要 draggable 属性。<p dragg...原创 2020-01-02 14:50:17 · 4147 阅读 · 0 评论 -
js的各种选择器
Js选择器总结一、原生JS选择器#JS选择器常用的有getElementById()、getElementsByName()、getElementsByTagName()、getElementsByClassName()、querySelector()、querySelectorAll()A: getElementById(ID): 返回对指定ID的第一个对象的引用,如果在文档中查找一...转载 2019-12-31 16:05:47 · 3518 阅读 · 0 评论 -
字符串的一些用法
一。将字符串中所有的空格替换成 指定字符的办法:例如将所有的空格替换成%20//split方法function replaceSpace(str){ return str.split(" ").join("%20");}//正则function replaceSpace(str){ return str.replace(/\s/g,'%20');}//或...转载 2019-11-20 11:07:47 · 165 阅读 · 0 评论 -
JS - 实现HTML标签的转义、反转义的几种方法
方法一:通过正则表达式进行替换1,HTML 标签的转义方法//HTML标签转义( <-----><)functionhtml2Escape(sHtml) {returnsHtml.replace(/[<>&"]/g,function(c){return {'<':'<','>':'&am...转载 2019-04-28 12:45:03 · 10599 阅读 · 0 评论 -
关于arguments 对象与剩余参数...theArgs
arguments 对象在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。拿到的是实参的对象function fn(a,b,c,d){ console.log(arguments); console.log(arguments.length)//长度是3}fn(1,2,3)输出:剩余参数:...theArgs...原创 2019-04-12 15:07:34 · 522 阅读 · 0 评论 -
接口后面加一个随机数
请求的接口后面加一个随机数,防止数据缓存var goUrl = '/list.json?r=' + Math.random();原创 2019-04-01 10:50:14 · 1847 阅读 · 0 评论 -
对字符串进行转义
var html= '<a href="javascript:COLLECTION.PlayVideoClick(\'' + news.Title + '\',\'' + videoInfo.sVID + '\',\'' + sImg + '\');" class="z-link" ></a>' ;在js中拼接字符串的时候,涉及到传参,且参数是个字符串不是数字的话,可...原创 2019-03-22 10:33:12 · 4546 阅读 · 0 评论 -
匿名函数下this指向window,及解决办法;箭头函数的this指向问题
匿名函数下this指向windowvar name = "小明";var Data = { name: "xiaoming", init: function() { setTimeout(function() { console.log(this.name); //'小明' }, 1000) }}Dat...转载 2019-01-29 11:05:10 · 1657 阅读 · 0 评论 -
获取昨天,今天,明天的时间
获取到昨天,今天,明天的时间,时间格式为 ------》2019-01-27 2019-01-28 2019-01-29var yesterday = GetDateStr(-1); //昨天var today = GetDateStr(0); //今天var tomorrow = GetDateStr(+1); //明天functi...原创 2019-01-28 10:52:08 · 350 阅读 · 0 评论 -
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}retur...转载 2019-01-25 10:48:12 · 295 阅读 · 0 评论 -
milo的template模板引擎
1.首先要引入milo2.模板中要放一个textarea,并且设置display:none,设置一个id3,填充的时候,把这个rAdminDetail放到AdminDetail里面去。(注意:写的时候,不能用AdminDetail包着要填空的模板结构)4,如模板所示,模板中可以运用for语句,if语句 <div class="main-b22" style="disp...原创 2018-12-19 11:09:47 · 247 阅读 · 0 评论 -
淘宝购物车效果(加,减,删除,全选)
效果: 页面需要引入jquery,ArtTemplate 页面用假数据进行渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title>原创 2018-12-11 17:35:07 · 1600 阅读 · 0 评论 -
try ...... catch的用法
function fn(x) { try { if(x == "") throw "为空"; if(isNaN(x)) throw "不是一个数字"; if(x > 10) throw "太大了"; if(x < 5) throw "太小了"; } catch(err) {原创 2018-12-14 15:42:20 · 303 阅读 · 0 评论 -
移动端Web音乐无法自动播放的问题
关于移动端Web音乐自动播放的问题,可以分为三种:支持audio的autoplay,大部分安卓机子的自带浏览器和微信,大部分的IOS微信(无需特殊解决) 不支持audio的autoplay,部分的IOS微信 (解决ios下的微信打开的页面背景音乐无法自动播放) 不支持audio的autoplay,部分的安卓机子的自带浏览器(比如小米)和ios safari(只能做用户触屏时触发播放,本文介...转载 2018-12-03 10:39:35 · 384 阅读 · 0 评论 -
动态 加载和执行js文件
也可以参考:https://blog.csdn.net/WeilaPls/article/details/84712521 (多种识别移动端的方式) 页面加载先判断设备,是pc还是移动,然后动态加载相应的js文件。以下有两个方法:方法一: function is_pc(){ var os = new Array("Android","iPhone","Win...转载 2018-11-27 15:10:42 · 552 阅读 · 0 评论 -
字符串,数组,截取操作。 substring和substr以及slice和splice,charAt(),search的用法
字符串方法:substring和substr只能操作字符串 ,charAt,search,split;数组方法:splice只能操作数组;字符串,数组接可 :slice可操作数组和字符串1.substr()substr() 方法可在字符串中抽取从start下标开始的指定数目的字符。语法stringObject.substr(start,length)参数 ...原创 2018-11-23 15:15:17 · 1917 阅读 · 0 评论 -
replace 全部替换
var str='我爱你 “ ” 中国“”“”';str= str.replace(/\"/g, "") //将字符串里面所有的双引号都替换掉原创 2019-04-28 12:47:02 · 1970 阅读 · 0 评论 -
js 数组根据特定规则排序
这里是根据指定的字母顺序来重新排序的var objs = [ {'name': 'A', 'type': 'fly'}, {'name': 'B', 'type': 'blur'}, {'name': 'C', 'type': 'wipe'}, {'name': 'D', 'type': 'cube'}, {'name': 'E', 'type': ...原创 2019-05-10 17:36:57 · 2622 阅读 · 0 评论 -
转化大小写,首字母大写
比如:先把要比较的字符串统一一下大小写,然后在进行比较,这样是不是就省事多了,在js中有两个这样的方法:toUpperCase():把字符串转换为大写;toLowerCase() :把字符串转换为小写。用法如下:str.toUpperCase():将字符串str中的字符都转换为大写。str.toLowerCase():将字符串str中的字符都转换为小写。首字母大写...转载 2019-05-13 09:55:18 · 645 阅读 · 0 评论 -
深拷贝和浅拷贝
js的数据类型:基本数据类型和引用数据类型。基本数据类型:名值存储在栈内存中;引用数据类型:名存在栈内存中,值存在于堆内存中,但是栈内存会提供一个引用的地址指向堆内存中的值。 目前基本数据类型有:Boolean、Null、Undefined、Number、String、Symbol,引用数据类型有:Object、Array、Function、RegExp、Date等 深拷贝与浅拷贝的概念只存在...转载 2019-09-16 15:52:36 · 107 阅读 · 0 评论 -
js 将svg转canvas和image
<!DOCTYPE html><html><head> <title></title></head><body> <div id="svg-wrap"> <svg width="200" height="200" xmlns='http://www.w...转载 2019-08-30 15:35:06 · 1939 阅读 · 0 评论 -
js获取今天是周几
function getMyDay(date){var week;if(date.getDay()==0) week="周日"if(date.getDay()==1) week="周一"if(date.getDay()==2) week="周二"if(date.getDay()==3) week="周三"if(date.getDay()==4) week="周四"if(date.g...原创 2019-08-30 11:07:31 · 489 阅读 · 0 评论 -
Object.assign(),合并多个对象方法
Object.assign() (1).ES6 对象提供了 Object.assign()这个方法来实现浅复制。 (2). 主要的用途是用来合并多个JavaScript的对象。 (3). Object.assign()接口可以接收多个参数,第一个参数是目标对象,后面的都是源对象,assign方法将多个原对象的属性和方法都合并到了目标对象上面,如果在这个过程中出现同名的属性...转载 2019-08-13 16:58:56 · 5720 阅读 · 0 评论 -
三元表达式
例如type有1,2,3三种值,分别表示初中,高中,大学。那么当服务端返回值后,我们该如何将type值转换为对应的字符显示呢type==1 ?'初中':(type==2?'高中':'大学')...原创 2019-07-17 14:55:51 · 109 阅读 · 0 评论 -
js如何识别出字符串中的回车 \n并输出换行
1.使用replace全局替换str=str.replace(/\n/g,"<br/>")2.正则表达式var reg = new RegExp("\r\n", "g");//g,表示全部替换lst[count].Action = lst[count].Action.replace(reg, "<br/>");\\这样Action内容在网页上会自动换...转载 2019-07-10 18:06:07 · 10165 阅读 · 0 评论 -
IE9及以下,ajax请求不成功的问题,返回错误的问题解决
最近项目的开发过程中,遇到了这样的一个问题,在chrome下调试接口的时候都可以正常访问,但是在IE9下访问的时候数据都没有了,查看ajax请求过程,既然没数据,那就是请求失败了,在error的回调里打印信息,确实没进入success回调里,查阅了一些资料,得到了以下的解决方案:1、设置浏览器安全属性,启用【通过域访问数据源】选项,步骤如下图:设置完成之后,最好重启一下浏览器……...转载 2019-07-08 17:55:44 · 1547 阅读 · 1 评论 -
js计算两个时间是否大于一个月,及获取多少天前后日期
//比较两个时间是否大于一个月,例如20170215--到20170315 是一个月,到20170316是大于一个月function getD(sDate, endDate) {var sDate = new Date(sDate);var eDate = new Date(endDate);if (eDate.getFullYear() - sDate.ge...转载 2019-06-18 14:18:04 · 2680 阅读 · 1 评论 -
js计算数组中每个元素出现的次数
计算数组中每个元素出现的次数var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];var countedNames = names.reduce(function (allNames, name) { if (name in allNames) { allNames[name]++; } else { allNames[name] ...原创 2019-06-19 09:53:46 · 14559 阅读 · 0 评论 -
window.history.pushState 不刷新页面,但是改变页面的url地址
//不刷新页面,更改页面的url var originUrl=window.location.href; var valiable = originUrl.split("?")[0]; window.history.pushState(null, null, valiable+"?name="+self.dname+"&line="+t...原创 2019-06-13 15:14:53 · 19470 阅读 · 1 评论 -
查找对象数组中某属性的最大最小值
查找对象数组中某属性的最大最小值的快捷方法例如要查找array数组中对象的value属性的最大值var array=[ { "index_id": 119, "area_id": "18335623", "name": "满意度", "value": "100" ...转载 2019-06-05 16:23:30 · 1816 阅读 · 0 评论 -
js清除浏览器缓存的几种方法
关于浏览器缓存浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法? 1 2 3 4 ...转载 2018-11-23 10:27:26 · 132 阅读 · 0 评论 -
js 中编码(encode)和解码(decode)的三种方法
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent下面简单介绍一下它们的区别1 escape()函数定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。语法 escape(string)参...转载 2018-11-19 17:31:22 · 2001 阅读 · 0 评论 -
H5的sessionStorage 存取。 localStorage存储对象,sessionStorage存储数组对象
// 用session存储数据sessionStorage.setItem('key','value'); // 用session取数据var f=sessionStorage.getItem('key');当存的是一个数组对象时,需要转成字符串存起来sessionStorage.setItem('thematic_start', JSON.stringify(datas....原创 2018-09-18 17:11:23 · 3486 阅读 · 0 评论 -
百度搜索框提示功能
1、简单方式方便的将“百度搜索框(带提示功能)”直接加入到您的网页中。将以下代码加入到您的网页中, 即可获得带有“搜索框提示”功能的百度搜索框。HTML代码:<!-- 百度搜索框 --> <form action="http://www.baidu.com/baidu" target="_blank"> <input name=tn type=HIDDEN val...转载 2018-05-24 14:58:20 · 1870 阅读 · 0 评论 -
在for循环里面 拼接字符串 带有if条件判断
原创 2018-05-22 17:18:49 · 5333 阅读 · 1 评论 -
如何用 fiddler 调试线上代码
参考:https://www.cnblogs.com/yyhh/p/5140852.html#l02参考:https://blog.csdn.net/qq_32259579/article/details/78994326参考:http://chromecj.com/utilities/2018-05/1424.html 有时代码上线了,突然就碰到了坑爹的错误。或者有时看别人家线上...转载 2018-05-25 18:05:05 · 580 阅读 · 2 评论