每日技术总结2019.1.4

Posted basic0001

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了每日技术总结2019.1.4相关的知识,希望对你有一定的参考价值。

 

1.Flex布局子元素垂直居中,给父元素添加以下样式:

.parent {
    display: flex;
    align-items: center;
}

 

2.js面向对象的选项卡 见另一篇文章 js面向对象的选项卡

 

3.classList属性 参考 菜鸟教程 HTML DOM classList属性

实例如下:

// 为 <div> 元素添加 class
document.getElementById("myDIV").classList.add("mystyle");

// 为<div>元素添加多个类
document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdClass");

// 为 <div> 元素移除一个类
document.getElementById("myDIV").classList.remove("mystyle");

// 为 <div> 元素移除多个类
document.getElementById("myDIV").classList.remove("mystyle", "anotherClass", "thirdClass");

// 为 <div> 元素切换类:
document.getElementById("myDIV").classList.toggle("newClassName");

// 获取<div> 元素的类名:
var x = document.getElementById("myDIV").classList;

// 查看 <div> 元素有多少个类名:
var x = document.getElementById("myDIV").classList.length;

// 获取 <div> 元素的第一个类名(索引为0):
var x = document.getElementById("myDIV").classList.item(0);

// 查看元素是否存在 "mystyle" 类:
var x = document.getElementById("myDIV").classList.contains("mystyle"); // return true

 

























以上是关于每日技术总结2019.1.4的主要内容,如果未能解决你的问题,请参考以下文章

每日技术总结:jquery datetimepicker,

每日总结#2

每日技术总结:Yarn和Npm大PK

python常用代码片段总结

Vue.js 中的片段

2107 JAVASE每日复习总结 链接汇总