Reveal.js一个用来做WEB演示文稿的框架

reveal.js是一个能够帮助我们很轻易地使用HTML来创建漂亮的演示效果,也就是我们常见的PPT幻灯片.reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库.它提供了多种幻灯片过渡效果,是一个非常棒的在线演示库. reveal.js还拥有许多高级特性,完整安装,某些 reveal.js 的功能,像外部的Markdown和演讲注释,需要演示文稿运行在本地的一个web服务器上,因此需要在nodejs环境下运行,安装node.js以及grunt,稍微比较复…

reveal.js让程序员做ppt也享受快乐

前言程序员除了会写的一手漂亮的代码,也要求做出风格优雅的PPT,诸如向领导汇报工作.向小组成员反馈项目进展自己的工作等等.就本人而言,做ppt还要去找模板,还需要设计风格,内心是焦灼的.于是乎,我搜到了这样的一款js库,用代码完成ppt,培训期间论文的答辩PPT采用这一方案,得到了领导同事的一致好评.这篇文章简单地讲一下reveal.js的基础知识,我是用了不到两个小时做出了一个ppt,从无到有,个人觉得很简单. 正文 reveal.js是一个专门用来做 HTML 演示文稿的框架.只需要在in…

PHP做Web开发的MVC框架（Smarty使用说明）

PHP做Web开发的MVC框架(Smarty使用说明 ) 一.Smarty简明教程 1.安装演示下载最新版本的Smarty-3.1.12,然后解压下载的文件.接下来演示Smarty自带的demo例子. (1)下载地址:http://www.smarty.net/download (2)在你的WEB服务器根目录下建立新目录,这里我在/var/www下创建yqting/目录,然后将解压之后的目录中的demo/和libs/目录复制到/var/www/yqting/目录下. (3)这里要特别注意dem…

如何用Python做Web开发？——Django环境配置

用Python做Web开发,Django框架是个非常好的起点.如何从零开始,配置好Django开发环境呢?本文带你一步步无痛上手. 概念最近有个词儿很流行,叫做“全栈”(full stack).各大IT培训机构几乎都在宣传这一概念.告诉你只需要交1XXXX元,就可以在XX天之内把自己变成一个“全栈工程师”.有了这个称号可不得了,收入马上可以上升若干个量级,从此走向通往人生巅峰的坦途…… 醒醒,没那好事儿. 静下心来琢磨一下,XX天之内就可以学会的东西,门槛高吗?这么多人都能学会的东西,…

10个最佳 Javascript+HTML5 演示文稿框架

JavaScript 与 HTML5 框架在创建基于现代浏览器的演示文稿时发挥了重要作用.他们把展示插入网页,为演示信息提供了一个有效方式.一般来说,手工插入花费大量事件和精力,它很复杂,以至于新手们因不能应用有效的技术难以得到满足需要的结果.另一方面,演示文稿框架没有任何问题或并发症,提供了很好的结果.演示文稿框架实现了网页开发结果,最大化了速度和准确率. HTML5在现代设计师和开发者中变得越来越流行.它的功能的多样性以及执行的无延迟在增强网站功能和效率方面起着重要作用.你可以通过挑选一个很…

基于docker+reveal.js搭建一个属于自己的在线ppt网站

前言最近热衷于Docker,由于这段时间使用Docker来折腾自己的服务器,越来越感觉这是一种及其被应该推广的技术,因此想在公司内部也做一次技术分享.当然,如果只是做的PPT,我就不写这文章了.既然把Docker说这么好,那就想办法用Docker来搭建一个在线的PPT展示网站吧. 寻找合适的工具在网上搜了一下,发现reveal.js这个工具的展示效果非常好,它基于HTML即可完成在线PPT的制作,而且在移动设备上也有非常好的兼容性,同时也支持直接用markdown语法来写,毫无疑问,这个就是…

【移动端debug-6】如何做一个App里的web调试小工具

原文链接:如何做一个App里的web调试小工具我们知道现在hybrid app非常流行,在这样的app里,h5页面是应用非常广泛的.相对于以往在pc端开发的网页,放在app里的网页由于无法直接使用桌面浏览器的开发者工具,导致我们在有时候在调试的时候不知道到底报了什么错.所以我们需要一个能够在调试app内h5的调试工具,方便我们定位bug. 现在市面上已经有很多比较成熟的工具可以用,例如jsconsole.weinre,都是平常会用到的.但是我自己还是想做一个debug工具,一方面是这些调试工具…

Node.js结合Selenium做Web自动化测试

发现腾讯课堂上有个node.js结合Selenium做Web自动化测试的教学视频, 听来感觉不错,一来老师讲的还不错,二来node.js这门语言会越来越热,学会总没什么坏处,三来发现CukeTest这款测试工具太完美了,自己出报表,自己录视频链接:https://ke.qq.com/course/281565…

Vue.js 入门：从零开始做一个极简 To-Do 应用

Vue.js 入门:从零开始做一个极简 To-Do 应用写作时间:2019-12-10版本信息:Vue.js 2.6.10官网文档:https://cn.vuejs.org/ 前言学习 Vue 的最佳方式之一是「请立刻查阅 Vue.js 的官方文档」,简单看一下「基础」部分,配合本文食用更佳. 在开始写代码之前,首先去 BootCDN 上找一下目前最新版本完整版的 Vue.js 的链接:https://cdn.bootcss.com/vue/2.6.10/vue.js ,与压缩版(vue.…

基于CSS的幻灯片工具 reveal.js

官网:http://lab.hakim.se/reveal-js/#/ github https://github.com/hakimel/reveal.js 更多资源:6个最好的 HTML5/CSS3 演示(PPT)框架 reveal.js是一个制作3D幻灯片效果的插件,它同时应用最新的web技术,来创建漂亮的html演示效果. reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库.当然,它应用了最新web新技术,所以需要浏览器对CSS 3D变形的支…

通过Web Api 和 Angular.js 构建单页面的web 程序

通过Web Api 和 Angular.js 构建单页面的web 程序在传统的web 应用程序中,浏览器端通过向服务器端发送请求,然后服务器端根据这个请求发送HTML到浏览器,这个响应将会影响整个的页面,比如说:用户通过一个连接导航到一个页面,会发送一个请求到服务器端,接下来服务器将会发送一个新的页面给浏览器.但是在单页面应用程序中,整个页面只是在浏览器一开始请求的时候才会加载,接下来的请求,下来的交互请求都是通过ajax 来完成的,这就意味着只有部分的页面会更新,并不需要去加载整个的页面,这…

【转】Angular.js VS. Ember.js：谁将成为Web开发的新宠？

本文源自于Quora网站的一个问题,作者称最近一直在为一个新的Rails项目寻找一个JavaScript框架,通过筛选,最终纠结于 Angular.js和 Ember.js. 这个问题获得了大量的关注,并吸引到这两个框架的开发者参与回答.如果你也纠结JavaScript框架的选择,那么本文对你来说也是一个非常好的参考资料. Angular.js和Ember.js介绍 Angular.js是一款开源的JavaScript框架,由Google维护,其目标是增强基于Web应用,并带有MVC功能,使得开…

Heatmap.js v2.0 – 最强大的 Web 动态热图

Heatmap 是用来呈现一定区域内的统计度量,最常见的网站访问热力图就是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示.Heatmap.js 这个 JavaScript 库可以实现各种动态热力图的网页,帮助您研究和可视化用户的行为. Heatmap.js V2.0 是目前网络上最先进的热图可视化库.新的2.0版本 Heatmap.js 更快,拥有更强的渲染模块,使用更方便,因此您可以快速掌握和扩展自定义功能. 插件下载效果演示下面是一个简单的调用示例: // mi…

基于Node.js+socket.IO创建的Web聊天室

这段时间进了一个新的项目组,项目是用Appcan来做一个跨平台的移动运维系统,其中前台和后台之间本来是打算用WebSocket来实现的,但写好了示例后发现android不支持WebSocket,大为受挫.后在园子里看到用socket.io可以代替WebSocket,然而对于我这样JS都没学全的来说有多了一块要啃的砖头了,没奈何还是要硬着头皮上.下面是我用node.js和socket.io做的一个简易的Web聊天室,不过只支持局域网.由于也是刚学这些所以做的不好就请见谅了. 以下是服务端代码ind…

构建一个用于产品介绍的WEB应用

为了让用户更好地了解您的产品功能,您在发布新产品或者升级产品功能的时候,不妨使用一个产品介绍的向导,引导用户熟悉产品功能和流程.本文将给您介绍一款优秀的用于产品介绍的WEB应用. 就像微博或邮箱这类WEB产品升级一样,使用Guiders.js构建的应用,用户将会看到一些列的弹出层,这些弹出层可以定位到页面上的任意位置,引导用户一步步浏览,最后退出向导.Guiders.js是一款基于jquery的web应用插件,作者是jeff-optimizely.下面我们来介绍如何在实际项目中应用. 准备加入…

三、自动化测试平台搭建-django-如何用mysql数据库做web项目

从这节开始到后面说的大概内容如下: 这里说的是Django做一个web项目的大概框架,从下篇具体说Django中的模型(查询..),视图(请求,响应,cookie,session..),模板(验证码,反向解析...),还有一些常用的,静态文件处理,中间件,上传图片,全文检索等等,最后是部署环境(wsgi,nginx) 前景:django自带的数据库是sqlite3,这是一种轻量级数据库,一般用于手机中,web项目用的大多数还是mysql,这次做一个项目‘图书-英雄’信息管理 1.在家目录下的De…

impress.js 一个创建在线幻灯的js库

真的好奇怪,我居然会写前端技术的博客.没有办法的,最近实习,看的大多是前端.所以今天就用这个来练练手了. Impress.js 是一个非常棒的用来创建在线演示的Javascript库.它基于CSS3转换和过渡.工作于现代浏览器(Google Chrome.Safari.Firefox 10 或 IE10).并受prezi.com的理念启发的演示工具.如果你已经厌烦了使用PowerPoint制作PPT,那么impress.js是一个非常好的选择,用它做的PPT更加直观,效果也非常不错.在线De…

想转行做web前端工程师，必学这6大技能

web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业.大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学习web前端开发,需要掌握哪些知识呢? 1HTML 这个是最简单的,也是最基础的.要熟练掌握div.form table.ul li .p.span.font这些标签,这些都是最常用的,特别是div和table,div用于布局.table也可以用于布局,但是不灵活,基本 table是用来和数据打交道…

Reveal.js演讲幻灯片框架

摘要还需学习参考的链接 https://www.tuicool.com/articles/2AFFj2j 无意中看到这个插件,很喜欢,可以作用在演讲ppt,幻灯片,用户指引上等.代码简单,易维护 reveal.js不依赖其他任何javascript库,是一个独立的javascript插件库.它提供了多种幻灯片过渡效果,是一个非常棒的在线演示库. reveal.js提供了全屏模式,只需要在键盘上点击 »F« 按键即可进入全屏模式,点击 »ESC« 按键可退出全屏模式. head: <link…

想转行做web前端工程师，必学这5大技能！知道是那些吗？

web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业. 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学习web前端开发,需要掌握哪些知识呢? 下面总结了转行必学的6大技能. 自己是一个五年的全栈工程师,这里推荐一下我的前端学习交流qun:开始四八四,然后七五七,最后七六零,里面都是学习前端的,群里会不定期更新最新的教程和学习方法,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力…

转行做web前端，该如何进行短期快速自学，达到高新就业水平

就目前来说,毕业生如果想毕业就找到高薪的工作,互联网成为了第一个选择,在所有的职业中,不靠任何关系,全凭自己的能力就业,就是程序开发,而web前端开发是目最很热门的行业,在未来五年之内,web前端开发工程师的需求一直在增大,在这里为大家详细解释一下这个高大上的行业! 前端是一个相对比较新的行业.但在这几年期间,随着W3C标准的不断更新以及node.js的兴起,基于node.js一系列的工具和诸多前端框架都参差不齐的浮出水面.大多数不了解前端的人转行前端,第一点原因是前端极其低的门槛,在…

想做web前端project师应该学习些什么？

偶然间看到这篇文章.感觉博主写的挺不错的,假设你想做web前端project师的话,建议您阅读下面这篇文章,事实上web前端project师所做的工作事实上就是站点设计,有些小公司的美工事实上就是做web前端的. 这篇文章对于想学web前端工作的人有非常大的帮助.假设您是做SEO的.也建议您学习下博主推荐的这些课程,也许对你以后的职业.薪资都有非常大的帮助! 遇到非常多新手.都会问,假设要学习web前端开发,须要学习什么?难不难?多久能入门? 怎么能高速建一个站点?工资能拿到多少?还有些让我推荐…

【JavaScript】论一个低配版Web实时通信库是如何实现的之二（ EventSource篇)

前情提要「话说上回说到!那WebSocket大侠,巧借http之内力,破了敌阵的双工鸳鸯锁,终于突出重围. 然而玄难未了,此时web森林中飞出一只银头红缨枪,划破夜色. "莫非!?" websocket大侠喃喃念道,"恐怖如斯,你莫不是就是那个手使单向追魂枪的..." "正是在下!",那人厉声喝道.只见那胸前的纹章铭刻着几个洋文—— 读作"EventSource"!」上一篇文章请看这里:论一个低配版Web实时通信库是如何…

如何构建一个多人(.io) Web 游戏，第 1 部分

原文:How to Build a Multiplayer (.io) Web Game, Part 1 GitHub: https://github.com/vzhou842/example-.io-game 深入探索一个 .io 游戏的 Javascript client-side(客户端). 如果您以前从未听说过 .io 游戏:它们是免费的多人 web 游戏,易于加入(无需帐户), 并且通常在一个区域内让许多玩家相互竞争.其他著名的 .io 游戏包括 Slither.io 和 Diep.i…