当前位置: 首页 > 软件库 > iOS代码库 > 滑杆(Slider) >

Spectacle-code-slide

滑动代码块
授权协议 MIT
开发语言 JavaScript
所属分类 iOS代码库、 滑杆(Slider)
软件类型 开源软件
地区 不详
投 递 者 狄彬彬
操作系统 OS X
开源组织
适用人群 未知
 软件概览

Spectacle-code-slide是一个用JavaScript开发的滑动代码块。Spectacle-code-slide目前的代码风格:

安装:

$ npm install --save spectacle-code-slide

使用:

import CodeSlide from 'spectacle-code-slide';

export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle theme={theme}>
        <Deck transition={[]} transitionDuration={0} progress="bar">
          // ...
          <CodeSlide
            transition={[]}
            lang="js"
            code={require("raw!../assets/code.example")}
            ranges={[
              { loc: [0, 270], title: "Walking through some code" },
              { loc: [0, 1], title: "The Beginning" },
              { loc: [1, 2] },
              { loc: [1, 2], note: "Heres a note!" },
              { loc: [2, 3] },
              { loc: [4, 7] },
              { loc: [8, 10] },
              // ...
            ]}/>
          // ...
        </Deck>
      </Spectacle>
    );
  }
}
 相关资料
  • 所属类别 特效(Effects) 用法 描述:把元素滑动出视区。slide 参数 类型 描述 默认值 direction String 特效的方向。可能的值:"left"、"right"、"up"、"down"。 "both" distance Number 特效的距离。默认为元素的高度(height)还是宽度(width)取决于 direction 参数。可以设置为小于元素的宽度(width)/

  • Spectacle是一款非常方便的app,它允许你无须使用鼠标,仅仅使用一组快捷键,即可轻松地组织OS X上应用程序的窗口位置,可以极大提高工作效率。 当然,你可以自定义任何窗口操作的快捷键,以符合自己的口味。 下面是我在自己的机器上的演示: 上面的Gif演示效果并不是很好,我也将高质量的演示视频上传到了YouTube上,你可以在这里看到。还有很多有趣的功能等待发掘。 Spectacle使用Obj

  • 本文向大家介绍iOS滑动解锁、滑动获取验证码效果的实现代码,包括了iOS滑动解锁、滑动获取验证码效果的实现代码的使用技巧和注意事项,需要的朋友参考一下  最近短信服务商要求公司的app在获取短信验证码时加上校验码,目前比较流行的是采用类似滑动解锁的方式,我们公司采取的就是这种方式,设计图如下所示: 这里校验内部的处理逻辑不作介绍,主要分享一下界面效果的实现, 下面贴出代码: 先子类化UISlide

  • 可以使用alert()框或console.log()或调试器中的调试指针调试任何JavaScript代码。 警报框 在要检查流或任何变量值的代码中放置一个警告框。 例如,alert('message to show'+ variable); Development/Debugging Tool 调试器是任何开发人员在开发时检查代码中的问题和错误的最重要工具。 Ext JS是一个JavaScript

  • 本章提供了如何创建简单JDBC应用程序的示例。 这将向您展示如何打开数据库连接,执行SQL查询以及显示结果。 此模板示例中提到的所有步骤将在本教程的后续章节中进行说明。 创建JDBC应用程序 构建JDBC应用程序涉及以下六个步骤 - Import the packages:要求包含包含数据库编程所需的JDBC类的包。 通常,使用import java.sql.*就足够了。 Register the

  • 本文向大家介绍js滚动条平滑移动示例代码,包括了js滚动条平滑移动示例代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js滚动条平滑移动相关代码,供大家参考,具体内容如下 html页 js页 css页 以上就是本文的全部内容,希望对大家的学习有所帮助。