angle-xiu - 博客园

2019年8月8日

摘要：先介绍两种比较LOW的方式 1. 2.直接使用splice 接下来介绍一种比较优秀的去重方式，基于对象处理接下来介绍一种基于ES6语法的极简方式阅读全文

posted @ 2019-08-08 09:20 angle-xiu 阅读(488) 评论(0) 推荐(0)

摘要：共同点：均是删除数组元素并返回结果。区别：splice会改变原数组，而slice不会。并且splice会导致数组塌陷。数组塌陷：使用splice删除元素时，剩余的数组元素索引的顺讯会改变。删除第一个元素时，后面元素的索引会提前导致原来20的索引从1变成0，导致没有删除20这个元素，这就是数组塌阅读全文

posted @ 2019-08-08 08:23 angle-xiu 阅读(702) 评论(0) 推荐(0)

2019年8月7日

变量与属性名的区别

摘要：首先明确一点：对象的属性名只能是字符串和数字，变量表示其所代表的值。从示例可以看出访问对象属性名时只能是字符串或者数字，而不能是其他。也可以通过将字符串及数字赋值给变量，然后通过变量进行访问，因为变量所代表的就是它所对应的的值。 for in循环中，key为对象的属性名而非变量，所以访问属性值时用阅读全文

posted @ 2019-08-07 12:09 angle-xiu 阅读(1512) 评论(0) 推荐(0)

parseInt parseFloat Number三者转换的方式

摘要： 1.parseInt:从左到右检测字符串，若能先检测到数字，则将数字转换成整形，否则返回NaN。 2.parseFloat:从左到右检测字符串，若能先检测到数字，则将数字转换成浮点型，否则返回NaN。 3.Number:若字符串中含有其他字符则返回NaN. 阅读全文

posted @ 2019-08-07 11:23 angle-xiu 阅读(425) 评论(0) 推荐(0)

2019年8月6日

原生js实现选项卡样式切换的几种方式。

摘要：先分享一个不能实现的实例(因为es5没有块作用域) for(var i=0; i<list.length; i++ ) { list[i].onclick = function(){ tabchange(i); } } 解决方案： 1.es6新的变量声明方式 let(es6具有块级作用域，解决es5 阅读全文

posted @ 2019-08-06 22:18 angle-xiu 阅读(1505) 评论(0) 推荐(0)

script标签所应放的位置

摘要：一般放置的位置：<head>标签内，<body>标签内，<body>标签后（建议放在body标签后，利于页面的优化,优化页面结构加载的速度） 1.<head>标签内：外部引入的js文件，或者不涉及页面元素操作的js代码块。 2.<body>标签内：放哪都行，只要保证放在操作元素下面就行，但是如果需要阅读全文

posted @ 2019-08-06 22:02 angle-xiu 阅读(2016) 评论(0) 推荐(0)

2019年8月5日

类型判断常用的的四种方式

摘要： 1.typeof 能正确判断出null以外的原始类型（对象类型的判断就有点感人了）判断null会出错： 2.instanceof a instanceof b 能较为准确的判断出对象类型，但无法判断原始类型原理：通过查找b是否在a的原型链上 3.constructor(通过判断是否某个构造函数的阅读全文

posted @ 2019-08-05 00:17 angle-xiu 阅读(979) 评论(0) 推荐(0)

2019年8月1日

绝对相等与弱相等

摘要： console.log([] == ![]); //true //弱相等"=="会进行类型转换，转换成统一类型进行比较 // ！符号优于==，[]boolean值为TRUE,所以！[]就是FALSE, // 根据转换规则，右边转换成number类型为0，左边[]转换成number类型为0 // 所以阅读全文

posted @ 2019-08-01 16:54 angle-xiu 阅读(379) 评论(0) 推荐(0)

2019年7月31日

css3之媒体查询

摘要： <html> <head> <meta charset="utf-8"> <style> body{ background-color: blue; } @media screen and (min-width: 800px) { body{ background-color: pink; } } 阅读全文

posted @ 2019-07-31 19:24 angle-xiu 阅读(141) 评论(0) 推荐(0)

2019年7月30日

css3新增选择器

摘要： CSS3分类（先知道有什么）：新增选择器： 1.层次选择器： 2.动态伪类选择器语法 3.目标伪类选择器 4.UI元素状态伪类选择器语法 5.结构伪类选择器使用语法注：（1），“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li，仅有列表ul中第3个li元阅读全文

posted @ 2019-07-30 11:55 angle-xiu 阅读(968) 评论(0) 推荐(0)

不要着急，不要着急，

休息，休息一会。

Welcome to my blog

公告