首页 > 代码库 > 小知识点总结HTML、CSS、JavaScript(一)
小知识点总结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
小知识点总结HTML、CSS、JavaScript(一)