首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    居然可以 js PPT?

    居然可以 js PPT powerpoint或者keynote演示文稿,对于代码、数学公式等支持一直是个痛点。而且对于前端同学来说,一身css功力用不上也是个痛点。...> ...> 支持markdown reveal.js第一个强大功能是直接可以使用markdown来写演示文稿。...: 代码高亮 代码高亮默认是支持,我们可以在markdown里面```来使用: 显示出来效果如下: md-code 也可以直接使用htmlpre和code标签来显示: ...更进一步 除了上面介绍基本特性之外,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.5K20

    原生js一个多动症简历

    原生js一个"多动症"简历 预览地址 源码地址 最近在知乎上看到@方应杭vue写了一个会动简历,觉得挺好玩,研究一下其实现思路,决定试试用原生js来实现。...使用es6写法 使用部分原生dom操作api standard.js(代码风格约束利器) 目录结构如下 最重要几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(...简历样式编辑模块) 、 以及vQuery(封装dom操作模块) 最后app.js(入口模块)再将几个模块功能结合起来完成整个项目。...(简历样式编辑模块) 简历所展现布局效果都是由这个模块完成,核心方法是showStyles。...markdownToHtmlWrap) .then(showStylesWrap.bind(null, 2)) 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现逻辑是将原来相关模块

    6.9K70

    原生js一个多动症简历

    原生js一个"多动症"简历 预览地址 源码地址 最近在知乎上看到@方应杭vue写了一个会动简历,觉得挺好玩,研究一下其实现思路,决定试试用原生js来实现。...使用es6写法 使用部分原生dom操作api standard.js(代码风格约束利器) 最重要几个模块分别是resumeEditor(简历编辑模块) 、 stylesEditor(简历样式编辑模块...) 、 以及vQuery(封装dom操作模块) 最后app.js(入口模块)再将几个模块功能结合起来完成整个项目。...(简历样式编辑模块) 简历所展现布局效果都是由这个模块完成,核心方法是showStyles。...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(入口模块)再将几个模块功能结合起来完成整个项目。...Vquery stylesEditor(简历样式编辑模块) 简历所展现布局效果都是由这个模块完成,核心方法是showStyles。...stylesEditor(简历样式编辑模块) 简历编辑模块用来展示简历内容,主要会经历由markdown格式往html页面形式转换。...我们来看一下promise分支中app模块最终写法 可以看到,代码清爽了很多,纵向发展,应用第一步第二步第三步...一眼就能够看出来,当然实现逻辑是将原来相关模块Promise包装起来,并且在原来回调函数执行地方

    4K10

    一个js接口http调试程序

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

    1.9K10

    JS设置标签内容和样式

    那在JS中,它到底是如何控制标签样式?...利用className属性给标签设置样式,CSS样式没有出现在标签内,只是给标签添加类名而已; ? 3 获取/设置标签内容 现在可以利用JS来控制标签样式,能否利用JS控制标签内容?...+= '这是我新添加标签'; 4 课程小结 掌握获取标签目的是能够利用JS选择到相应标签,便于对其进行相应操作; 掌握设置样式目的是能够利用JS实现对标签样式控制...5 课后练习 1 id名为h5Coursediv标签 HTML5学堂,JS代码如下: // 注意查看id大小写 var con...3 利用下方提供结构代码(注意,提供结构不能变化,但是可以JS添加),完成下方最终效果; 结构代码: <!

    20.4K90

    JavaScript实现div鼠标拖拽效果

    一个简单可拖动div,随着鼠标的移动,实现原理鼠标按下时根据onmousemove事件来动态获取鼠标坐标位置以此来更新div位置,实现前提时div要有一个定位效果,不然的话是移动不了它。...演示(鼠标按住拖动) CSS样式 .box { position: absolute; width: 200px; height: 200px; background:...JS部分 var box = document.getElementsByClassName("box")[0];//获取元素 var x, y;//存储div坐标 var isDrop = false...;//移动状态判断鼠标按下才能移动 e.clientX鼠标x轴位置, e.clientY鼠标Y轴位置, box.offsetLeft获取div距离左边距离, box.offsetTop获取div...div最大移动宽度为页面宽减去div宽,最小为零,最大高为页面高减去div高,最小为零。

    2.7K30
    领券