首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

网页PPT: reveal.js 介绍

reveal.js reveal.js 是个啥 reveal.js 是一个展示内容的框架,可以简单的理解为网页版的PPT。我们用 reveal.js 做出来的PPT其实是一个HTML文件。...优势 和传统的PPT相比,reveal.js 有哪些吸引我的地方呢?...reveal.js 有多套默认皮肤,支持 多种PPT切换动画,Fragments,内联PPT( nested slides),代码高亮,解析 Markdown,懒加载图片和视屏,导出为PDF和一系列的...将 index.html 里的内容替换成自己的内容 打开 index.html 来查看效果 完整版安装 reveal.js 的某些特性需要服务器端的支持,如 外部Markdown,演讲者注释。...$ cd reveal.js 安装依赖 $ npm install 运行 $ grunt serve 打开 http://localhost:8000 来查看 你也可以改变端口用 grunt

4.8K20

居然可以用 jsPPT

居然可以用 jsPPT 用powerpoint或者keynote写演示文稿,对于代码、数学公式等的支持一直是个痛点。而且对于前端同学来说,一身的css功力用不上也是个痛点。...对于使用markdown来写文档的同学来说,将文档转成ppt需要重新排版也是件重复性的工作量。...于是我们需要一个基于web技术的ppt框架,reveal.js在这个领域成名已久了,而且上个月还有发布新版本,维护得还蛮好,第一步我们就选它了。...目录下运行npm install, 然后运行npm start就可以启动一个server来查看上面的ppt网页。...如果被占用了可以通过指定port参数换一个,比如我们换成30800吧: npm start -- --port=30800 然后通过访问浏览器的127.0.0.1:30800/study.html就可以看到我们的ppt

9.4K20

用JOJO打开Node.js的Stream

Node.js的Stream被称为「流」,特别适合读写超大的文件 首先引入需要的模块 (砸瓦鲁多) const fs = require('fs'); const path = require('path...(写入「流」) 欧拉吉良吉影(设定输出) // 第二步: 设定输出的文件位置 const ws = fs.createWriteStream(path.join(__dirname, 'result.js...把 读取「流」 和写入「流」对接到一起 // 第三步: 将读取的文件(即当前代码所处的文件, 输出到result.js) rs.pipe(ws) 时间开始流动 ?...fs.createReadStream(__filename); // 第二步: 设定输出的文件位置 const ws = fs.createWriteStream(path.join(__dirname, 'result.js...')); // 第三步: 将读取的文件(即当前代码所处的文件, 输出到result.js) rs.pipe(ws) 代码执行效果(拷贝文件) ?

1.9K20

能否让JS作为打开网页的入口?

我们打开用Vue开发的https://element.eleme.cn/官网,检查一下源代码会得到这样一个普遍现象: ?...JS和html诞生顺序的颠倒导致了浏览器的历史遗留问题:网页只能从html来渲染,js必须嵌入到html中。这只能说,html确实没啥用了,但是标记语言(或者说描述语言)还是拥有不可动摇的地位。...以JS作为网页入口可行吗?...以上仍然不能解释为啥网页的入口一定得是html,现在的问题是,未来有没有可能支持从JS直接打开网页,这个问题就是在w3c/webcomponents这个GitHub仓库下“嚣张”质疑w3c标准的issue...所以对于text/JavaScript资源来说,浏览器会展示js只读模式的纯文本内容(虽然没啥实际用途),但不会,不能够也不应该去执行这个js文件。

3.4K31

JS打开摄像头并截图上传

直入正题,JS打开摄像头并截图上传至后端的一个完整步骤 1. 打开摄像头主要用到getUserMedia方法,然后将获取到的媒体流置入video标签 2....打开摄像头 getUserMedia 有新版本和旧版本两种,建议使用新版本 旧版本位于navigator 对象下,根据浏览器不同有所不同 // 获取媒体方法(旧方法) navigator.getMedia...err); }); }, false); 而这里的后端(PHP)则将获取的内容转换成图像文件保存 需要注意的是,要将base64的头部信息字段去掉再保存,否则似乎图像是损坏无法打开滴...> 完整JS代码 1 2 <script type="text/javascript...}).catch(function(err) { 33 console.log(err); 34 }) 35 } 36 // 使用旧方法<em>打开</em>摄像头

5.8K10

使用reveal.js制作精美的网页版PPT

但苦于mac上运行PPT那感人的流畅度, 成功的激起了笔者的强迫症, 所以索性想办法通过技术的手段来做个网页版PPT, 这个时候笔者发现了reveal.js: 一个使用 HTML 语言制作演示文稿的 Web...所以笔者接下来大致按照以上几个衡量标准, 来带大家一起感受一下如何快速通过reveal.js实现一个极具动感的PPT....制作需要花费大量时间, 受平台限制 所以对于不熟悉PPT套路的技术工作者来说, 往往很难快速制作出精美的PPT. 接下来我们再看看reveal.js的优势. ?..., 只需修改或打开 HTML 文件 丰富的特性,支持过渡动画、代码高亮、视频背景、Markdown 语法、导出 PDF 等 极度轻量,占用空间和内存少 说了这么多revealjs的优点,接下来我们就来学习如何使用它吧...嵌入脚本 我们都知道技术类PPT肯定离不开代码, 我们在reveal.js中可以很容易的展示我们的代码,并且支持多种语言, 其框架底层集成了 业界比较有名的highlight.js.

3.6K20

js实现:输入密码才能打开网页。js实现密码保护的网页。

js实现:输入密码才能打开网页,即js实现密码保护的网页。...(password()); 可能有人会疑虑,密码就在代码中,如果别人查看一下源码就知道密码了, 嗯哪,确实存在这个问题,虽然上面代码中做了些防护,如果密码输不对的话,就返回上一页,但只要在浏览器中关掉js...功能就可以打开网页查看js源码, 那么如何解决呢?...当然有办法,使用js密码加密混淆啊,出大招:Jshaman(http://www.jshaman.com/),可以在线加密js代码, 就把上面的代码,用jshaman加密一下,加密后代码如下: var...js实现密码保护的网页,就是这么简单。 PS:有网友问,上面的代码怎么用。哦,很初级的问题,这样:在html文件中,放在script标签里就可以了。

5.6K30
领券