首页
学习
活动
专区
工具
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 基础库。(站在巨人肩膀上啊!)...: Expression | null; } Identifier 顾名思义,标识符节点,我们 JS 时定义变量名,函数名,属性名,都归为标识符。...var i = 0; i < 5; i++) { result += 2; } module.exports = result; `) ).toBe(10

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']作为例子。...代码请戳:linearRegression.js 通过这条公式,我们可以轻易得到数组 [1,3]斜率和偏移量为 {a:2,b:1},然后就可以知道以后数据走向将会是 [5,7,9,...]。...',    index: 10,    ...  }, {    realValue: '12',    index: 11    ...  }] } 代码请戳:predictor.js...由于我们知道每一个数据下标,所以我们可以简单又准确地把它们放到正确位置去,最后输出如下: [1, 2, 'a1c', 'a2c', 6, 8, 3, 4, 'a3c', 'a4c', 10, 12]

1.4K40

前端又开撕了:RustTurbopack,比Vite快10倍?

Vercel 声称这是 Webpack 继任者, Rust 编写,在大型应用中,展示出了 10 倍于 Vite、700 倍于 Webpack 速度。对此,Vite 维护者提出了质疑。...10 月 26 日,在旧金山举行 Next.js Conf 22 会议上,Vercel 正式宣布推出 Turbopack。...Turbopack 是 Vercel 公司之前一些工作延续。在此之前,他们基于 Rust SWC 替换基于 JavaScript 转译器 Babel,速度提升了 17 倍。...他们还替换了 Terser,压缩速度提高了 6 倍,减少了加载时间和带宽使用。所以,他们再次 Rust 重写了 Webpack。...围绕基准测试所做辩论是必不可少,可以让双方更好开放方式得到改进。但更重要是能让我们深入到构建细节,拨开云雾,了解和关注技术领域关键发展。

93740

js】如何正确代码注释?

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

15220

Windows 10什么语言?微软工程师带你“偷窥”源码

导读:Windows 操作系统本身是不开源,但是近日微软内核工程师 Axel Rietschin 发表了一篇博客,带大家一窥 Windows 10 内核魅力。...其实 Axel 这个博客是在回答一个问题:“Windows 10 是由什么语言写就?”...他介绍,ntoskrnl.exe 内核大部分是使用 C 编写,在内核模式下运行大多数内容也是 C 编定,包括文件系统、网络与驱动程序等。...具体看一下 Windows 10 “DVD” 源码,作者猜测其中 98% 由 C 和 C++ 写就,而 C 占据大比例。...此外,.NET BCL 与一些相关库和框架通常都是 C# 编写,“但它们也只不过是带有几座 C++ 小岛 C 汪洋大海一栗”,它们自不同部门,代码并不属于 Windows 源码树。

4.8K40

node.js从零开始去一个简单爬虫

如果你不会Python语言,正好又是一个node.js小白,看完这篇文章之后,一定会觉得受益匪浅,感受到自己又新get到了一门技能,如何用node.js从零开始去一个简单爬虫,十分钟时间就能搞定,步骤其实很简单...node安装就不一步步解释了,如果不会可以自行百度。在node开大环境下开始第一步: 1:在d盘新建一个文件夹WebSpider ?...图片.png 创建FirstSpider文件夹之后目录 ? 图片.png 4:进入刚刚创建文件夹里面 cd FirstSpider ?...图片.png 7:重点内容,打开first_spider,并一行一行敲代码,如果你不想代码的话,去网站上找一些代码过来进行测试即可。...}) } } }) } 8:运行程序,命令很简单哦 在cmd命令行下,cd 到你创建工程文件夹FirstSpider下,然后 node first_spider.js

1.1K10

VSCodepython正确姿势

最近在学习python,之前一直notepad++作为编辑器,偶然发现了VSCode便被它颜值吸引。...推介个插件,vscode-icons可以使VSCode左侧资源管理器根据文件类型显示图标 配置flake8 安装flake8之后代码时候编辑器就会提示哪里出错,代码格式不规范也会提示 打开命令行...,在左边调试界面可以查看变量变化 image.png debug.png 隐藏菜单栏 这个属于个人习惯,如果你也感觉菜单栏很碍眼,可以点击查看->切换菜单栏,即可隐藏菜单栏。...需要菜单栏时候按Alt键即可查看 设置快捷键 文件->首选项->键盘快捷方式,将需要修改快捷键整个大括号里面的内容复制到右边keybindings.json文件中,然后修改“key”值为你需要快捷键即可...我这边只修改了复制一行和删除一行快捷键。

2.1K40

Python网页自动签到

第1步.环境准备(chrome浏览器) 1.安装selenium包 pip install selenium 2.下载chromedriver驱动; 找到符合自己浏览器版本chromedriver...驱动,下载解压后,将chromedriver.exe文件放到Python目录下Scripts目录下,也可以添加环境变量到Path中。...>右键管理>(左侧栏)任务计划程序>Microsoft>Windows>(右侧栏)创建任务(详见百度) 2.设置任务: 命名任务 设置触发器 设置操作 注意:该方法前提是py后缀脚本文件默认打开方式是...python,可以先尝试一下,本人就是默认python打开,如果不行可以下面方法设置默认打开方式: 1.win+R打开运行; 2.输入regedit,确定; 3.在打开注册表中找到以下目录: HKEY_CLASSES-ROOT...” -e “%1” (将其中路径修改为自己python安装路径即可)

2.4K30

phpapp框架整理

PHP开发app常用三种框架介绍 1、ThinkPHP框架 TP框架是一共快速兼容简单轻量级国产PHP开发框架,使用面向对象结构和MVC模式进行开发。...优势: 1、纯OOP开发,模型使用方便 2、支持命令行工具开发,可以快速创建一个web应用程序代码 3、具有高度可重用性和可扩展性 4、开发速度快,性能优异且功能丰富 5、支持composer包管理工具...3、Laravel框架 Laravel是一套简洁,优雅PHP WEB开发框架。集合了PHP比较新特性,以及各种设计模式,是一个适合学习框架,但要求PHP基础扎实熟练。适合大中型项目的开发。...{ csrf_field() }} 4、Laravel 社区很强大,具有丰富扩展包及工具 5、具有缓存、身份验证、任务自动化、hash加密、事务等功能 6、独特 .env环境文件,方便了系统配置和不同平台开发...以上就是phpapp什么框架详细内容,更多请关注ZaLou.Cn其它相关文章!

1.4K31
领券