- 博客(76)
- 收藏
- 关注
RSS订阅原创 es5 Set数据集转换为数组Array
const set = new Set([1,2,3,4,2,3,4]);const arr = Array.from(set);Array.from可以实现将set数据集转换为数组形式；上述代码可以实现对数组的去重。最终arr=[1,2,3,4]。2：扩展运算符（...） let set = new Set(['red', 'green', 'blue']);let a...
2018-08-21 15:18:44
2729
原创 js对json数据处理，将同一省里的多条数据合并为一条数据
test:function(){ var arr =[ {pName:'内蒙古',pId:'1',cName:'内1',cId:'11'}, {pName:'内蒙古',pId:'1',cName:'内2',cId:'12'}, {pName:'河南省',pId:'2',cName:'郑州',cId:'21'}, {pName:'河南省'...
2018-06-14 14:30:12
3081
转载 $(this)与this的区别
当你用的是jquery时，就用$(this)，如果是JS，就用this。$(this).html( $(this).html() + " BAM! ");这个里的html()是JQUERY方法，用$(this).html()，当然，JS里也有相似方法innerHTML，如果用innerHTML，就要这样写了，这里的reset是JS方法，所以同上得用this.reset()： 1 this.inne...
2018-04-23 10:03:05
301
转载 settimeout 0
var start = new Date(); setTimeout(function(){ var end = new Date(); console.log("Time elapsed: ", end - start, "ms"); }, 500); console.log("task finished."); 上述代码先输出：task finished. 后输出：...
2018-03-09 10:58:43
418
原创 javascript中this指向问题
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象.function a(){ var user = "追梦子"; console.log(this.user); //undefined console.log(this); //Window}a();this最终指向的是调用它的对象，这...
2018-03-09 10:05:19
160
原创 使子div垂直居中
//此方法可使当子div的高度是动态调整时，也可使其在父元素里垂直居中.parent{ width:800px; height:800px; position:relative; background-color:gray;}.son{ width:100px; height:100px; position:absolute; background-col
2018-02-01 15:51:06
214
转载 一次完整的HTTP事务是怎样的一个过程？
基本流程：a. 域名解析b. 发起TCP的3次握手c. 建立TCP连接后发起http请求d. 服务器端响应http请求，浏览器得到html代码e. 浏览器解析html代码，并请求html代码中的资源f. 浏览器对页面进行渲染呈现给用户
2017-07-24 17:35:32
358
转载 有一个大数组,var a = ['1', '2', '3', ...];a的长度是100,内容填充随机整数的字符串.请先构造此数组a,然后设计一个算法将其内容去重
生产随机数组，并去重
2017-07-19 14:53:30
769
原创 js的多维数组转换为一维
var arr = [1,[2,3],[4,5,6]]; 转为[1,2,3,4,5,6];method 1 :先将数组转换为字符串，再调用split函数转换为数组；即：arr.toString().split(',');method 2 :递归函数var tmp = [];function sortArr (arr) {for(var i = 0;iif(arr[i]
2017-07-19 13:57:15
391
原创 千分位
正则表达式:function toThousands(num) { return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');}
2017-07-18 15:50:56
209
转载 JavaScript的运行机制以及setTimeout(fn,0)
浏览器的内核是多线程的，它们在内核制控下相互配合以保持同步，一个浏览器至少实现三个常驻线程：javascript引擎线程，GUI渲染线程，浏览器事件触发线程。•javascript引擎是基于事件驱动单线程执行的，JS引擎一直等待着任务队列中任务的到来，然后加以处理，浏览器无论什么时候都只有一个JS线程在运行JS程序。•GUI渲染线程负责渲染浏览器界面，当界面需要重绘（Repaint）或
2017-03-27 17:23:23
536
原创 Chrome浏览器密码框自动填充的bug
在系统开发过程中，有一个难啃的bug从入职以来都在debug，一直以为是下拉框控件导致的问题。所以这个问题一直就搁浅了。今儿bug重提，就一步步找原因，排除了下拉控件select2的原因，才发现是在Chrome浏览器的默认填充密码框的问题导致的。为了解决Chrome浏览器密码框自动填充的问题，经过查找资料，此问题已经解决了，就是在原有的input标签前面再加个input标签，并给此input标
2017-03-27 17:11:38
1629
1
转载 js一些基础知识点
1:.instanceof typeof 运算符｛｝ instanceof Object // true 这个方法是基于原型链判断，适用于原型链 数组对象。typeof 100 === ‘number’ // true 这个方式使用于 基本类型 判断函数。
2017-03-27 11:07:01
237
原创 js全局变量and局部变量的例子
script> function show(){ var a=b=c=d=5; } show(); alert(a);//弹a时报错（not defined），而b、c、d都能弹出5 script>此时，alert函数里的a是undefined;而b,c,d的值都为5；因为表达式var a=b=c=d=
2017-03-06 17:56:16
404
原创 有关html文件中enter键换行被解析成空格的问题
body>input type="text" value="空格">input type="text" value="测试"/>p>这段文本中，输入连续的空格 大概输入了十个。p>body>在浏览器进行解析的时候，两个input间多了3px左右的间隙；并且元素p中文本中的多个空格被解析为一个空格；解决的方法：1：两个或多个行内元素不换行；即input type="tex
2017-03-01 13:25:24
4137
原创 js开发过程中的问题
强烈建议不要使用下面的for-in的方式： var sum = 0; for (var i in myArray) { sum += myArray[i]; console.log(typeof i);//i的类型是string类型 } 而要用基本的for循环的方式 var
2017-02-27 15:47:22
206
原创 css浮动float
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style type="text/css"> .child-one{ width:150px; height: 150px; background:
2017-02-24 10:59:43
166
原创 css的定位position
Title .parent{ width:200px; height:200px; background: red; } .child-one{ width:50px; height: 50px; b
2017-02-24 10:15:26
233
原创 javaScript访问对象属性应该用点号还是中括号？
JavaScript中有两种方式来访问对象的属性，点操作符或者中括号操作符。两种语法是等价的，但是中括号操作符在下面两种情况下依然有效 - 动态设置属性 - 属性名不是一个有效的变量名。点号后加标识符（静态的）;中括号放字符串，字符串可以是动态的，obj['string'+variable];如果是静态的还是用点号方便;
2017-02-21 18:26:10
2946
转载 自定义过滤器
html>head> script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js">script> script src="js/angular.min.js">script> script type="text/javascript"> fun
2017-02-21 15:31:46
203
转载 带小三角的提示框
html>html>head> title>title> meta http-equiv="Content-Type" content="text/html;charset=utf-8"> style> .demo{ margin-top:100px; /*width:200px; height:2
2017-02-16 16:39:59
1017
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人