Sym - 一个用 Java 实现的现代化社区平台 • 源码 • 注册

Pipe - 小而美的开源博客平台 • 体验 • 皮肤
Solo - 一个用 Java 实现的博客系统,为你或你的团队创建个博客吧! • 源码下载 
Wide - 一个基于 Web 的 Go 语言 IDE • 教程试用

0 篇文章

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. 数组扩展七个新的 Array 方法可以分成两类:项(item)的定位方法和迭代方法。项定位方法为:1.1indexOf(): 返回指定项首次出现的索引,没有的话,返回 - 1。语法:array.indexOf(searchElement[,fromIndex]) 参数:searchElement 需在数组中搜索的元素 f

JavaScript 1.8

JavaScript1.8 是 Gecko1.9(已合并在 Firefox3 中)的一部分。比起 JavaScript1.7,这只是很小的更新,不过它也确实包含了一些向 ECMAScript4/JavaScript2 升级的痕迹。JavaScript1.8 还将包含 JavaScript1.6 和 JavaScript1.7 中的所有新特性。1. 使用 JavaScript1.8 为了可以在 HTML 中使用 JavaScript1.

文件拖拽上传

1. 文件拖拽不多说了,看代码和注释。貌似 Chrome 和 Firefix 都支持的。vardragOver=function(event){// 阻止默认事件 event.stopPropagation();event.preventDefault();// 修改样式 this.className="xx-over";};vardragLeave=function(event){event.stopPropaga

tag 随想 ...... tag cloud plugin

在网络信息爆炸的年代,分类已经不能满足需求了。目前标签(tag)正越来越多的被使用着。每次为文章写标签的时候,自己总小心翼翼,左思右想,还带有那么点纠结。结果还是按照分类的思路进行着。每每回顾时,总觉不妥。就好像使用 googlebookmarks,收藏的链接多了,tag 还是按照分类的思路进行,每个链接基本使用一个 tag,最多使用两个。时间长了就都忘记自己把它分到哪里去了。可能有时会觉得 tag 多了难以

TinyMCE 3.3.9.2 升级到 3.4.3.2 遇到的问题

闲来无事,把 B3logSolo 所用编辑器 TinyMCE 从 3.3.9.2 升级到了 3.4.3.2。结果出现了 2 个问题。可能由于我没看 changelog 所致吧。因为实在太多了,人又懒,结果。。。1. 使用 “编辑 HTML 源代码” 功能,标签中无内容 (如:) 将会被移除。修改文件:tiny_mce/themes/advanced/js/source_editor.jssaveContent()中 tinyMCEPop

虚拟座谈:JavaScript 单元测试现状

很早就想尝试下 JavaScript 测试,o(︶︿︶)o 唉一直木有啊。B3log 下个版本小试下。还据说什么 bdBuild(一个灵活、可扩展的开源 build 系统,使用 JavaScript 写成,并运行于 Node.js,Rhino 等 JavaScript 环境。非常适合前端人员创建自定义的打包过程),吹的不错,但很久没更新,demo 也木有。。。目前 B3log 中使用的是 88250 基于 Maven 编写的一个小插件,在

JavaScript 中的私有成员

看了有 3 遍了吧。收藏起来。原文:http://javascript.crockford.com/private.html 接下来准备看下 http://www.crockford.com/html/DouglasCrockfordwww.crockford.com 翻译:ShiningRay@NirvanaStudioJavaScript 是世界上最被误解的语言。很多人认为它缺乏信息隐藏的特性所以对象不能有

Mozilla、WebKit 准备支持对精简 JS 以及 CoffeeScript 和其他 JS 语言的调试

作者 WernerSchuster 译者崔康发布于 2011 年 8 月 11 日 | 如今的 Web 和 Javascript 调试器已经非常强大,并很好地集成在浏览器中——但是必须满足的条件是调试器中的代码是原始的、手写的。现在,大量执行和部署的 Javascript 通过软件生成,而不是开发人员。最常见的情况是精简或者压缩后的代码。在这些代码中设置断点非常麻烦甚至无法实现,因为它们往往是单长行形式——即使最初的源代码是格式良

Abort Image Request

OSBrowser""nullremovedeletestopStopImageStopButtonTimeoutWindowsIE6,7,8√(e)√(e)II×××××21s(e)FF4,5IIIIII×II××II21s(e)Chrome12××××II××II21s(e)Safari4,5××××II××II21s(e)Opera9×√(e)××II××II47s(e)Opera11II√(

SyntaxHighlighter and TinyMCE syntaxhl

SyntaxHighlighter3.0.83andsyntaxhlB3logSolo 编辑器选用 TinyMEC,其中代码插入使用 syntaxhl。前端代码高亮显示使用了 SyntaxHighlighter。然而 syntaxhl 只支持 21 种语言,SyntaxHighLighter 确能支持 25 种语言,为此对 syntaxhl 进行了修改,详细代码参见 https://b3log-solo.googlecode.

47 Amazing CSS3 Animation Demos

Hereisacompilationof47jaw-droppingCSS3animationdemos.TheydemonstratethepossibilitiesoftheCSS3transformandtransitionproperty.SomeareveryusefulandcanbeusedasJavascriptalternatives.Mostofthemaresimplytolo

jQuery 自动补全插件

jQuery 自动补全插件有很多,找了一圈,没找到自己想要的。干脆自己编一个吧哄哄使用场景:使用 B3logSolo 发布文章时,标签(tag)的提示。具体需求:1. 当标签输入框被 focus 后,提示以往用过的所有标签 2. 可以使用上下键或鼠标移动进行需要标签的选择 3. 根据当前选中标签,可用 enter 键或鼠标点击进行确定,该标签就会相应的补全到标签输入框中 4. 使用逗号分隔后,还可继续进行提示 5. 根据当前光标所

jQuery 插件开发分析

个人认为 jQuery 很优秀,插件机制也很不错。为什么一定要用面向对象的思想去强调不属于面向对象语言范畴的 JavaScript 呢?面向对象真的有那么完美么?一切从简,提高性能的同时又可以方便扩展不好么?呃,速度的夸下 jQuery,嘿嘿。1. 背景 1.1.jQuery 简介 1.1.1. 简介 jQuery 是一套跨浏览器的 JavaScript 框架,强化 HTML 与 JavaScript 之间的操作。由 JohnResig

在 textarea 中光标位置插入字符串

好久没晒代码了。今天心情不错,搬出来晒晒太阳。回过头来看看,代码有问题,继续修改下。2012-10-24<html><body><textareaonmouseup="getCursorInfo(this)"onkeyup="setPosition(this)">123456</textarea><script>vargetCursorInfo=function(textarea){varresul