react js 笔记——环境搭建

Emmet语法：

• 子代：>

div>ul.li 

回车之后

<div>
    <ul>
        <li></li>
    </ul>
</div>

• 兄弟：＋

• 父代：^

  div+div>p>span+em^bq
  
  

  Tab之后

<div></div>
<div>
<p><span></span><em></em></p>
<bloackquote></blockquote>

• 重复：＊
• 成组：（）

(div>dl>(dt+dd)*3)+footer>p

Tab之后

<div>
    <dl>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
        <dt></dt>
        <dd></dd>
    </dl>
</div>
<footer>
    <p></p>
</footer>

• ID:#
• CLASS: .

 div#header+div.page+div#footer.class1.class2.class3

Tab后

 <div id="header"></div>
 <div class="page"></div>
 <div id="footer" class="class1 class2 class3"></div>

• 属性：［］

 <td[title="hello world!" colspan=3]

Tab之后

<td title="hello world!" colspan="3"></td>

注：空格添加多个属性

---

举例：

(div+p#test>span.test2.test3)*5+p[name="hello"]>div.test4^a*5

<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<div></div>
<p id="test"><span class="test2 test3"></span></p>
<p name="hello">
    <div class="test4"></div>
</p>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>
<a href=""></a>

---

React 浏览器兼容性
IE8以上