小知识点总结HTML、CSS、JavaScript(一)

时间:2021-02-15 06:16:48

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