84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
http://m.qidian.com/male/
链接在上面，这个dom结构不太常见，用在这里的意义是？我看网页里大量的用了svg的元素 跟这个有关？
光阴似箭催人老，日月如移越少年。
shadow DOM是Web Component很重要的特性，目的是允许我们给DOM标签附加上功能作用（包括css/html/javascript）。
比如，HTML5中的 <video> 标签。正常我们使用的是时候只是简单的一个DOM标签：
<video>
<video controls autoplay name="media"> <source id="mp4" src="1.mp4" type="video/mp4"> </video>
但如果你展开来看，里面包含着播放、暂停等一些额外的元素。
就是让DOM标签更有存在的实际意义，但又不会被外界影响。
如果你在使用Angular2，这种东西会非常常见
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
shadow DOM是Web Component很重要的特性，目的是允许我们给DOM标签附加上功能作用（包括css/html/javascript）。
比如，HTML5中的
<video>标签。正常我们使用的是时候只是简单的一个DOM标签：但如果你展开来看，里面包含着播放、暂停等一些额外的元素。
就是让DOM标签更有存在的实际意义，但又不会被外界影响。
如果你在使用Angular2，这种东西会非常常见