本文目录
- reveal.js impress.js哪个更好
- impress的用法
- impress.js可以离线使用吗
- 前端页面的插件有哪些
- impress.js 怎么编辑
- impress.js 可以打开传统的ppt吗
- google浏览器的运用方法
- impress.js插入图片
reveal.js impress.js哪个更好
impress.js 是国外一位开发者受 Prezi 启发,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)。
现在普通开发者可以利用 impress.js 自己开发出类似效果的演示工具,但性能比基于 FLASH 的 Prezi 更优。其功能包括画布的无限旋转与缩放,任意角度放置任意大小的文字,CSS3 3D 效果支持等。同时,也支持传统 PowerPoint 形式的幻灯演示。
impress的用法
impress的用法:
v. (动词)
1、impress为及物动词,意为“使……明白重要性,留下了深刻的印象”。
如:The film impressed me deeply.那部影片给我留下了深刻的印象。
注意:
1、impress不用于impress sb sth 结构,其间接宾语由介词on引出。
2、impress不用于进行体。
双语例句:
用作名词 (n.)
Their honesty and hospitality leave an indelible impress on her life.
他们的诚实与好客给她一生留下了难以磨灭的印象。
用作动词 (v.)
I had a chance to impress her with my efficiency and I muffed it up.
我本来有机会使她对我的办事效率有印象,但是我错过了这个机会。
扩展资料:
impress
英 [ɪm’pres] 美 [ɪm’pres]
n. 印记;印象;特征
v. 使 ... 有印象;影响;印刻;传送
参考资料:百度百科——Impress (英文单词)
impress.js可以离线使用吗
1,impress.js可以离线使用;
2,impress.js 是国外一位开发者受 Prezi 启发,采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)。现在普通开发者可以利用 impress.js 自己开发出类似效果的演示工具,但性能比基于 FLASH 的 Prezi 更优。其功能包括画布的无限旋转与缩放,任意角度放置任意大小的文字,CSS3 3D 效果支持等。同时,也支持传统 PowerPoint 形式的幻灯演示。
3,目前 impress.js 是基于 webkit 浏览器(Chrome、Safari)开发,而在其它基于非 webkit 引擎,但支持 CSS3 3D 的浏览器也能正常运行。,
4,因为impress.js是一个独立的幻灯片插件,所以可以下载后离线使用。
5,下载地址:
-res
前端页面的插件有哪些
工具类
方便操作对象,数组等的工具库
underscore.js
lo-dash 与underscore.js的api基本一致。与underscore比其优势是,效率高;可自定义构建
Sugar 在原生对象上增加一些工具方法
functional.js 提够了一些Curry的支持
Watch.js 监视对象或属性的变化
bacon.js 函数式编程,cool
streamjs 用流的方式来对数组,对象进行系列操作
异步流程控制
eventproxy 朴灵出品
Arbiter.js 详细
发布订阅
q Promise风格的
Async.js
mock
Mock.js 生成随机数据和mock Ajax 请求
jquery-mockjax mock ajax请求
时间库
moment
datejs
浏览器探测
Bowser 探测具体浏览器和版本
ua-parser-js 探测具体浏览器和版本,操作系统,设备类型等
调试
console-polyfill 能放心的使用 console.log()之类的console方法
log 让控制台输出的log有样式
Konsole.js 在页面的一个元素里输出log信息 详细
uri.js uri操作
cookie 增删改cookie的工具库
director 前端路由库 详细
BigDecimal.js 提高精度的数字操作
JSDoc 根据javascript文件中注释的信息,生成API文档 详细
hotkeys 键盘事件的封装
MD5 用 MD5 的方式加密文件的库
浏览器增强类
让一些旧浏览器变牛逼的库
Selectivizr 让IE 6-8一些的css3选择器
ieBetter 让ie6-8有高级浏览器的特性
ExplorerCanvas 让IE8-的浏览器支持canvas
CSS3 Pie 让IE6-9支持border-radious,box-shadow,linear-gradient。 可以使用.htc文件(注意Mine type)或.js文件。在用Pie.js时,box-radious的元素有背景色时,不显示背景色。。。-js
formFive 让旧的浏览器支持HTML5表单的一些特性,如 placeholder,autofocus
最新版本已经更新到1.8.2
滑屏框架
适合上下滑屏、左右滑屏等滑屏切换页面的效果
slip.js
iSlider.js
fullpage.js
swiper.js
flex布局
flex布局目前可使用在移动中,并非所有的语法都全兼容,效果良好~
impress.js 怎么编辑
配置
首要的事情是你要创建一个新的网页,我的是index.html并且里面配置了基本的head和body元素。
1
2
3
4
5
6
7
8
9
10
《!doctype html》
《html》
《head》
《title》Impress Tutorial《/title》
《meta
-res
impress.js 可以打开传统的ppt吗
新建一个HTML页面,在《/body》结束之前引入上面下载的impress.js
在《body》中创建两个div:
第一个class为“impress-not-supported”,表示不支持是的提示信息,你懂的;
另一个的id为“impress”,表示幻灯片的容器。注意这里是id,我刚玩的时候就写成了class,结果impress一直报错找不到监听等错误信息。
代码如下:
1 《!DOCTYPE html》
2 《html》
3 《head lang=“zh“》
4 《meta charset=“UTF-8“》
5 《title》Impress.js Demo - 孤影《/title》
6 《/head》
7 《body》
-js
google浏览器的运用方法
一. 快速关闭标签页
相信大多数人依旧是用鼠标直接点击那个关闭按钮来进行标签关闭的,或许知道 Chrome 专门对标签关闭优化过,每次点击关闭后会自动改变标签宽度,这样可以通过在同一位置连续点击鼠标来快速关闭多个标签页,因此相对其他浏览器用鼠标点击关闭效率其实还算不低。不过这个优秀的细节面对固定标签就不行了,此外老是通过鼠标点击关闭的话对于一个极客来说也太显得图样图森破了。另外两种快速关闭标签页的方法:1.在要关闭标签页下按下 Ctrl/⌘ + W 组合快捷键 (适用于任何标签页关闭)2.在要关闭标签页下中键单击(按下滚轮) (关闭标签最简单最快捷方法)除了 Ctrl/⌘ + W 快捷键关闭标签页外,你还应该记住 Ctrl/⌘ + T 快速打开新标签页,Ctrl/⌘+Shift+T重新打开最新关闭的标签,Ctrl/⌘+Shift+V 将剪切板中的内容无格式粘贴等快捷键组合,更多请查看官方指南。
二. 设备间同步标签页
随着智能移动设备在生活中占据的地位越来越重,能够打通桌面与移动端的数据,统一体验将会越来越受用户欢迎。在这方面 Chrome 暂时做得还不错,近两年 Google相继推出官方的Chrome Andriod 版本(需4.0以上)和Chrome iOS 版本(需4.3以上)。通过“同步书签、同步密码、发送到移动设备、自动登录、智能建议”这些功能可以将在桌面电脑上打开的标签页、存储的书签和多功能框数据同步到您的手机或平板电脑上。下面以不同设备间标签页的同步为例介绍 Chrome 的同步功能。同步标签页需要相应设备对应版本,确保“打开的标签页”复选框处于选中状态当桌面版和移动版 Chrome 都已经登录同一账户并处于联网状态时就可以在新标签页(按下 Ctrl/⌘ +T )下右下角的“其他设备“中查看,点击即可在当前设备上打开同步的标签页。打开的标签页是按设备进行分组的,要管理(隐藏、重命名、删除)特定设备的话,可以到云打印页面设置。
三. 发送标签页到移动设备
除了不同设备间书签、标签等数据同步外,Chrome 还可以一键将当前浏览的标签页直接发送到关联在同一账户下的移动设备上。如果你安装的为 Chrome Dev 版本并且关联了设备下的 Chrome 版本的话会发现在地址栏最右侧会出现一个手机的图标,点击它就可以将当前网页一键发送至移动设备上去。(其他版本暂需安装官方Chrome to Mobile插件)
四. Tab 智能搜索
可能知道在 Chrome 浏览器中直接在地址栏中就可以搜索,也可能知道直接选中文本然后右键选择在 Google 搜索或复制然后在地址栏中粘贴并搜索,或许不知道 Tab搜索。那么什么是 Tab 搜索呢? 如果 Chrome 已记录该网站的搜索引擎(即你在某个网站内使用过其搜索框),按下 Tab 键 Chrome 会自动选择该搜索引擎进行关键字搜索,即可以直接在地址栏内对特定的网站进行搜索。(与 Windows 8 内置的应用内搜索有点类似)以后再也不用先打开豆瓣,再点击豆瓣电影然后再在搜索框内进行搜索了……
五. Chrome 拖动技巧
在 Chrome 中除了可以拖动上传以及拖动下载文件外,或许还知道拖动标签(左右改变位置、里外分离拖拽回窗口),其实对于网页里的内容也是可以拖动的。1.拖动搜索 (地址栏、标签栏)2.拖动图片 (地址栏、标签栏)3.拖动链接 (地址栏、标签栏、书签栏)4.拖动本地 HTML、图片、PDF文件(地址栏、标签栏、书签栏)对应元素拖动到地址栏上将会在当前窗口搜索/打开该元素内容,如果拖动到标签栏上则新建窗口搜索/打开。
六. 使用语音识别搜索
如果在 Chrome 浏览器中看到文本框带有麦克风图标的话就表示,那就表示可以通过语音输入,而不用键盘输入内容了。直接点击麦克风图标或将光标放到文本框中然后按Ctrl/⌘ + Shift + .(英文句号)组合键即可。语音搜索这一点对于输入不便的移动设备来说更是尤为重要,这也是为什么语音搜索服务最早登录移动平台,移动版 Chrome 在地址栏默认就有语音搜索功。
七. Chrome ExperimentsGoogle
有一个叫做Chrome Experiments的网站,在这个网站里除了可以浏览各种以 JavaScript、HTML5 和 WebGL 编写的创新实验展示,如有趣好玩的游戏(Cube 3D地图)、互动电影,新颖惊艳的Impress.js(内容展示效果库,类似3D 版 PPT) 、Kinect+WebGL、其他各种有用的库等。此外今年还新增了专门面向移动设备的页面。
更多的谷歌浏览器运用方法可以参考:http://www.zhuantilan.com/zt/chrome/
-res
impress.js插入图片
其实源码里就是用css改了一下div的背景
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAEYCAMAAACwUBm+AAAAAXNSR…sCAwYMGDBgwIABA2ZumKuztLnjgQEDBgwYMGDAgNl5mH/4/ltKA6vBNAAAAABJRU5ErkJggg==);
background-position: bottom right;
background-repeat: no-repeat;
-js