JavaScript
文章平均质量分 53
JavaScript
思维小刀
这个作者很懒,什么都没留下…
展开
-
JavaScript函数节流和函数防抖
1.为什么需要函数防抖和函数节流?在浏览器中某些计算和处理要比其他的昂贵很多。例如DOM操作比起非DOM交互需要更多的内存和CPU占用时间。连续尝试进行过多的DOM操作可能会导致浏览器挂起,甚至崩溃; 例如当调整浏览器大小的时候,resize事件会连续触发;如果在resize事件处理程序内部尝试进行DOM操作,其高频率的更改可能会让浏览器崩溃; 为了绕开上面的问题,需要对该类函数进行节流;2.什么是函数防抖和函数节流防抖(debounce)和节流(throttle)都是用来控制某个函数在原创 2021-03-26 15:06:50 · 170 阅读 · 0 评论 -
JavaScript的JSON转变函数parse[转化为对象] stringfy[转化为字符串]
JavaScript的JSON转变函数parse stringfy原创 2021-03-26 10:27:17 · 527 阅读 · 0 评论 -
JS之ES6扩展运算符三个点(...)用于剥离{} 获取属性值
1.用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }等价于let bar = { a: 1, b: 2 };let baz = Object.assign({}, bar); // { a: 1, b: 2 }1.1同名属性会被覆盖let bar = {a: 1, b: 2};let baz = {...bar, ...{a:2, b: 4}};原创 2020-11-25 11:39:24 · 622 阅读 · 0 评论 -
JS的编码:escape,encodeURI,encodeURIComponent,解码:unescape,decodeURI,decodeURIComp
参考https://www.cnblogs.com/LYunF/archive/2012/02/24/2366759.html原创 2020-11-20 10:04:52 · 161 阅读 · 0 评论 -
JS的ES6模板字符串(拼接、变量、循环、函数)
拼接:反引号(`)$('#ulList').html(` <ul> <li>浙江</li> <li>杭州</li> </ul>`);变量:用${ }$('#ulList').html(` <ul> <li>${data.province}</li> <li>${data.city}</li>原创 2020-10-09 17:35:58 · 3849 阅读 · 2 评论 -
JS的onblur
目的:onblur 属性在元素失去焦点时触发代码:一离开input就进行大写输入字符串<!DOCTYPE html><html><head><script>function upperCase(){var x=document.getElementById("fname").valuedocument.getElementBy...原创 2019-10-12 14:35:59 · 3542 阅读 · 0 评论 -
JS的replace
replace() 方法是用来替换的,使用属性和正则(被替换的,用什么替换)例子1://表示要被替换的<script type="text/javascript">var str="Visit Microsoft!"document.write(str.replace(/Microsoft/, "W3School"))</script>例子2:全局的加/...原创 2019-10-02 17:03:22 · 289 阅读 · 0 评论 -
JS的concat
concat()方法:合并两个数组,不会改变原数组var concatArr0 = ["aaa","bbb"];var concatArr1 = ["xxx","yyy"];var concatArr2 = concatArr0.concat(concatArr1);原创 2019-06-06 14:53:23 · 2095 阅读 · 0 评论 -
JS的join
join()方法:将数组所有元素拼接成一个数组,相当于java的toString方法默认逗号连接var joinArr = ["hello","world"];var joinArr1 = joinArr.join(); // joinArr1: "hello,world"var joinArr2 = joinArr.join(""); // joinArr2: "hellowo...原创 2019-06-06 14:58:14 · 2481 阅读 · 1 评论 -
JS百度地图高德地图API的接入与使用
1.实现功能1.显示地图 移动地图 缩放地图 拖拽地图 显示地图小部件 2.添加删除自定义覆盖物(服务区) 点弹跳动画 添加文字标签/图标/ 点聚合3.点聚合功能4.弹出文字信息窗口 弹出图文信息窗口5.鼠标拾取一点坐标6.鼠标在地图上绘制自定义图形7.逆/地址解析2.百度地图3.高德地图4.鼠标绘制5.弹出...原创 2018-03-01 15:16:10 · 863 阅读 · 0 评论 -
JS的instanceof
检测一个对象是否属于一个类var simpleStr = "This is a simple string"; var myString = new String();var newStr = new String("String created with constructor");var myDate = new Date();var myObj = {}...原创 2019-07-12 14:52:56 · 102 阅读 · 0 评论 -
JS的indexOf
返回坐标<script type="text/javascript">var str="Hello world!"document.write(str.indexOf("Hello") + "<br />")document.write(str.indexOf("World") + "<br />")document.write(str.inde...原创 2019-07-11 23:40:53 · 375 阅读 · 0 评论 -
JS的秒杀倒计时
代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body onload="miaosha();"> <p class="tit_right" style=""&...原创 2019-04-25 10:53:02 · 2716 阅读 · 0 评论 -
JS的Object.keys
简记:返回对象的所有属性☆ 传入对象, 返回包含对象可枚举属性和方法的数组var obj = {'a': 'Beijing', 'b': 'Haidian'};console.log(Object.keys(obj)); //['a', 'b']☆传入字符串,返回索引值var str = "Beijing";console.log(Object.keys(str));...原创 2019-06-11 19:23:59 · 1313 阅读 · 0 评论 -
JS的window-location
href就是连接hostname就是域名pathname就是路径名protocol就是协议名assign跳转有回退replace跳转 忘了之前的了!window.location.href 返回当前页面的 href (URL)window.location.hostname 返回 web 主机的域名window.location.pathname 返回当前页面的路径...原创 2019-05-23 16:51:11 · 769 阅读 · 0 评论 -
JS的splice
用来替换删除数组元素的// 添加// 为0时不删除项目直接添加数组项,不为0时会删除指定位置指定个数的项目然后再添加新项目var spliceArr0 = ["aaa","bbb"];var spliceArr1 = spliceArr0.splice(1,0,"xx");结果:spliceArr0: [aaa,xx,bbb]; spliceArr1: [] // 删除数组...原创 2019-06-06 14:55:32 · 1769 阅读 · 0 评论 -
JS声明数组
//第一种var A=[12,78,78,78,89]console.log(A) //第二种var B=new Array();B[0]=12B[1]=34B[2]=56console.log(B) //第三种var C=new Array(3);C[0]=12C[1]=34C[2]=56console.log(C) //第四种 var D=new ...原创 2019-06-06 14:16:03 · 1280 阅读 · 0 评论 -
JS的<br> \n
\n一般在js里用,在js里作为拼接字符串使用 用于换行!<br/>在html中使用,用于显示出换行!原创 2019-06-03 20:01:30 · 3420 阅读 · 0 评论 -
JS定义属性及方法
1.只有属性var car = "porsche";2. 属性方法var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : function() { return this.firstName + " " + this.lastName; }};...原创 2019-06-03 14:21:42 · 4310 阅读 · 0 评论 -
JS的this
1.作为对象function person(){ this.name="xl"; console.log(this); console.log(this.name); } person(); //输出 window xl 因为本质是window.person() 第一个console 是进行输出对象window...原创 2019-05-27 12:26:23 · 126 阅读 · 0 评论 -
HTML的onclick的this指向
1.简述<input type="button" value="modify" onclick="changeContent()">写在元素上onclick里面的函数changeContent,相当于函数直接调用,函数里面使用的this指向全局对象window,而不是指向该元素<input type="button" value="修改" onclick="...原创 2019-05-31 23:04:46 · 3988 阅读 · 0 评论 -
JS的NaN与isNaN
1.定义NaN 属性是代表非数字值的特殊值 NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。isNaN() 函数用于检查其参数是否是非数字值。(用于判断)2.例子NaN<script type="text/javascript">var Month=30;if (Month...原创 2019-05-28 20:43:04 · 2060 阅读 · 0 评论 -
JS的parseFloat
1.简述parseFloat() 函数可解析一个字符串,并返回一个浮点数。该函数指定字符串中的首个字符是否是数字。如果是,则对字符串进行解析,直到到达数字的末端为止,然后以数字返回该数字,而不是作为字符串。parseFloat 是全局函数,不属于任何对象。parseFloat 将它的字符串参数解析成为浮点数并返回。如果在解析过程中遇到了正负号(+ 或 -)、数字 (0-9)、小数点...原创 2019-05-28 20:42:39 · 10636 阅读 · 0 评论 -
JS的parseInt
1.简述parseInt() 函数可解析一个字符串,并返回一个整数。parseInt(string, radix)第一个参数:只有一个参数 直接返回参数parseInt() 函数可解析一个字符串,并返回一个整数。当参数radix的值为 0,或没有设置该参数时,parseInt() 会根据string来判断数字的基数。举例,如果string以 "0x" 开头...原创 2019-05-28 20:24:36 · 2155 阅读 · 0 评论 -
JS的{}[]
一 { } 对象LangShen = {"Name":"Langshen","AGE":"28"}; (加上var 试了下不行!)大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性,所以访问时,应该用.来层层访问:LangShen.Name、LangShen.AGE,...原创 2019-05-22 19:28:07 · 1006 阅读 · 0 评论 -
HTML与JS交换值
1.data-*1.1说明本质:JS与HTML交换数据的直接方法----data-*data-* 属性用于存储私有页面后应用的自定义数据。data-* 属性可以在所有的 HTML 元素中嵌入数据。自定义的数据可以让页面拥有更好的交互体验(不需要使用 Ajax 或去服务端查询数据)。data-* 属性由以下两部分组成:属性名不要包含大写字母,在 data- 后必须至少有...原创 2019-05-21 17:05:44 · 340 阅读 · 0 评论 -
JS的window.parent ,window.top,window.self
1.简述在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口,self是当前窗口,2.window.self功能:是对当前窗口自身的引用。它和window属性是等价的。语法:window.self注:window、self、window.self是等价的。3.window.top功能:返回顶层窗口,即浏览器窗口。语...原创 2019-05-22 17:24:29 · 1663 阅读 · 0 评论 -
JS的小知识点
1MAP1.1定义map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。注意:map() 不会对空数组进行检测。注意:map() 不会改变原始数组。1.2例子var numbers = [4, 9, 16, 25];function myFunction() { x = docu...原创 2019-05-21 14:06:09 · 119 阅读 · 0 评论 -
前端组件:layui
代码1:alert与confirm function ops(act,uid) { callback = { "ok":function(){ $.ajax({ url:common_ops.buildWebUrl("/account/ops"), ty...原创 2019-05-21 20:31:57 · 138 阅读 · 0 评论 -
JS获取 设置值
前端1.JS调用函数function funcname(){}funcname()2.$.each()$("button").click(function(){ $("li").each(function(){ alert($(this).text()) });});3.$(this) 当前的页面元素对象 相当于this->4...原创 2020-06-07 18:21:55 · 552 阅读 · 0 评论 -
JS的跳转
原地跳转<a class="m-l remove" href="javascript:void(0);"></a>原创 2019-05-21 17:35:38 · 152 阅读 · 0 评论 -
JS跳转功能的汇总
JS<!DOCTYPE html><html><head> <title>跳转测试</title></head><body></body></html><!-- 基础跳转 --><script type="text/javascript">...原创 2019-04-23 12:32:13 · 299 阅读 · 0 评论 -
JS按钮失效
JS代码<!DOCTYPE html><html><head> <title>倒计时 按钮失效</title></head><body onload="secfunc()"> <form> <input type="button" name="button" id="one...原创 2019-04-26 16:12:43 · 1624 阅读 · 0 评论 -
JS转字符 判断数字等
转化为字符1.value.toString()2.("" + value)3.String(value)是否为数字1.isNaN NaN 即 Not a Numbe isNaN(numValue)2.利用parseFloat的返回值3.正则var re = /^[0-9]+.?[0-9]*$/;JS冒泡<!DOCTYPE html><...原创 2019-04-25 18:41:24 · 130 阅读 · 0 评论 -
Ajax同步调用 异步排序
jquery$.ajax({ url: some.php, //设置为同步 async: false, success : function(){ }});JS同步xmlHttp.open("POST",url,false);多个AJAX的顺序(1)Ajax2()方法的执行放到Ajax1()的success回调函数的最后一行。(2) 请求加asy...原创 2019-04-21 17:50:52 · 236 阅读 · 0 评论 -
Browser控制台分析
1. 箭头用来选择页面元素的,选择之后进行显示对应的程序代码2. 设备图标可以用来切换手机电脑适配3. Elements显示页面代码,及其对应的css样式、盒模型4. Console报错与输出Console.log进行显示错误进行打断点,进行输出4.1 console.assert(message1, message2) message1: Boolean类型,当为false的时候会输入messa...原创 2018-03-01 17:44:31 · 286 阅读 · 0 评论