前端基础知识

无插件范式

过去，很多功能只能通过插件或者复杂的hack（本地绘图API、本地socket等）来实现，但在HTML5中提供了对这些功能的原生支持。插件的方式存在很多问题。

　插件安装可能失败。

　插件可能被禁用或者是屏蔽。

    插件自身会成为被攻击的对象。

插件不容易与HTML文档的其他部分集成（因为插件边界、剪裁和透明度问题）。

虽然一些插件的安装率很高，但在控制严格的公司内部网络环境中经常会被封锁。此外，由于插件经常给用户带来烦人的广告，一些用户也会选择屏蔽此类插件。如果用户禁用了插件，就意味着依赖该插件显示的内容也无法表现出来了。

在我们已经设计好的页面中，要想把插件显示的内容与页面上其他元素集成也比较困难，因为会引起剪裁和透明度等问题。插件使用的是自带的模式，与普通Web页面所使用的不一样，所以当弹出菜单或者其他可视化元素与插件重叠时，会特别麻烦。这时，就需要HTML5应用原生功能来解决，它可以直接用CSS和JavaScript的方式控制页面布局。

实际上这也是HTML5的最大亮点，显示了先前任何HTML版本都不具备的强大能力。HTML5不仅仅是提供新元素支持新功能，更重要的是添加了对脚本和布局之间的原生交互能力，鉴于此我们可以实现以前不能实现的效果。

以HTML5中的canvas元素为例，有很多非常底层的事情以前是没办法做到的（如在HTML4的页面中很难画出对角线），而有了canvas就可以很容易地实现了。更为重要的是新API释放出来的潜能，以及仅需寥寥几行CSS代码就能完成布局的能力。

基于HTML5的各类API的优秀设计，我们可以轻松对它们进行组合应用。HTML5的不同功能组合应用为Web开发注入了一股强大的新生力量。

了解更多前端知识，可以点击下方链接和小编一起学习哟~

https://www.bilibili.com/video/BV1iP4y127Bz/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421chttps://www.bilibili.com/video/BV1iP4y127Bz/?spm_id_from=333.999.0.0&vd_source=a7816e3b2a3a67ac39dc87f6bf92421c