14 12 月 2011 ECMAScript 6 看上去很美 本文是从 ECMAScript6lookspromising 这篇文章翻译而来。ECMAScript6 让”我“很兴奋,这是”我“看了 DavidHerman 在 YUIConf2011 大会上的演讲后的反应。”我“非常希望这些语言特征能尽快的在 V8 引擎上实现,这样”我“就可以在 node.js 里使用它们了。这些新增加的语言特征对于一个使用 JavaScript 的程序员来说,解决了很多以前使用起来很不方便的东西。尽管
03 12 月 2011 高效 JavaScript 单元测试 一个损坏的 JavaScript 代码示例 Web 应用程序面临的一个最大挑战是支持不同版本的 Web 浏览器。能在 Safari 上运行的 JavaScript 代码不一定能在 Windows®InternetExplorer(IE)、Firefox 或 GoogleChrome 上运行。这个挑战的根源是呈现层中的 JavaScript 代码从一开始就没有进行测试。如果没有对代码进行单元测试,那么在升级或支持新浏览器后,组织可能
30 11 月 2011 HTML5 Worker WebWorkers 提供了一个简单的方法:在后台线程中运行网页中的脚本。worker 一旦创建后,就可以发消息给正在运行的任务,该任务通过创建者 post 消息到相应的事件句柄所指定。(没看懂直接看调用图)worker 线程能够在用户界面进行渲染的时候执行任务。此外,他们能够使用 XMLHttpRequest 进行 I/O 操作。知识扩展(引自:http://fed.renren.com/2010/01/247#m
20 11 月 2011 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
18 11 月 2011 JavaScript 1.6 JavaScript1.6 引入了若干新特性:E4X,新的 Array 方法,及数组和字符串泛型。1.数组扩展七个新的 Array 方法可以分成两类:项(item)的定位方法和迭代方法。项定位方法为:1.1indexOf():返回指定项首次出现的索引,没有的话,返回-1。语法:array.indexOf(searchElement[,fromIndex])参数:searchElement 需在数组中搜索的元素 f
17 11 月 2011 JavaScript 1.8 JavaScript1.8 是 Gecko1.9(已合并在 Firefox3 中)的一部分。比起 JavaScript1.7,这只是很小的更新,不过它也确实包含了一些向 ECMAScript4/JavaScript2 升级的痕迹。JavaScript1.8 还将包含 JavaScript1.6 和 JavaScript1.7 中的所有新特性。1.使用 JavaScript1.8 为了可以在 HTML 中使用 JavaScript1.
10 11 月 2011 文件拖拽上传 1.文件拖拽不多说了,看代码和注释。貌似 Chrome 和 Firefix 都支持的。vardragOver=function(event){//阻止默认事件 event.stopPropagation();event.preventDefault();//修改样式 this.className="xx-over";};vardragLeave=function(event){event.stopPropaga
23 10 月 2011 tag 随想 ...... tag cloud plugin 在网络信息爆炸的年代,分类已经不能满足需求了。目前标签(tag)正越来越多的被使用着。每次为文章写标签的时候,自己总小心翼翼,左思右想,还带有那么点纠结。结果还是按照分类的思路进行着。每每回顾时,总觉不妥。就好像使用 googlebookmarks,收藏的链接多了,tag 还是按照分类的思路进行,每个链接基本使用一个 tag,最多使用两个。时间长了就都忘记自己把它分到哪里去了。可能有时会觉得 tag 多了难以
20 09 月 2011 TinyMCE 3.3.9.2 升级到 3.4.3.2 遇到的问题 闲来无事,把 B3logSolo 所用编辑器 TinyMCE 从 3.3.9.2 升级到了 3.4.3.2。结果出现了 2 个问题。可能由于我没看 changelog 所致吧。因为实在太多了,人又懒,结果。。。1.使用“编辑 HTML 源代码”功能,标签中无内容(如:<aclass='text'></a>)将会被移除。修改文件:tiny_mce/themes/advanced/js/source_editor.jssaveC
11 09 月 2011 虚拟座谈:JavaScript 单元测试现状 很早就想尝试下 JavaScript 测试,o(︶︿︶)o 唉一直木有啊。B3log 下个版本小试下。还据说什么 bdBuild(一个灵活、可扩展的开源 build 系统,使用 JavaScript 写成,并运行于 Node.js,Rhino 等 JavaScript 环境。非常适合前端人员创建自定义的打包过程),吹的不错,但很久没更新,demo 也木有。。。目前 B3log 中使用的是 88250 基于 Maven 编写的一个小插件,在
31 08 月 2011 JavaScript 中的私有成员 看了有 3 遍了吧。收藏起来。原文:http://javascript.crockford.com/private.html 接下来准备看下 http://www.crockford.com/html/DouglasCrockfordwww.crockford.com 翻译:ShiningRay@NirvanaStudioJavaScript 是世界上最被误解的语言。很多人认为它缺乏信息隐藏的特性所以对象不能有
13 08 月 2011 Mozilla、WebKit 准备支持对精简 JS 以及 CoffeeScript 和其他 JS 语言的调试 作者 WernerSchuster 译者崔康发布于 2011 年 8 月 11 日 | 如今的 Web 和 Javascript 调试器已经非常强大,并很好地集成在浏览器中——但是必须满足的条件是调试器中的代码是原始的、手写的。现在,大量执行和部署的 Javascript 通过软件生成,而不是开发人员。最常见的情况是精简或者压缩后的代码。在这些代码中设置断点非常麻烦甚至无法实现,因为它们往往是单长行形式——即使最初的源代码是格式良
10 08 月 2011 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√(
06 08 月 2011 SyntaxHighlighter and TinyMCE syntaxhl SyntaxHighlighter3.0.83andsyntaxhlB3logSolo 编辑器选用 TinyMEC,其中代码插入使用 syntaxhl。前端代码高亮显示使用了 SyntaxHighlighter。然而 syntaxhl 只支持 21 种语言,SyntaxHighLighter 确能支持 25 种语言,为此对 syntaxhl 进行了修改,详细代码参见 https://b3log-solo.googlecode.
23 06 月 2011 47 Amazing CSS3 Animation Demos Hereisacompilationof47jaw-droppingCSS3animationdemos.TheydemonstratethepossibilitiesoftheCSS3transformandtransitionproperty.SomeareveryusefulandcanbeusedasJavascriptalternatives.Mostofthemaresimplytolo
13 06 月 2011 jQuery 自动补全插件 jQuery 自动补全插件有很多,找了一圈,没找到自己想要的。干脆自己编一个吧哄哄使用场景:使用 B3logSolo 发布文章时,标签(tag)的提示。具体需求:1.当标签输入框被 focus 后,提示以往用过的所有标签 2.可以使用上下键或鼠标移动进行需要标签的选择 3.根据当前选中标签,可用 enter 键或鼠标点击进行确定,该标签就会相应的补全到标签输入框中 4.使用逗号分隔后,还可继续进行提示 5.根据当前光标所
26 01 月 2011 jQuery 插件开发分析 个人认为 jQuery 很优秀,插件机制也很不错。为什么一定要用面向对象的思想去强调不属于面向对象语言范畴的 JavaScript 呢?面向对象真的有那么完美么?一切从简,提高性能的同时又可以方便扩展不好么?呃,速度的夸下 jQuery,嘿嘿。1.背景 1.1.jQuery 简介 1.1.1.简介 jQuery 是一套跨浏览器的 JavaScript 框架,强化 HTML 与 JavaScript 之间的操作。由 JohnResig
25 12 月 2010 在 textarea 中光标位置插入字符串 好久没晒代码了。今天心情不错,搬出来晒晒太阳。回过头来看看,代码有问题,继续修改下。2012-10-24<html><body><textareaonmouseup="getCursorInfo(this)"onkeyup="setPosition(this)">123456</textarea><script>vargetCursorInfo=function(textarea){varresul
09 12 月 2010 前端架构师的 YY 定义 var 主题="TheTimeisNowforFront-EndArchitects";var 前端架构师={职责:{1:"提升网站的前端性能,保证前端应用具有跨浏览器和跨平台兼容性及可访问性",2:"保证前端团队的编码质量,提升其工作效率",3:"创建并完善内部所使用的前端工具和框架",4:"定义与后端工程师合作的边界、标准化与后端程序的接口"},技能:{1:"XHTML",2:"CSS(1,2,3)
18 11 月 2010 Tiny MCE Syntaxhl 插件多语言中文版 网上随便搜了下 TinyMCESyntaxhl 插件多语言的中文,没搜到。还好需要汉化的比较少,于是决定自己开始翻译。zh.jstinyMCE.addI18n('zh.syntaxhl',{desc:'\u4f7f\u7528Syntaxhighlighter\u63d2\u5165\u4ee3\u7801'});zh_dlg.jstinyMCE.addI18n('zh.syntaxhl_dlg',{t