一、我为什么要研究reveal.js
公司会在月末我们这些新人准备一个月学习结果总结会,需要通过PPT来展示自己一个月来的学习成果。
之前参加过一次前端技术分享,记得有一个大牛在讲NPM的时候就用了一种类PPT效果的前端技术,后来又在看一个大牛的博客的时候,也看到了相同的类PPT效果的前端技术。
我就在想,这些是他们自己写出来的吗?好牛X啊,我也想研究研究自己写一个。翻到大牛的博客的github地址的时候,发现他Thanks了一个REVEAL.JS,我很奇怪,他没事thank这个干什么,于是随手一点,这一点不要紧,一下发现了黑科技!
二、什么是reveal.js
reveal在英文中有很多意思,动词方面有揭露,启示,名词方面则是展现,我觉得启示就很不错,因为PPT就是通过分享自己的东西,来最终达到一个启示别人的效果。
就叫启示有点光秃秃的感觉,那么我们叫它“启示鸡”好了,大牛们都有属于自己的神鸡,感觉前端技术圈就是一个斗鸡的地方哈,前端技术圈可以叫鸡场了。
今天我们来认真研究一下这只启示鸡!
三、如何使用reveal.js
四、reveal.js各种黑科技功能详细介绍
① 垂直滑动
② 视图部分
③ 支持触摸屏操控
④ 支持markdown文本编辑器
⑤ 碎片化显示内容
⑥ 过渡样式
⑦ 主题
⑧滑块背景(强大到令人发指)
⑨背景过渡
⑩漂亮的代码
⑪不可思议的课表?神奇的有序列表?扁平的表格?很普通啊...
⑫聪明的引用
⑬星际穿越
⑭演讲者视图
但是,按了S键后:
⑮这些板块可以被以PDF的形式输出
⑯全局声明
⑰声明事件
⑱休息一下
按下B键后,会变成这样:
⑲其他
右到左的支持,扩展API,自动发展,视差背景,快捷键。
⑳结束
参考Reveal.JS官方介绍链接:lab.hakim.se/reveal-js/#/(貌似需要翻墙)
我已经迫不及待得想去试试slide.com的编辑器了,这也太好玩了吧!
努力成为优秀的前端工程师!
突然发现用reveal.js也可以做毕设答辩报告!
>期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:
> - SegmentFault技术圈:[ES新规范语法糖](https://segmentfault.com/g/1570000010695363)
> - SegmentFault专栏:[趁你还年轻,做个优秀的前端工程师](https://segmentfault.com/blog/chennihainianqing)
>- 知乎专栏:[趁你还年轻,做个优秀的前端工程师](https://zhuanlan.zhihu.com/wyasy)
>- Github博客: [趁你还年轻233的个人博客](https://github.com/FrankKai/FrankKai.github.io)
>- 前端开发QQ群:660634678
>- 微信公众号: 人兽鬼 / excellent_developers
![](https://upload-images.jianshu.io/upload_images/2976869-157e8624bcdfd62a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
>努力成为优秀前端工程师!