这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。 ScrollReveal.js ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好...
SVG 通常可以用作跨分辨率视频。这意味着在一块高分屏幕上不会降低图片的锐度。此外,你甚至可以让SVG动起来,通过使用一些javascript类库。下面,我们分享一些javascript类库,这些类库会帮助我们将SVG动画提高一个等级。VivusVivus 是一个能动画js类库,它能够给SVG图像显示出被画出来的过程。Vivus是没有其他类库依赖的(比如jQuery)。你仅仅需要在页面中加入这个.js文件,然后传入需要被用来动画的SVG部分就行。同时通过指定一...
Zeno Rocha发布了一个专门用于从web页面向本地计算机的剪贴板复制文本的JavaScript库:Clipboard.js。在每一个Github仓库页面的侧边栏上都有一个小部件,用来显示repo的HTTPS克隆地址,当你点击紧挨着这个部件的按钮时,就会复制当前repo的URL到用户的剪贴板中。Github用JavaScript库ZeroClipboard来实现这一功能,问题是这个库是用一个不可见的Flash来完成剪贴操作,而Flash技术正被各大浏览器厂商冷落,所以势必要有一个新的方案...
在某些情况下,我们可能会在一个页面中使用多个JavaScript库,由于多个库中都是用$标识符,因此我们需要一种解决该命名冲突的方法,jQuery的noConflict()方法很好的解决了这个问题。jQuery调用该方法会把对$标识符的控制权限让渡给其他库使用。 参考示例如下:<scriptsrc="prototype.js"></script><!-- 引用的库1 --><scriptsrc="jquery.js"></script> <!-- 引用的库2 --><script> jQuery.noConflict(); /* jQuery...
这个markdown格式转html格式的开源JavaScript库在github上的地址:https://github.com/millerblack/markdown-js从markdown 格式转成html源代码格式新建一个以js结尾的文件,将下列内容粘贴进去:var markdown = require( "markdown" ).markdown;console.log( markdown.toHTML( "Hello *World*!" ) );用nodejs执行,可以看到markdown格式的字符串:Hello World!被自动转换成了html格式的字符串:Hello World!除了nodejs以外,我们还可...
ReconnectingWebSocket 是一个小型的 JavaScript 库,封装了 WebSocket API 提供了在连接断开时自动重连的机制。 只需要简单的将:ws = new WebSocket(‘ws://....‘);替换成:ws = new ReconnectingWebSocket(‘ws://....‘); 详见:https://github.com/fc653074701/reconnecting-websocket 或者: //间隔发送心跳包数据给服务器,服务器在一定时间内发回心跳包响应,对比超时限定,如果超过设定的超时时间,则认为当前与服务器的...
Quo JS是一个轻量级模块化、面向对象的JavaScript库,定义了多种触摸手势,可以用于移动Web开发中简化HTML文件遍历、事件处理及Ajax交互等,让开发者轻松编写出高效的跨浏览器代码。Quo JS介绍Quo JS旨在简化你的移动开发项目的代码量,针对当前的移动设备优化代码运行,支持单点、多点、滑动、按住等多种手势的操作。专为移动为了改变你的目标,编写JavaScript的方式:一个好的API库5-6k gzip压缩过的所以你可以集中精力处理最基本...
JavaScript库:JQuery,undoscore,Zepto 纯Javascript语言封装,前端框架(UI框架):Bootstrap,Foundation,Semantic UI,Pure.css 前端框架、UI框架,或者叫UI模板 HTML + CSS + (JavaScript)? 模板引擎: 叫HTML模板引擎? 模板文件(HTML)+(CSS)?+数据(JSON) =输入=》 模板引擎 =输出=》HTML (客户端)前端模板引擎(渲染),(服务器)后端模板引擎(渲染) string-based模板引擎: dot.js dom-based模...
提到JavaScript库,相信很多读者首先就会想到一系列著名的JavaScript库,例如jQuery、Dojo、YUI、Prototype、ExtJS、Google Closure等。这些都是由国外的组织或人员主持开发的,并且大都是开源项目,在中国大陆也受到了开发人员的普遍欢迎。 其实,在国内也存在着一些比较优秀的前端开发框架,并且也大多是开源的,这里以腾讯、淘宝和百度使用的JavaScript前端开发框架为例进行介绍。 腾讯-JX 腾讯内部使用的前端开发框架,名为JX,...
多个JavaScript库使用 $ 号的命名冲突问题: 1. 为解决这个问题,jQuery 提供了一个 jQuery.noConflict() 方法,调用该方法可以把对 $ 标识符的控制权让渡给其他库。使用 jQuery.noConflict() 方法的一般模式如下: <script> jQuery.noConflict(); // 让出 $ 标识符的控制权 </script> 2. 如果想要在 .ready() 方法中使用 $ 标识符该怎么办呢? 解决这个问题可以在 .ready() 方法中的 f...
原文来自于:http://www.gbtags.com/gb/share/3701.htm使用JavaScript库将会使开发变的更简单,大部分JavaScript库提供的功能都是极好的,当我们在为一个项目选定开发技术的时候,选择一个明星框架当然很不错,但是有些库文件太大了。当你想要为一个特定的任务寻找解决方案的时候,你可以选择一个更有针对性,更轻量级的框架。在这篇文章中,我们总结了近期30个很棒的JavaScript库,下面这些JavaScript库都是非常实用的,尤其是对于...
现在 web 设计是最有趣的了,做好 web 设计不仅要熟练使用 Javascript,css 和 html 等,还要有自己的创意设计。为了方便大家发挥自己的创意,就产生了很多 JS 框架,Node.js 扩展等等。有了这些工具,开发者们就能专注于创意设计了,而不用为某个功能而花费太多精力。这里我们介绍的是 12 个开发者们必备的 JavaScript 库,都是一些很基础功能很强大的库。有了这些库,开发者们可以节省很多时间,大大提高开发的效率,所以大家赶紧...
1. 保持无侵入性 我的HTML标记不想知道你的JavaScript代码。 2. 严禁修改和扩展Object.prototype! 这条很重要,因此需要一条完全针对它的规则。对象是JavaScript功能的基本构建模块,不要搞乱它们。 3. 不要过分扩展 对JavaScript内建对象的扩展越少越好。别误解我的意思。JavaScript的原生对象中有用的方法是有点少,有时不得不添加一两个自己的方法。但是,对于富有创造力的(库)程序员来说,添加这“一两个”方法是不够的。然而...
免责声明:我正在审查CouchDB的新项目,所以我对其内部工作原理还不太熟悉. 如何在CouchDB中引入Javascript库,以便在MapReduce视图中使用它?解决方法:看看这个问题的答案(所有这些),他们描述了一系列可能的解决方案: How do I DRY up my CouchDB views?
jQuery 滑动方法可使元素上下滑动。 1、jQuery 滑动方法通过 jQuery,您可以在元素上创建滑动效果。jQuery 拥有以下滑动方法:slideDown() slideUp() slideToggle()1.1 jQuery slideDown() 方法jQuery slideDown() 方法用于向下滑动元素。 语法:1 $(selector).slideDown(speed,callback); 可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是滑动完成后所执行的函数名称。下面的...