小知识点总结HTML、CSS、JavaScript（一）

1.给元素同时设置背景色和背景图的时候，当背景色写在背景图后面，背景色会覆盖背景图未覆盖的位置

如background:url();

　background-color:red;

2.当需求一段文字右对齐，而最后一行左对齐时

(1)使用text-align-last:right;但是这个属性并没有完全被浏览器支持

(2)设置为如下结构，并设置相应样式

　　<div class="parent">

　　　　<p class="child">一段文字</p>

　　</div>

　　<style>　

.parent{
width:100px;
text-align: right;
background: red;
word-break:break-all;//这里是为了使长单词换行

}
.child{
display: inline-block;
width: 80px;
text-align: left;
}

　　</style>

　　给div设置为右对齐的时候，p元素会向右对齐，但是内部还是左对齐

3.为了防止网站链接被复制之后可直接使用，一般会在验证之后对URL进行一定的操作，使用history.pushState();可以在不刷新的情况下修改URL。

window.history.pushState(null, document.title, appUrl)//appUrl是修改后的URL

4.很多标签都具有title属性，也就是鼠标悬浮可以出现title内容。

5.es6的新API

Reflect.ownKeys(obj);可以返回对象的所有key，包括Symbol()类型的key，返回的是一个数组，在webkit和moz都是支持的，而IE都不支持。开发移动端可以使用。

最后，本人最近准备写一些小插件，以供平时用，现在只写了一个关于元素显示隐藏的插件，可以像vue或angular那样使用，欢迎大家一起来参考（能star最好了，嘿嘿），也可以贡献一些自己的插件。

github地址：https://github.com/zzwcjj/plugs