eagle.js零基础入门_基于 Vue.js 构建的幻灯片框架

eagle.js零基础入门

官方网址:https://zulko.github.io/eaglejs-demo/

eagle.js零基础入门_基于 Vue.js 构建的幻灯片框架

GitHub:https://github.com/Zulko/eagle.js

简介描述:基于 Vue.js 构建的幻灯片框架

Eagle.js 一个用Vue.js构建的可hackable幻灯片框架,它支持动画、主题、互动小部件(用于网络演示),并且可以轻松地在演示文稿之间重用组件、幻灯片和样式。

Eagle.js 旨在提供一个简单而具有攻击性的 API,以便您摆脱已有的轨迹,制作真正想要的幻灯片。

以下是 Eagle.js 的语法(使用 Pug ):

.eg-slideshow
    slide
      h1 My slideshow
      h4 By Zulko

    slide
      h4 Title of this slide
      p  Paragraph 1.
      p  Paragraph 2.

    slide(:steps=3)
      h4 Slide with bullet points
      p(v-if='step >= 2') This will appear first.
      p(v-if='step >= 3') This will appear second.
海计划公众号
(2)
上一篇 2020/03/06 09:12
下一篇 2020/03/06 09:12

您可能感兴趣的内容

  • Web前端性能优化基础入门_优化小白教程

    web性能优化,主要分为前端和后台两个部分性能优化,后台性能优化决定了web能不能用,前端优化决定了其好不好用,也就是牵涉到前端用户体验和web易用性等情况,所以前端性能与用户体验是有着极大的关联的。首先,前端优化之前,我们需要知道其整体性能情况,然后对整体情况进行细分与分析,了解其每一步所损耗的时间和消耗的原由,然后进行细节优化,才能达成一个整体性能质的

    2020/03/24
  • webpack-bundle-analyzer小白攻略_Webpack包分析器

    webpack-bundle-analyzer小白攻略 GitHub:https://github.com/webpack-contrib/webpack-bundle-analy…

    2020/03/11
  • 小程序 showLoading与showToast不能共存使用教程_小程序小白指南

    loading与toast一般不能同时引用,所以一般先把hideloading了,再执行showtoast
    之前把hideloading加到了complete中,所以toast就一直出问题wx.showLoading({title: ‘加载中’,
    })
    wx.request({url: ”,header: {“thirdSessionKey”: app.

    2020/03/20
  • Docker部署ngnix静态网站教程视频_Docker小白知识

    Hello World首先获取ngnix镜像(默认的是最新版)docker pull nginx先来编写一个最简单的Dockerfile,一个Dockerfile修改该Nginx镜像的首页Dockerfile是一个文本文件,其中包含了若干条指令,指令描述了构建镜像的细节。1、新建文件夹/ngnix,在该目录下新建一个名为Dockerfile的文件,在里面增加

    2020/03/23
  • 使用js如何设置、获取盒模型的宽和高小白知识_宽高攻略教程

    第一种:dom.style.width/height这种方法只能获取使用内联样式的元素的宽和高。 第二种:dom.currentStyle.width/height这种方法获取的是浏览器渲染以后的元素的宽和高,无论是用何种方式引入的css样式都可以,但只有IE浏览器支持这种写法。 第三种:window.getComputedStyle(dom).width/

    2020/03/30
  • WebRTC API之 mediaStream详解小白教程_WebRTC零基础入门

    WebRTC API包括媒体捕获、音频视频的编码和解码、传输层和会话管理。getUserMedia():捕获音频和视频。MediaRecorder:录制音频和视频。RTCPeerConnection:在用户之间传输音频和视频。RTCDataChannel:用户之间的流数据。在这里插入图片描述媒体捕获MediaStream(又名getUserMedia)Med

    2020/03/26
  • Webstorm常用快捷键基础入门_快捷键基础知识教程

    下面是Webstorm的一些常用快捷键:1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []:

    2020/03/26
  • Vue服务端渲染基础教程_渲染使用帮助

    一、服务端渲染 – 简介所谓服务端渲染就是将代码的渲染交给服务器,服务器将渲染好的html字符串返回给客户端,再由客户端进行显示。服务器端渲染的优点有利于SEO搜索引擎优化,因为服务端渲染是将渲染好的html字符串返回给了客户端,所以其可以被爬虫爬取到;加快首屏渲染时间,不会出现白屏;服务器端渲染的缺点SSR会占用更多的CPU和内存资源Vue中一些常用的浏览

    2020/03/26
  • 底部粘连(stiky footer)布局基础知识教程_布局小白教程

    前面的话在网页设计中,Sticky footers设计是最古老和最常见的效果之一,大多数人都曾经经历过。它可以概括如下:如果页面内容不够长的时候,页脚块粘贴在视窗底部;如果内容足够长时,页脚块会被内容向下推送。本文将详细介绍sticky footer的4种实现方式 绝对定位常见的实现方法是对(.sticky)footer进行绝对定位,假设高度为50px。对父

    2020/03/26
  • css文本操作基础知识教程_操作小白攻略

    1.文本对齐方式(水平方向) text-align这个属性能控制标签内文本的对齐方式,还能控制子元素中行内元素和行内块级元素的对齐方式(水平方向)它有三个值:left:左对齐(默认)center:居中对齐right:右对齐
    div的文本子元素span<div

    2020/03/26
  • 说说 HTTP 与 TCP 的关系基础教程_tcp入门基础

    HTTP与TCP的关系?HTTP是应用层协议。TCP是传输层协议。HTTP是建立在TCP协议之上。完成一次http请求到底发生了什么?在http1.0阶段,完成一次http请求之后,就会断开http连接,同时TCP连接也会断开。所以每次HTTP请求都会先建立TCP连接,然后建立HTTP连接。这样代价有些大,也不符合我们的常识。所以在http1.0中虽然没有相

    2020/03/26
  • jspm-cli小白知识_基于SystemJS的Js包管理器

    jspm-cli小白知识 官方网址:https://jspm.org GitHub:https://github.com/jspm/jspm-cli 简介描述:基于SystemJS…

    2020/03/06
  • parsedown入门百科_高效Markdown解析器

    parsedown入门百科 官方网址:http://parsedown.org GitHub:https://github.com/erusev/parsedown 简介描述:高效…

    2020/03/06
  • 7个令人兴奋的JavaScript新特性使用帮助_nginx入门知识

    前言一个ECMAScript标准的制作过程,包含了Stage 0到Stage 4 五个阶段,每个阶段提交至下一阶段都需要TC39审批通过。本文介绍这些新特性处于Stage 3 或者Stage 4 阶段,这意味着应该很快在浏览器和其他引擎中支持这些特性。一、类的私有变量最新提案之一是在类中添加私有变量的方法。我们将 使用 # 符号表示类的私有变量 。这样就不需

    2020/03/20
  • 前端Vue中常用rules校验规则菜鸟教程下载_校验入门百科

    在 vue开发中,难免遇到各种表单校验,这里整理了网络上和自己平时高频率用到的一些校验方法。1、是否合法IP地址export function validateIP(rule, value,callback) {if(value==”||value==undefined||value==null){callback();}else {const reg =

    2020/03/23
  • CodeColor使用指南_千变万化,精摹细琢,前端CSS技术的集合

    CodeColor使用指南 官方网址:https://www.codecolor.cn/ 简介描述:千变万化,精摹细琢,前端CSS技术的集合 CSS被称为网页开发魔术师,本站收集各…

    2020/03/06