JS常用的数组去重方法

前端开发一些需求时经常需要对数组的元素作唯一处理,也就是将数组中重复的项目剔除掉,只保留唯一的一份。下面分享几个JS常用的数组去重方法。
假设以下声明数组:
var array = [3, ‘a’, 17, 1, ‘v’, ‘d’, 44, 3, ‘rr’, 1, ‘d’]; 继续阅读

发表在 JavaScript | 标签为 , | 留下评论

CSS清除浮动的方法

将元素的 css 属性 float 的值设置为 left 或 right,把浮动方式改为左浮动或右浮动,使其脱离标准文档流,也会导致父元素高度塌陷,这时就需要清除浮动。
<div class=”box”>
    <div class=”a”></div>
    <div class=”b”></div>
</div>
.box {
    background-color: #000;
} 继续阅读

发表在 CSS | 标签为 , , | 留下评论

JS 字符串操作方法

1.substring() 字符串截取
语法:

stringObject.substring(start, end)

参数说明:
start:必需,字符串截取的开始位置,不可以是负数。
end:可选,字符串截取的结束位置,如不指定默认截取到字符串结尾,指定时截取到不包括结束位置的字符,不可以是负数。 继续阅读

发表在 JavaScript | 标签为 , , , | JS 字符串操作方法已关闭评论

HTML标签有哪些?(HTML标签集合)

以下罗列HTML的所有标签:html、head、base、meta、title、link、style、body、div、p、br、span、a、img、h1、h2、h3、h4、h5、h6、small、strong、b、em、u、sup、sub、del、ins、abbr、code、embed、hr、pre、caption、table、thead、tbody、tfoot、colgroup、col、tr、th、td、ul、ol、li、dl、dt、dd、form、fieldset、legend、label、input、textarea、select、button、svg、iframe、blockquote、map、area、script、noscript 继续阅读

发表在 HTML | 标签为 | 留下评论

什么是CSS盒子模型?

我们可以把HTML元素看作是一个盒子。CSS的盒子模型由外向内包含:margin(外边距)、border(边框)、padding(内边距)、content(内容)。在标准盒子模型中,width(宽度)= content(内容),但在低版本IE(IE7以下)有不一样的盒子模型,width(宽度)= border(边框)+ padding(内边距)+ content(内容),也被称为怪异盒子模型。 继续阅读

发表在 CSS | 标签为 , , , , | 留下评论

通过setMonth()设置日期为上个月1号的正确方法

// 当前时间 var now = new Date(); // 设置起始日期为上个月1号 var startDate = new Date(); startDate.setMonth(now.getMonth() – 1); startDate.setDate(1); 大多数情况下,以上代码的逻辑不会发生错误。 继续阅读

发表在 JavaScript | 标签为 , | 留下评论

字符串截取 substring slice substr(不推荐) 方法比较

1.substring 语法:String.substring(start, end) start 必需 表示从被截取字符串的索引为 start 位置起始开始截取,不可以是负数。end 可选 表示以被截取字符串的索引为 end 位置结束截取,不可以是负数。 继续阅读

发表在 JavaScript | 标签为 , , , , | 留下评论

这些HTML5的冷知识,你知道多少?

1.空标签无需闭合,如 <meta>、<link>、<img>、<input>、<br>、<hr> 等标签。2.<link> 标签的 type 属性不必需。 继续阅读

发表在 HTML | 标签为 , | 留下评论

CSS中可继承/不可继承的样式属性

可以继承的样式属性:font、font-style、font-variant、font-weight、font-size、font-family、line-height、color、letter-spacing、word-spacing、white-space、text-align、text-indent、direction、visibility、cursor、list-style、list-style-type、list-style-position、list-style-image、border-collapse。
其它样式属性均不可以继承。 继续阅读

发表在 CSS | 标签为 , , , | CSS中可继承/不可继承的样式属性已关闭评论

用js获取当前浏览器窗口大小/尺寸

在前端页面开发时,有时需要获取当前浏览器窗口的大小,由于各浏览器之间没有统一标准,所以在开发中获取当前浏览器窗口大小需要使用不同的属性,在现代浏览器中没有这些差异。 继续阅读

发表在 JavaScript | 标签为 , | 留下评论