關(guān)于編碼規(guī)范很好的網(wǎng)站編碼規(guī)范
下面列舉幾個(gè)最常見的：
- 不要使用import
- 根據(jù) HTML5 規(guī)范，在引入 CSS 和 JavaScript 文件時(shí)一般不需要指定 type 屬性，因?yàn)?text/css 和 text/javascript 分別是它們的默認(rèn)值
- 減少標(biāo)簽的數(shù)量
編寫 HTML 代碼時(shí)，盡量避免多余的父元素。很多時(shí)候，這需要迭代和重構(gòu)來實(shí)現(xiàn) - JavaScript 生成的標(biāo)簽
通過 JavaScript 生成的標(biāo)簽讓內(nèi)容變得不易查找、編輯，并且降低性能。能避免時(shí)盡量避免
垂直居中有幾種實(shí)現(xiàn)方式，給出代碼范例
單行文本水平（text-align:center）垂直（行高line-height=div高度）居中 ，要是多行只能用padding了
示例一個(gè)塊級(jí)元素包裹多個(gè)塊級(jí)元素，塊級(jí)元素又有文本，只需要讓父元素padding上下相等即可，
示例一個(gè)塊級(jí)元素包裹另一個(gè)塊級(jí)元素，讓父元素相對(duì)定位，子元素絕對(duì)定位，top和left各50%，然后 transform: translate(-50%,-50%)
示例仍然用absoute，不過是和margin-left搭配
示例水平居中好說，就兩種塊級(jí)和行內(nèi)元素
垂直居中：行內(nèi)：（1）最常見的上下padding相等（2）dispaly:table-cell和vertical-align:middle
塊級(jí)元素：絕對(duì)定位：top:50%,然后margin-top:一半的高度或者transform:translateY(-50%)水平垂直：絕對(duì)定位或者flex
實(shí)現(xiàn)如下效果，每種效果都只使用一個(gè)html 標(biāo)簽來實(shí)現(xiàn)
Paste_Image.png
- 分析：其實(shí)每個(gè)三角形狀的東西都是由一個(gè)四方形的span經(jīng)過
- 絕對(duì)定位后左右上下移動(dòng)
- 旋轉(zhuǎn)背景色設(shè)為空白Border為none等（比如3）
- border設(shè)置某3個(gè)透明只剩下一個(gè)三角形
示例
