首页
学习
活动
专区
工具
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-jsjs一个js解释器

    前言 在这篇文章中,我们将通过 JS 构建我们自己的 JS 解释器, JS JS,这听起来很奇怪,尽管如此,这样做我们将更熟悉 JS,也可以学习 JS 引擎是如何工作的!...解释器是在运行时运行的语言求值器,它动态地执行程序的源代码。解释器解析源代码,从源代码生成 AST(抽象语法树),遍历 AST 并逐个计算它们。 解释器 (Interpreter) 工作原理 ?...acorn.js parse 返回值符合 ESTree spec 描述的 AST 对象,这里我们使用@types/estree 做类型定义。...: Expression | null; } Identifier 顾名思义,标识符节点,我们 JS 时定义的变量名,函数名,属性名,都归为标识符。...JavaScript Build a JS Interpreter in JavaScript Using Acorn as a Parser

    46.5K20

    原生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

    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

    5.3K20

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

    作者|谦龙 原文|http://imweb.io/topic/590dfe180ee54b060a501b66 会动的简历实现思路 这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果。...接下来让我们一步步完成它 项目搭建 在这个项目中我们 1、使用webpack2来完成项目的构建 2、使用yarn来处理依赖包的管理 3、使用es6的写法 4、使用部分原生dom操作api 5、standard.js...代码风格约束利器) 目录结构如下 最重要的几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装的dom操作模块) 最后app.js...我们来看一下promise分支中app模块最终的写法 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现的逻辑是将原来的相关的模块Promise包装起来,并且在原来回调函数执行的地方

    4K10

    JavaScript动态输出的JS脚本不能执行

    这就是动态改变网页内容的魅力所在吧。...在公司产品动易2006版整合接口的开发过程中,需要在客户端页面上输出一段调用远程接口cookies的代码,最早的时候我是把调用url通过script的方式输出。...动易2006的前台登陆表单已经采用了Ajax技术,页面上所看到的登陆表单并非直接由HTML代码在页面中写成,而是在页面加载以后,通过JS,通过Ajax,向服务器端的asp程序查询用户登录状态以后,再动态输出到页面的...一开始我通过JS动态生成调用script的HTML代码以后,输出到页面,跟其它的HTML代码一样。结果出现了通行登陆不能同步的问题。...alert调试发现代码已经正确生成,显然innerHTML输出到页面以后,是没有问题的。但是为什么没有登陆呢? 为这个问题,折磨了我一晚上。

    3.3K50

    js插件教程

    button> //这里是插件的代码;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js...号(叹号)或者;(分号)这不是写错了,为了防止那个二货js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...this的指向为调用的实例;我们此时姑且认为this就指向这个函数;因为这样我们之后再想获取这个div就可以直接this.div了好吗;而不是在document.getElementById(。。。。...this.Input = this.div.getElementsByTagName("input")[0];//既然找到了div我们在找下div下面的input;当然你要不input获取..._self = this;就可以_self 代替this(函数实例)了;当然_self 也可以写成别的 比如$this等自定义的 }*/ }

    35.1K10

    绕过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

    这个前端竟然动态规划瀑布流布局?给我打死他!

    动态规划 和局部最优解对应的是全局最优解,而说到全局最优解,我们很难不想到动态规划这种算法。它是求全局最优解的一个利器。...如果你还没有了解过动态规划,建议你看一下海蓝大佬的 一文搞懂动态规划,也是这篇文章让我入门了最基础的动态规划。...我也有在我自己维护的题解仓库中对老师的 01 背包解法做了一个js 版的改写。 那么 01 背包问题和这个瀑布流算法有什么关系呢?...横坐标 x 是:当前考虑的图片集合,去尽可能凑到总高度为 y 时,所能凑成的最大高度 max,以及当前所使用的图片下标集合 indexes,取值范围是 0 ~ 高度的一半。...小问题拆解 就以 [1, 4, 5, 4] 这四张图片高度为例,高度的一半是 7,肉眼可以看出最接近 7 的子数组是[1, 5],我们来看看动态规划是怎么求出这个结果的。

    1.1K30

    NEE:微生物多样性的宏观生态学理论

    证明了对数正态动态具有跨丰富度尺度的预测能力,这是生物多样性理论的一个重要标准。 通过了解生态过程的可乘性和随机性,科学家们可以更好地了解地球上最大和最多样的生态系统的结构和动力学。...这些对数正态动态的例子包括增长的可乘性、种群动态的随机性以及个体跨地理距离扩散的能量成本。...即之前的尺度定律: PNAS(2016)-尺度定律预测全球微生物多样性 Scaling law的争论~ 此文研究了对数正态分布和对数级数是否能够合理地预测微生物SAD,以及这两种模型是否都能再现最近发现的多样性...第三,作者反对肉眼拟合SADS,这个问题在这里不相关,因为研究是定量的和可复制的。 最后,没有使用对数正态分布作为零模型,而是将对数正态分布定义为捕捉微生物群落动态的可乘性和随机性。...虽然对数正态分布和Zipf之间的联系需要进一步研究,但微生物生物多样性的宏观生态理论应该考虑到这一动态

    2K31
    领券