Vanessa

大前端的点滴生活
JavaScript 0 篇文章

加速 Web 开发的 9 款知名 HTML5 框架

与手工编码比起来,HTML5 框架在准确性和正确率方面给予了保证。大多数 HTML5 框架都会有一个组合或者包含一些额外的组件,比如 jQueryScripts。CSS3 样式表则以改善多媒体特征的功能性和响应式的 Web 布局为主。如果你有一个根据固定流程进行的特定项目,为了保证项目刚开始就能有较高的正确率,那么你可以利用 HTML5 框架来提升整个开发过程,并且让网站拥有一致性结构。伴随着智能手机正在席卷整个移动

js 日期格式化

日期格式化就是根据输入的时间戳和需要格式化的标准格式输出符合格式的日期。如 “yy-MM-ddHH:mm” 的到的就是 12-11-1303:12 实现最土的办法莫过于 switch...case... 这次是彻底的土了一会,而且稀里糊涂的在分和小时上 + 1。多谢 slnevergiveup 的支出,及给出了非常棒的解决方法。先贴下代码。toDate:function(time,format){vardateTime

window resize 优化:after resize completed, fire event

场景:每当 window 发生变化时,需要对其内部的某些元素大小重新设定。原因:如果页面本身就非常复杂,在对内部元素大小设定后,可能导致整个页面重新渲染。调用 resize 方法,只要用户不停的改变窗口大小就会对页面进行不停的渲染,最终导致大量消耗 CPU,页面就卡卡卡。尤其是 IE6,如果 resize 影响到了 window 大小,将会继续 resize,最终导致不停的 resize,然后就崩溃了。思路:在用户 resi

9 款别出心裁的 jQuery 插件

socool&mark 转自: 9 款别出心裁的 jQuery 插件前端集锦资源 | 前端开发网 (W3Cfuns.com)!jQuery 插件开发正在以惊人的速度快速增长,因其强大且易用的 jQuery 框架,使得我们的工作变得更加轻松!除了 jQuery,还有 Flash,HTML5/CSS3 以及一些强大的 Web 浏览器的支持,可以说 JavaScript 已经打造了交互式网站设计的一片艳阳天。在这篇文章中,我们收集了 9 款强大

jQuery 1.8 beta1 新特性

jQuery 开发团队前几天发布了 1.8 的首个测试版本。该版本引入了大量的新特性,包括:1. 模块化在 jQuery1.8 中,您可以移除一些不需要的模块,以构建一个专属的 jQuery 版本。通过基于 grunt 的新构建系统,你可以轻松实现该功能。可以移除的模块包括 ajax、css、dimensions、effects 和 offset。更多信息可参阅 READMEfile。2. 根据浏览器为 CSS 属性加前缀某些 CSS

超级简单的公告逐条循环滚动 ^^

一开始想着要自己写,从哪里开头呢?找插件吧。呃,还是自己写吧。要不还是找个插件吧,我找啊找啊找啊找。不合适吶。。。终于看到个源码,还是自己写吧。超级简单的,思路为:1. 只需把公告整体先向上滑动以遮住第一条;2. 滑动结束后,恢复原来现状,把第一个元素放于最后一个元素之后反之向上滚动源码:https://github.com/Vanessa219/bowknot/blob/8d09a8192ca1d59

浅谈《12 种 JavaScript MVC 框架之比较》之感

大学时代说道 MVC,那只会觉得是服务器端代码,如今随着互联网的发展,JavaScript 也开始 MVC 了。懒惰的我偏向简洁、快速、易上手、原生态的东西。对于各种新事物也只是停留在关注层面,不到万不得已是懒得去使用的 ^^(部分框架里面的功能总有你永远也用不上的。不过 Nginx 就比较好了,不要的模块可以删了)前不久弄 CSS 框架的时候也不想着用什么其它的东东,后面要弄合并,压缩之类的。还是把 LESS 翻出来了

回顾 2011 年将 JavaScript 推到极致的 20 个网站

导读:对于浏览器上的开发者来说,2011 年又是相当精彩的一年。Web 开发者 PhilHawksworth 在这篇文章中总结了 Web 上经典的 JavaScript 用法。那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能,开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网

JavaScript,HTML,CSS 规范小结

1. 综合 Ø 使用 UTF-8 编码。注:UTF-8+BOM 不可 Ø 注释需有意义且描述清晰无二义 Ø 代码提交需填写提交原由 ØJavaScript、Java、CSS 文件头部需进行版权声明 Ø 使用中文进行注释 Ø 更改代码后,需保证正常运行,否则严禁进行提交 Ø 对无用代码应进行删除;提交 SVN 时,需进行特殊标识删除原因:系统版本:其它:Ø 遵循静态资源分离注意事项 Ø 严禁随意添加第三方代码 Ø 不建议随意修改组件代码 2.JavaS

10 个顶级 JavaScript 动画框架推荐

使用 JavaScript 可以做出一些引人注目的动画效果,但通常不太容易实现。本文为你整理了 10 个非常优秀的 JavaScript 动画框架,使用它们你可以轻松实现动画效果。1.RaphaëlRaphaël 是一个小型 JavaScript 库,用于简化你的 Web 矢量图形工作。如果你想创建独特的图表或图形的裁剪和旋转部件,你可以使用这个简单方便的库来实现。源码 + 演示 2.Processing.js 该框架主要针对不

时间轴网站大集合与网页制作组件

B3log 社区首页可以找个用下。HOHO(图为 Timekiwi 网站的使用者个人页面,可以将 Facebook、Twitter、Instagram 等服务上的讯息整合在同一个时间轴上)如果有在使用 facebook 的朋友,最近应该已经渐渐开始有机会使用到新版的时间轴接口了,尽管网友对于时间轴的接口褒贬不一,但实际来看,时间轴的浏览接口有几个好处:? 迅速看到你与朋友的美好回忆? 迅速认识一位新的朋友? 看起来比较

ECMAScript 6 看上去很美

本文是从 ECMAScript6lookspromising 这篇文章翻译而来。ECMAScript6 让”我 “很兴奋,这是” 我“看了 DavidHerman 在 YUIConf2011 大会上的演讲后的反应。”我 “非常希望这些语言特征能尽快的在 V8 引擎上实现,这样” 我“就可以在 node.js 里使用它们了。这些新增加的语言特征对于一个使用 JavaScript 的程序员来说,解决了很多以前使用起来很不方便的东西。尽管

高效 JavaScript 单元测试

一个损坏的 JavaScript 代码示例 Web 应用程序面临的一个最大挑战是支持不同版本的 Web 浏览器。能在 Safari 上运行的 JavaScript 代码不一定能在 Windows®InternetExplorer(IE)、Firefox 或 GoogleChrome 上运行。这个挑战的根源是呈现层中的 JavaScript 代码从一开始就没有进行测试。如果没有对代码进行单元测试,那么在升级或支持新浏览器后,组织可能

HTML5 Worker

WebWorkers 提供了一个简单的方法:在后台线程中运行网页中的脚本。worker 一旦创建后,就可以发消息给正在运行的任务,该任务通过创建者 post 消息到相应的事件句柄所指定。(没看懂直接看调用图)worker 线程能够在用户界面进行渲染的时候执行任务。此外,他们能够使用 XMLHttpRequest 进行 I/O 操作。知识扩展(引自:http://fed.renren.com/2010/01/247#m

jQuery 1.7 将 HTML5 引入 IE6-8,实施弃用策略

jQuery1.7 已于近日发布。新版本做出多项改进,如新的事件 API,委托事件的性能更高,对 IE6-8 的 HTML5 支持,对 AMD 规范的支持等等。同时,jQuery 还弃用了某些特性,以使 jQuery 保持精简。以下是 jQuery1.7 中一些让人感兴趣的新特性:新的统一的事件 API——.on() 替代了. bind()、.delegate() 和. live();.off() 替代了. unbind()、.undel

JavaScript 1.6

JavaScript1.6 引入了若干新特性:E4X,新的 Array 方法,及数组和字符串泛型。1. 数组扩展七个新的 <spanclass="new">Array</span> 方法可以分成两类:项(item)的定位方法和迭代方法。项定位方法为:<spanclass="new"><strong>1.1</strong><strong>indexOf()</strong></span>: 返回指定项首次出现的索