展开

关键词

一统江湖的大前端(1)——PPT制作库impress.js

《一统江湖的大前端》系列是自己的学习笔记,旨在介绍javascript在非页开发领域的应用案例和发现各类好玩的js库,不定期更新。 如果你对前端的理解还是写写页面绑绑事件,那你真的是有点OUT了,前端能做的事情已经太多了, 手机app开发 , 桌面应用开发 , 用于神经络人工智能的库 , 页面游戏 , 数据可视化 , 甚至 嵌入式开发 impress.js是什么impress.js 是一款基于 css-3D 和 css动画 、受到高逼格PPT原型工具 prezi 启发而开发的演示文稿制作库,github上星星高达33k个,如果你已经厌烦了使用 获取impress.js库文件及方示例请点击impress.js地址关键API下述api用于HTML标签属性,学习时直接对照方代码仓中的example走一遍,看一遍示例代码,基本都能学会。 附件中的 CSS-presentation 可通过双击文件中的index.html直接打开,是自己以前在做团队内部分享时使用 impress.js制作的幻灯片,时间较短,直接套用了方示例并对个别细节进行了调整

46630

Cleaver快速制作页PPT

如今即便薄学如我就已然知晓reveal.js impress.js等各种轮子来制作体验优良的页PPT。今天就来尝试下这Node.js的轮子Cleaver来制作页PPT。 Cleaver的方发布页:http:jdan.github.iocleaver;参考文章:30秒制作幻灯片 Cleaver。 ,Markdown站:http:daringfireball.netprojectsmarkdown需要注意的是,Cleaver以” — “(两个中横线)做为分页的标志,其他语法都遵循Markdown 写在最后相比于之下,impress.js, reveal.js以及Cleaver三者各有特色吧;在唯快不破的理论下,Cleaver自然占据了无与伦比的优势,只是像动画,样式等比于impress是一个短板 花了些许时间来探究这个问题,只是现在络上目测关于这个信息不是很多。逐一对比之下,文章的格式没什么问题。

1.1K80
  • 广告
    关闭

    最壕十一月,敢写就有奖

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

    impress.js 源码分析

    在Google上搜索时,我发现了impress.js的存在,与我的设想不谋而合,于是乎……不再自己造轮子,又花了两天时间熟悉使用impress.js来设计幻灯片,效果完全超越了我的预期。    impress.js简单来说仅仅是实现了幻灯片的转场特效的框架,虽说将单页限制在框架之内,但所有单页还是需要自己用代码设计。 花了一天探索了下impress.js源码,其实并不复杂,个人感觉收获颇丰,以下阐述我的收获。 1. impress.js华丽效果实现方法概述  通过审查元素发现,页面间转场的实现全部是依赖于CSS3,准确说是translate3d属性完成的。 2. impress.js具体的技术实现2.1 动效参数的获取(line307):参数获取 方提供了一个demo:index.html,首先从data-* 属性入手。

    51620

    GitHub 上有意思的项目推荐

    Leetcode Solutions with JavaScript 技术面试题库站:leetcode OJ 上的题目解答。 impress.js 各种炫的效果,用来做幻灯片不错。 fullPage 全屏翻页的js组件,用来做幻灯片不错。

    33030

    如何高效写长文?

    1 非线性史蒂芬平克在《风格感觉》一书中提到:写作之难,在于把状的思考,用树状的语法结构,转换成线性字符串。(“The Web, the Tree, and the String”)。 于是,在我的教育邮箱看来,主用邮箱就在编辑内容。?而主用邮箱那里,编辑完成之后,也会看到教育邮箱正在浏览自己编辑的内容。?这样一来,同事、同学、师生之间协作写稿,就容易多了。 它的默认导出形式之一,就是 impress.js 幻灯。?而且可以在新标签页里打开,直接开始幻灯播放。于是,简单用 Markdown 组织思绪,写好一个框架之后,你可以直接放映,特别霸气。? 没错,要破除每个月10个项目,总共100张卡片的免费限额,报价需要 12 美金月。这个价格,你觉得如何?别忙着付款。我得尽到告知的义务——你可以根据自己的判断,选择合适的付费金额。有意思吧? 默认支持 impress.js 格式导出。写完大纲,幻灯自动生成。这些功能,在我看来,很好地解决了许多长文写作者的痛点需求。我唯一不明白的是,为什么没有早点儿听说过它?

    25210

    前端组件整理

    代码编辑器,可以用来做demo演示ckeditor ueditor 百度做的 tinymce 对html内容进行实时的编辑 summernote 在移动设备上用不错HTML5播放器 jwplayer 被大量站使用 html5media 简单的h5player,轻量级 jplayer 功能强太,可换肤展示 Impress.js 各种旋转,和奇特的体验 fullPage 全屏显示。 用户体验增强类 Intro.js 用来介绍站的功能很不错。也可以做新手引导。 blockUI Lolding组件。 simple-hint 提示信息。用css做的。兼容性IE 9+。

    1.3K40

    以太坊

    以太坊主要分为四类:以太坊基金会、以太坊代码与文档、以太坊运行监控与统计和以太坊方社区账号频道。 以太坊基金会以太坊基金会是整个以太坊项目的发动机,其域名为ethereum.org。 以太坊基金会以太坊方FAQ集以太坊方博客以太坊代码与文档以太坊的代码都是开源的,托管在github.com上,文档则分别在ethdocs.org和readthedocs.org上。 以太坊方Github仓库以太坊方文档Solidity方文档 如果你希望马上开始学习以太坊应用开发,可以访问汇智提供的出色的在线互动教程:以太坊智能合约与应用开发入门去中心化电商应用实战开发:以太坊 +IPFS+NodeJS+Express+MongoDB以太坊络运行监控与统计分析以太坊的全运行监控与统计分析,可以从ethstats.net获得:以太坊运行监控与统计以太坊方社区账号频道以太坊基金会在众多的社交平台都开设有方账号与频道

    2.3K71

    flask_web站收

    首先恭喜我们的站圆满完成,这么久终于大结局了,先小小的开心一下(放上站的址供大家查看:http:39.96.164.111,因为测试短信验证码的时候用完了所有的钱,所以注册的功能不能使用了,大家看一下即可 在代码中每一句有详细的解释,大家可以直接看代码和注释就好了,当然,还可以结合笔记一起看了,作为大结局,给大家奉上全部:经典案例之某新闻站的实现经典案例之某新闻站的实现(二)项目阶段之flask(三) 项目阶段之flask(四)项目阶段之flask(五)项目阶段之flask(六)项目重点知识点详解难点理解&面试题问答下面对站整体介绍一下:用户首页 ?

    15310

    Elasticsearch 手册 v7.10

    将一些数据添加到Elasticsearch索引后,就可以对其进行搜索 通过向 发送请求 _search端点 。 除了搜索功能,您可以使用Elasticsear...

    14830

    如何查找例程及如何使用例程

    有的时候需要查找一些的例程进行学习和参考,但是总感觉无从下手,今天就教大家怎么利用和Vivado的Documention进行相关的操作。 怎么使用下载下来的参考设计目前下载下来的参考例程异常“简单,主要通过TCL脚本提供,对于不熟悉使用该脚本的人可能会比较懵,但是不需要过于担心,只需要按照下面的步骤就可以轻松利用该脚本构建Vivado

    17251

    今日分享: 常用工具集

    数据来源于互联技术站点Hacker News:非常棒的针对编程的链接聚合站Programming reddit:同上MSDN:微软相关的方技术集中地,主要是文档类infoq:企业级应用,关注软件开发领域 squid(前端缓存),nginx(负载),nodejs(没错它也可以,自己写点代码就能实现高性能的负载均衡器):常用的负载均衡器Piwik:开源站访问量统计系统ClickHeat:开源的站点击情况热力图 JavaScript InfoVis Toolkit:另一款Web数据可视化插件Pdf.js,在html中展现pdfACE,CodeMirror:Html代码编辑器(ACE甚好啊)NProcess:绚丽的加载进度条impress.js ,用于高并发络编程比较好(NIO框架)MINA:简单地开发高性能和高可靠性的络应用程序(也是个NIO框架),不少手游服务端是用它开发的jOOQ:java Orm框架Activiti:工作流引擎,类似的还有 jBPM、SnakerPerfuse:是一个用户界面包用来把有结构与无结构数据以具有交互性的可视化图形展示出来.Gephi:复杂络分析软件, 其主要用于各种络和复杂系统,动态和分层图的交互可视化与探测开源工具

    68931

    Knockout.Js学习(简介)

    前言最近一段时间在上经常看到关于Knockout.js文章,于是自己就到看了下,不过是英文的,自己果断搞不来,借用google翻译了一下。 这两个js类库,用谷歌翻译看了下,Ko的实现原理是MVVM,比MVC高级一些。?简介MVVM模式 MVVM是Model-View-ViewModel的简写。   支持IE6+, FF2, Chrome, Opera, Safari站提供了友好的互动式的在线入门教程,可以去http:learn.knockoutjs.com练习以及查看详细的API文档。 由于本例未引用jQuery,无$.ready()可用,所以把放在页的最后以确保在页元素都载入后才执行ko.applyBindings( )。

    26120

    element ui中文是什么 element ui中文有什么功能

    那么什么是element ui中文?下面小编给大家详细介绍一下这些问题。 image.png 什么是element ui中文首先,在许多软件开发的圈子之中,elementui是一个名声十分响亮的站。 而element ui中文则是为了照顾中国市场,专门开设用于中文市场的。进入后页面所有内容都是中文设计,方便那些英语不好的用户观看。 element ui中文可以用来干什么element ui中文针对中文市场进行设置的分布,首先与英文版功能一样,其后界面全部由中文组成,更易国人读懂并灵活运用。 综上所述element ui中文是elementui在面向中文市场所开设的分布,其具有较低的上手门槛和功能齐全的软件开发工具和素材。

    48700

    整理一份程序员常用的各类工具、技术站点

    技术站点Hacker News:非常棒的针对编程的链接聚合站MSDN:微软相关的方技术集中地,主要是文档类infoQ:企业级应用,关注软件开发领域OSChina:开源技术社区,开源方面做的不错哦博客园 性能测试工具负载均衡器http_load: 程序非常小,解压后也不到100Kwebbench: 是Linux下的一个站压力测试工具,最多可以模拟3万个并发连接去测试站的负载能力ab: ab是apache Piwik:开源站访问量统计系统ClickHeat:开源的站点击情况热力图HAProxy:高性能TCP HTTP负载均衡器Page Speed SDK和YSLOWHAR Viewer: HAR分析工具 JavaScript InfoVis Toolkit:另一款Web数据可视化插件Pdf.js:在html中展现pdfACE,CodeMirror:Html代码编辑器(ACE甚好啊)NProcess:绚丽的加载进度条impress.js .Gephi:复杂络分析软件, 其主要用于各种络和复杂系统,动态和分层图的交互可视化与探测开源工具Nutch:知名的爬虫项目,hadoop就是从这个项目中发展出来的web-harvest:Web数据提取工具

    41820

    Knockout.Js学习(click绑定)

    click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意...

    33220

    Knockout.Js学习(text绑定)

    如果你想编写如下的代码的话,那Knockout将不起任何作用:导航 1.KnockoutJs学习(简单了解和入门) 2.Knockout.Js学习(监控属性Observables) 3.Knockout.Js 学习(数组observable) 4.Knockout.Js学习(visible绑定)

    36910

    Knockout.Js学习(visible绑定)

    导航 1.KnockoutJs学习(简单了解和入门) 2.Knockout.Js学习(监控属性Observables) 3.Knockout.Js学习(数组observable)

    34210

    Knockout.Js学习(数组observable)

    如果你需要探测和响应一个集合对象的变化,你应该用observableArray 。

    34340

    Knockout.Js学习(Mapping插件)

    手工mapping显示当前服务器时间和你站上的当前用户数。

    20910

    Knockout.Js学习(options绑定)

    options绑定控制什么样的options在drop-down列表里(例如:

    23310

    相关产品

    • 网约车系统

      网约车系统

      网约车系统是行业前沿的网约车全景配套系统。网约车系统使用的 LBS、风控、派单、结算等应用,底层基于行业大数据分析,为您提供符合网约车应用场景的个性化服务…

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      扫码关注云+社区

      领取腾讯云代金券