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

居然可以 js PPT?

居然可以 js PPT powerpoint或者keynote演示文稿,对于代码、数学公式等支持一直是个痛点。而且对于前端同学来说,一身css功力用不上也是个痛点。...在我们上面默认html模板中已经加载了RevealMarkdown插件。所以我们要做就是在下面的模板上markdown就好。...: 代码高亮 代码高亮默认是支持,我们可以在markdown里面```来使用: 显示出来效果如下: md-code 也可以直接使用htmlpre和code标签来显示: ...而且也可以跟reveal.js功能有更好结合。...更进一步 除了上面介绍基本特性之外,reveal.js支持自动播放、自制插件、支持处理事件等等有利于开发人员slides特性。相信能给你slides带来新好玩东西,将汇报与分享变成乐趣。

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

「 giao-jsjs一个js解释器

前言 在这篇文章中,我们将通过 JS 构建我们自己 JS 解释器, JS JS,这听起来很奇怪,尽管如此,这样做我们将更熟悉 JS,也可以学习 JS 引擎是如何工作!...一个完全使用 javascript 实现,小型且快速 javascript 解析器 本次实践我们将使用 acorn.js ,它会帮我们进行词法分析,语法解析并转换为抽象语法树。...Webpack/Rollup/Babel(@babel/parser) 等第三方库也是使用 acorn.js 作为自己 Parser 基础库。(站在巨人肩膀上啊!)...acorn.js parse 返回值符合 ESTree spec 描述 AST 对象,这里我们使用@types/estree 做类型定义。...: Expression | null; } Identifier 顾名思义,标识符节点,我们 JS 时定义变量名,函数名,属性名,都归为标识符。

46.4K20

js简单选项卡

大家好,又见面了,我是你们朋友全栈君。 如图,最简单纯粹选项卡 第一步,当然是先写html代码和css样式 <!...要点2:循环,先循环给li加上onclick事件,再onlink事件点击时候,再循环让所有选项卡act样式去掉,所有的内容隐藏。然后让所点击选项及对应内容显示。...上面的写法只能一个页面一个选项卡,如果再加一个的话,就需要复制一份,再改很多变量名。...要点:tab_t_li[i][evt] 因为传值时候是字符串,如果直接的话就是tab_t_li[i].”onclick”这样话是执行不了,tab_t_li[“onclick”]这样执行没问题。...,可以看下一篇 js简单选项卡 加 自动切换效果 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/155183.html原文链接:https://javaforall.cn

5.6K20

原生js一个多动症简历

原生js一个"多动症"简历 预览地址 源码地址 最近在知乎上看到@方应杭vue写了一个会动简历,觉得挺好玩,研究一下其实现思路,决定试试用原生js来实现。...使用es6写法 使用部分原生dom操作api standard.js(代码风格约束利器) 目录结构如下 最重要几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(...简历样式编辑模块) 、 以及vQuery(封装dom操作模块) 最后app.js(入口模块)再将几个模块功能结合起来完成整个项目。...,你没看错,传说中回调地狱,亮瞎了我狗眼啊。想必大家和我一样都是不愿意看到这坨恶心代码,但对于处理异步问题,回调又的确是一直以来解决方案之一。...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现逻辑是将原来相关模块

6.8K70

原生js一个多动症简历

原生js一个"多动症"简历 预览地址 源码地址 最近在知乎上看到@方应杭vue写了一个会动简历,觉得挺好玩,研究一下其实现思路,决定试试用原生js来实现。...使用es6写法 使用部分原生dom操作api standard.js(代码风格约束利器) 最重要几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块...) 、 以及vQuery(封装dom操作模块) 最后app.js(入口模块)再将几个模块功能结合起来完成整个项目。...,你没看错,传说中回调地狱,亮瞎了我狗眼啊。想必大家和我一样都是不愿意看到这坨恶心代码,但对于处理异步问题,回调又的确是一直以来解决方案之一。...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现逻辑是将原来相关模块

5.3K20

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

2、使用yarn来处理依赖包管理 3、使用es6写法 4、使用部分原生dom操作api 5、standard.js(代码风格约束利器) 目录结构如下 最重要几个模块分别是resumeEditor...(简历编辑模块) 、 stylesEditor(简历样式编辑模块) 、 以及vQuery(封装dom操作模块) 最后app.js(入口模块)再将几个模块功能结合起来完成整个项目。...想必大家和我一样都是不愿意看到这坨恶心代码,但对于处理异步问题,回调又的确是一直以来解决方案之一。...因为定时器操作是异步行为,而我们简历生成过程会涉及到多个异步操作,所以为了看到如首页预览链接效果,必须等前一个步骤完成之后,才能执行下一步步骤,这里首先使用回调函数解决方案,大家可以从github...我们来看一下promise分支中app模块最终写法 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现逻辑是将原来相关模块Promise包装起来,并且在原来回调函数执行地方

4K10

一个js接口http调试程序

公司有非常多手机app项目。手机app又要常常訪问后台提交与查询数据。 所曾经端app与后台开发与測试过程中接口调试是一个常常要做工作。...而非本项目的人往往还难以帮上忙(必需要读懂别人程序,等等。...开发们都懂…) 所以自己利用了业余时间js+hta方式实现了一个简单接口调试程序.能够由非开发者对比接口文档就能够进行接口调试和測试。...下面是程序界面 这是一个机票程序接口调用程序,在这个程序中能够调试全部接口 左側是各个接口命名,每点击左側接口名,右側url和req(请求參数)会对应变为该接口URL和參数样例,点以下...程序小巧(10-100k) 该程序入门简单(仅仅须要懂一点html语法与js就可以), 改动easy(记录本打开就能改动), 执行easy(windows环境下双击执行就可以) 实在是居家旅行,出差工作

1.9K10

前端- JS 一个同 Excel 表现智能填充算法

排除了AI加成,发现这个功能其实也可以通过数学理论和简单代码来实现。经过一番折腾,终于JS实现了大致功能,然后我把它名为 smart-predictor。...在明白这些结论之后,我们就可以去讨论它到底是怎么实现。 Separator 我们数组 [1,2,'a1c','a2c']作为例子。...'Number1': [{    realValue: '6',    ...  }, {    realValue: '8',    ...  }] } 代码请戳:classifier.js...代码请戳:linearRegression.js 通过这条公式,我们可以轻易得到数组 [1,3]斜率和偏移量为 {a:2,b:1},然后就可以知道以后数据走向将会是 [5,7,9,...]。...10',    index: 10,    ...  }, {    realValue: '12',    index: 11    ...  }] } 代码请戳:predictor.js

1.4K40

绕过JS爬虫

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

14.9K20

js插件教程

;我为了方便都写到一个html中了;请把这个script标签中内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...; //最后面的undefined可不;最好写了;保证里面再出现undefined是未定义意思;不被其他东西赋值; //好了下面是时候展现真正技术了 //function前!...号(叹号)或者;(分号)这不是写错了,为了防止那个二货js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...this指向为调用实例;我们此时姑且认为this就指向这个函数;因为这样我们之后再想获取这个div就可以直接this.div了好吗;而不是在document.getElementById(。。。。...指向点击button;只要在var _self = this;就可以_self 代替this(函数实例)了;当然_self 也可以写成别的 比如$this等自定义 }*/

35.1K10

用心BUG,代码

在这样时代背景下,对于每一个基于代码自动化测试而言,最痛苦事莫过于接手了一段辣眼睛代码。BUG不BUG是其次,更多时候是看到了一段拥有无数嵌套、晦涩难懂、宛如天书代码。...原先就一知半解,遇到这样代码更是难上加难。今天我们就来看看,应该拿什么来拯救那些稀烂代码。 1、把注释和代码混在一起代码: 高亮显示后: 如果只做边界测试,那么就悲剧了。...VSCode,然后【Shift】+【Alt】+F,真香 9、鬼才逻辑: *** 10、充分训练客户自己排查能力,别一有什么问题就找我们乙方 一般我都直接百度。。...话说回来,编写一段雅观代码,往往需要相当深厚功力。优秀代码不仅要有一个中心思想让人一眼辨认,还要在精炼与易读之间做权衡。...Linux之父Linus Torvalds说:如果你代码里需要有超过三层缩进,那么你已经搞砸了,应该修改你代码。

1.2K20

js】如何正确代码注释?

错误注释 你注释是不是这样? //时间戳日期格式化函数 function formTime(time,isyear){ } 亦或者是这样?.../* 时间戳日期格式化函数 */ function formTime(time,isyear){ } 简单变量声明之类内容可以进行简单注释,但是函数就不能这样做了,要知道注释作用是一种为了让代码更易读...、易维护、易理解,起到提示作用,上面的两个注释都是正确,但是它起到作用太低了,在正式工作中我们往往会协同开发,这种注释是万万不可。...,内容详细了很多,当然,不只是单单内容多了,如果只是内容多了那么/* */段落注释同样也可以,那么它还有什么优点呢?...npm install jsdoc -g 基本使用 jsdoc 文件名 其他使用方式可以去官网查看 jsdoc 33.js 执行完此命令,会生成一个out文件夹,查看里面的index页面即可,右边侧边栏会显示函数使用

15320
领券