前端工程师的ppt reveal.js


不管是学生还是社畜,ppt始终是一个难以绕过的坎。没有艺术细胞的人对此的苦恼自不必说,即使对艺术感兴趣,限于时间和精力有限,我们也很难

1.背景

1.1 reveal.js是什么?

最开始我接触这个技术的时候是上次学习顾秩灵的web语义化,当时看的时候就觉得惊为天人,炫酷不说,而且和专业相关能够表现出自己的专业性

说了再多不如直接去看演示

gif

它最突出的功能都在其官网主页展示得很清楚了,你只需要像坐火车一样静心欣赏它的美景就可以了

当然它最吸引我的还是其对markdown语法的支持,对于我这样重度md爱好者来说就是最好的福音

1.2 它的优势

  • 炫酷
  • 可配置型不错(比不过ppt大佬,但强于一般人)
  • 表现形式强
  • 相比ppt碎片化表现感更强(ppt的基本展现单元是页,而这个可以是段)
  • 支持markdown语法

1.3 相似的技术

2. 参考资料

3. 使用方法

3.1 一些快捷操作

  • 息屏 [B]
  • 演讲者模式 [S] png
  • 缩放模式 [ESC]
  • 全屏模式 [F]

3.2学习步骤

多说无益,直接去看我上面列出的参考资料即可,虽然官方给出的api配置繁多,但想要实现基本功能却是非常简单。

我的建议是首先上它的github上下载源文件之后,首先学习它的index.html,这个比较简单而且一开始上手的话利于理解它整体的结构。这段代码很少,应该很快就能理解。然后再慢慢啃demo.html,理解完demo.html应该就差不多了,剩余的一些api就没有必要学得太详细了,需要用的时候再查就可以了