首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

居然可以用 js 写 PPT?

居然可以用 js 写 PPT 用powerpoint或者keynote写演示文稿,对于代码、数学公式等的支持一直是个痛点。而且对于前端同学来说,一身的css功力用不上也是个痛点。...将reveal.js运行起来 首先clone一份reveal.js最新的代码: git clone https://github.com/hakimel/reveal.js 我们照抄一份index.html...所以我们要做的就是在下面的模板上写markdown就好。...^{(i)}|$ 出来的效果是这样的: 代码高亮 代码高亮默认是支持的,我们可以在markdown里面用`...更进一步 除了上面介绍的基本特性之外,reveal.js支持自动播放、自制插件、支持处理事件等等有利于开发人员写slides的特性。相信能给你的slides带来新的好玩的东西,将汇报与分享变成乐趣。

9.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    「 giao-js 」用js写一个js解释器

    前言 在这篇文章中,我们将通过 JS 构建我们自己的 JS 解释器,用 JS 写 JS,这听起来很奇怪,尽管如此,这样做我们将更熟悉 JS,也可以学习 JS 引擎是如何工作的!...什么是解释器 (Interpreter) ? 解释器是在运行时运行的语言求值器,它动态地执行程序的源代码。解释器解析源代码,从源代码生成 AST(抽象语法树),遍历 AST 并逐个计算它们。...从语法树中我们可以看到三个陌生的节点类型,来看看它们分别代表什么意思: VariableDeclaration 变量声明,kind 属性表示是什么类型的声明,因为 ES6 引入了 const/let。...: Expression | null; } Identifier 顾名思义,标识符节点,我们写 JS 时定义的变量名,函数名,属性名,都归为标识符。...有没有想到还有什么情况没处理? for 循环的中断语句呢?

    46.5K20

    为什么程序员应该写博客?用什么博客系统?在哪写?

    作者 | 程序员小吴 来源 | 五分钟学算法 写博客的好处很多很多,如果你不知道的话记住 写博客可以装逼 就行。...可以写博客的平台也很多,这篇文章谈谈我个人对这些平台的看法,希望小伙伴们能在自己喜欢的平台记录自己的技术成长过程。...CSDN 优点 SEO做得好,无论是百度还是google(尤其是百度)在搜索问题的时候排名靠前 阅读量高,从头开始写也不怕没人看,有排名,对于追求阅读量的作者会更有动力写 博客内容基本限定在计算机领域上...免费,省钱是硬道理 不用担心搞坏,大不了删库再重新搭建一下,没什么损失 缺点 SEO 很差,Github 还限制了百度的索引,所以我之前噗嗤噗嗤的写了大半年,一点流量都没有 写博客相对麻烦,先要使用 markdown...总结 每个平台都有自己的优缺点,读者们可以结合自己的实际情况进行挑选,但最关键的是你需要 写 ! 文章才是博客最核心的内容 。

    1.8K40

    用原生js写一个多动症的简历

    用原生js写一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块用Promise...关于什么是generator,thunk函数,可以查看软大神关于ECMAScript 6 入门,这里简要地讲述一下,其如何处理异步操作问题使得可以将异步行为写起来如同步般爽。

    6.9K70

    用原生js写一个多动症的简历

    用原生js写一个"多动症"的简历 预览地址 源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现。...background: red; } 项目搭建 在这个项目中我们 使用webpack2来完成项目的构建 使用yarn来处理依赖包的管理 使用es6的写法 使用部分原生dom操作api standard.js...(代码风格约束利器) 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块用Promise...关于什么是generator,thunk函数,可以查看软大神关于ECMAScript 6 入门,这里简要地讲述一下,其如何处理异步操作问题使得可以将异步行为写起来如同步般爽。

    5.3K20

    TW洞见 | 用“五个为什么”写CSS

    所以我也一直在探究这其中有怎样的问题,为什么很多人觉得CSS很难写,如何才能让其他人更优雅的写CSS。...:“不应该这样写,这和直接写内联样式有什么区别呢?”...Dev:“确实这样写也挺不好的,过一段时间就不知道这行代码什么意思了,也不敢修改它。但究竟应该如何写呢?” UI Dev:“呃,这样吧,我们来试试五个为什么,找找问题的根本原因。”...Dev:“因为没加最大宽度,开个玩笑,别生气,其实我也不确定,不过用DevTools看了一下,好像它的父元素的宽度也不对。” UI Dev:“已经接近了,为什么父元素的宽度不对?”...五个为什么的按比例投入原则可以很好的驱动CSS的开发,用深入的根本原因连接不同元素甚至不同页面上出现的问题,这样使我们能够安心的以目前的问题等级来组织代码,等到再次碰到问题并找到这里,才再次重构以解决问题

    81660

    实战 | 用原生js写一个多动症的简历

    接下来让我们一步步完成它 项目搭建 在这个项目中我们 1、使用webpack2来完成项目的构建 2、使用yarn来处理依赖包的管理 3、使用es6的写法 4、使用部分原生dom操作api 5、standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...我们来看一下promise分支中app模块最终的写法 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块用Promise包装起来,并且在原来回调函数执行的地方...关于什么是generator,thunk函数,可以查看软大神关于ECMAScript 6 入门,这里简要地讲述一下,其如何处理异步操作问题使得可以将异步行为写起来如同步般爽。

    4K10

    绕过JS写爬虫

    http://data.eastmoney.com/jgdy/tj.html       我们希望抓取的是js生成的表格。      ...这种带有js的网站抓取其实不是那么简单的,基本分为那么几种方法,一种是观察页面,有的会有json数据,有的有js代码可以解析目标的url;一种是使用渲染工具;还有一种就是用工具来点击相关button,来抓取...我们希望爬取的是表格中的数据,但是如果我们仔细看一下html代码,会发现,这其实是js生成的,下面这张图是源代码的截图。 ?       这就很尴尬了,怎么办呢?...我们用浏览器自带的解析功能来试一下。首先,我们打开network,chrome内核的好像都这么叫。 ?     然后我们就点击第二页、第三页不断的来观察究竟js代码访问了什么后台的url。...接下来我们就可以用urllib来获得api背后的json内容了,比如是这样的: ?

    14.9K20

    js写插件教程

    button> //这里是插件的代码;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...; this.div = doc.getElementById(demo);//为什么把获取的id传给this.div呢?...this的指向为调用的实例;我们此时姑且认为this就指向这个函数;因为这样我们之后再想获取这个div就可以直接用this.div了好吗;而不是在document.getElementById(。。。。...id的形式传参数我没有意见 this.num = 0;//你也可以写一些其他的默认的东西;比如默认的变量啦;方便下面调用;这里写了什么都不会报错;只是有用没用的问题这行可以忽略

    35.1K10
    领券