随笔分类 - JavaScript
1
摘要：Here is a compilation of 47 jaw-dropping CSS3 animation demos. They demonstrate the possibilities of the CSS3 transform and transition property. Some are very useful and can be used as Javascript alternatives. Most of them are simply to look cool. In order to veiw these effects, you need a w...
阅读全文
摘要：jQuery 自动补全插件有很多，找了一圈，没找到自己想要的。干脆自己编一个吧 哄哄使用场景： 使用 B3log Solo 发布文章时，标签（tag）的提示。具体需求： 1. 当标签输入框被 focus 后，提示以往用过的所有标签 2. 可以使用上下键或鼠标移动进行需要标签的选择 3. 根据当前选中标签，可用 enter 键或鼠标点击进行确定，该标签就会相应的补全到标签输入框中 4. 使用逗号分隔后，还可继续进行提示 5. 根据当前光标所在位置的标签，可进行该标签的相应提示限制： 目前只能使用英文逗号进行分隔。Javascript Code：https://bowknot.googlecode
阅读全文
摘要：个人认为 jQuery 很优秀，插件机制也很不错。为什么一定要用面向对象的思想去强调不属于面向对象语言范畴的 JavaScript 呢？面向对象真的有那么完美么？一切从简，提高性能的同时又可以方便扩展不好么？
呃，速度的夸下 jQuery， 嘿嘿。
1. 背景
1.1. jQuery 简介
1.1.1. 简介 jQuery 是一套跨浏览器的 JavaScript 框架，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在2006年1月的 BarCamp NYC 上发布。目前全球访问前10000名的网站中已有超过41%的网站正在使用 jQuery， 其中包括 Go.
阅读全文
摘要：好久没晒代码了。今天心情不错，搬出来晒晒太阳。 var getCursorEndPosition = function (textarea) { textarea.focus(); // 首先当然要设为选中了 if (textarea.setSelectionRange) { // W3C return textarea.selectionEnd; } else if (document.selection) { // IE var i ...
阅读全文
摘要：var 主题 = "The Time is Now for Front-End Architects"; var 前端架构师 = { 职责:{ 1: "提升网站的前端性能，保证前端应用具有跨浏览器和跨平台兼容性及可访问性", 2: "保证前端团队的编码质量，提升其工作效率", 3: "创建并完善内部所使用的前端工具和框架", 4: "定义与后端工程师合作的边界、标准化与后端程序的接口" }, 技能: { 1: "XHTML", 2: "CSS(1, 2, 3)&qu
阅读全文
摘要：网上随便搜了下 Tiny MCE Syntaxhl 插件多语言的中文，没搜到。还好需要汉化的比较少，于是决定自己开始翻译。 zh.js tinyMCE.addI18n('zh.syntaxhl',{ desc : '/u4f7f/u7528 Syntaxhighlighter /u63d2/u5165/u4ee3/u7801'
}); zh_dlg.js tinyMCE.addI18n('zh.syntaxhl_dlg',{ title : '/u4f7f/u7528 Syntaxhighlighter /u63d2/u5165/u4ee
阅读全文
摘要：相信大家都知道有个Java编程规范,但是很少人知道Javascript也有编程规范，此规范最早由Google提出来，虽然在工程实践上，我们对编写Javascript还比较随意，但是从代码规范性角度出发，不论何种语言都应该有自己的编程规范，否则过一段时间过后，连自己写的代码都不知道什么意思了，更何况别人来看你的代码。虽然说这份编码规范有待验证，但是它由Google推出，还是具有一定的权威性和可靠性。 Google JavaScript Style现在Google又发布了一个工具来帮助你检查 JavaScript 代码是否严格遵循了 Google JavaScript Style Guide ：C
阅读全文
摘要：基本上听过，但是一半都没用过%>_<%转自：http://hi.baidu.com/woaidelphi/blog/item/a8dabeb513bce2c337d3ca23.htmlJavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库面前又觉得无所适从，本文，我们将使用 Google 搜索出排名前 10 位的 JavaScript 库，并对它们逐一进行介绍。1. jQuery: The Write
阅读全文
摘要：王丹丹 , IBM 中国系统与技术中心软件工程师，自从 2006 年加入 IBM，一直从事 Web 系统设计和开发工作，有五年 PHP 应用程序设计开发经验。对于熟悉 C/C++ 或 Java 语言的工程师来说，JavaScript 显得灵活，简单易懂，对代码的格式的要求也相对松散。很容易学习，并运用到自己的代码中。也正因为这样，JavaScript 的编码规范也往往被轻视，开发过程中修修补补，最终也就演变成为后续维护人员的恶梦。软件存在的长期价值直接与编码的质量成比例。编码规范能帮助我们降低编程中不必要的麻烦。而 JavaScript 代码是直接发送给客户浏览器的，直接与客户见面，编码的质量
阅读全文
摘要：IntroductionIn this list I have gathered 8 examples/experiments that apply physics and gravity to demonstrate the power of Javascript. Few years back, all of these experiments must be done using Java or Flash, I don't think we can implement this using Javascript because of the standard and brows
阅读全文
摘要：转自：http://www.cnblogs.com/bloodmage/archive/2010/06/14/1758208.html每种浏览器都包含一个代码引擎或渲染引擎，它负责解释Web页面上的代码，javascript解释器是其中的一部分。Netscape4惨败之后，网景公司于1998年创立了Mozilla项目，开发了Gecko引擎，现在它支持着Mozilla, Firefox, Netscape, Camino等浏览器。Explorer的代码引擎叫做Trident，1999年3月发布的Explorer5.0是第一个支持W3C DOM和XMLHttpRequest的浏览器，但也是最后一个
阅读全文
摘要：Author: 李丽媛Date: 2010/6/2Email: lly219#gmail.com2 JavaScript 优化方案 2.1测试驱动开发为了编写可维护的 JavaScript，测试驱动是必不可少的。因为每个测试都起到质量反馈的作用，给后期维护和修改创建了一个安全保护网并提供了一份可执行的文档。通过测试，我们可以保证所有的功能被覆盖，也避免了重写代码后再进行测试的高昂代价。解决方案：以后的开发中使用 JsUnit 和 JSMock 进行测试驱动。 2.2框架现在已经形成部分框架，但都不够复用和抽象。并且缺少文档说明，让后期开发人员很难进行维护和使用。解决方案：对框架进行封装、抽象、
阅读全文
摘要：JavaScript 是一种垃圾收集式语言，这就是说，内存是根据对象的创建分配给该对象的，并会在没有对该对象的引用时由浏览器收回。JavaScript 的垃圾收集机制本身并没有问题，但浏览器在为 DOM 对象分配和恢复内存的方式上却有些出入。Internet Explorer 和 Mozilla Firefox 均使用引用计数来为 DOM对象处理内存。在引用计数系统，每个所引用的对象都会保留一个计数，以获悉有多少对象正在引用它。如果计数为零，该对象就会被销毁，其占用的内存也会返回给堆。虽然这种解决方案总的来说还算有效，但在循环引用方面却存在一些盲点。循环引用的问题何在？当两个对象互相引用时，就
阅读全文
摘要：These rules are the key to speeding up your web pages.They've been tested on some of the most popular sites on the Internetand have successfully reduced the response times of those pages by 25-50%.The key insight behind these best practices is the realization that only 10-20% of the total end-us
阅读全文
摘要：So cool转自：http://coolshell.cn/?p=2276Simple Sudoku Solver这是一个“数独游戏”，其在你游戏的过程中可以在空格处提示你可能的数字。February 2010Cloth Simulation这是一个极端的布料仿真程序。使用鼠标拖曳，按着g键拖曳可以把布悬挂起来。August 2009Numbers to Words这是一个把阿拉伯数字变成英文说明的演示。June 2009N-Bodies Particle System可以模拟物理学上的原子核与电子圆周运动的的样子。April 2009Quantum Cryptography一篇文章介绍了什么
阅读全文
摘要：下文转自：http://www.oncoding.cn/2010/geo-location-frontend在Smashing Magazine上看到这篇Entering The Wonderful World of Geo Location，介绍了获取并处理用户地理位置的应用和方法，很有意思。结合原文的内容，加上之前的一些应用，整理了几个可以完全在前端实现的地理位置相关小功能。1.通过IP获取用户位置很多时候需要通过IP判断用户的位置，通常的办法是通过自己的后台程序查询数据库得到。如果用户位置只是应用在前端，或者有其他的特殊原因(比如，懒:)，也有一些其他办法来快速的获取用户位置。maxm.
阅读全文
摘要：作者：李丽媛联系方式：lly219#gmail.com日期：2010-2-26前言本文主要正对key event，change event，代理的focus event，移动设备上event测试的初次结果进行讲解，但在开始之前，我觉得大家还是有必要再温故一下js中的事件。一般事件事件浏览器支持描 述onClick IE3|N2|O3鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O鼠标双击事件 onMouseDown IE4|N4|O鼠标上的按钮被按下了 onMouseUp IE4|N4|O鼠标按下后，松开时激发的事件 onMou...
阅读全文
摘要：作者：李丽媛邮件：lly219#gmail.com前言在涉及JavaScript性能优化之前想和大家探讨一下：过早优化Donald Knuth 曾经说过：“过早优化是万恶之源”（Premature optimization is the root of all evil）。在他的论文——Structured Programming with go to Statements中，他写到"编程者花费大量的时间去思考，担心，他们程序中并不占关键部分的效率问题，然而这些在debugging和考虑程序维护的实际中有着很强的负面影响。我们应该忘记小的效率所带来的影响，比如说97%的时间：过早优化
阅读全文
摘要：13.点击的class ！= “dropdown” 时，隐藏id=“selectBoxOptions_”的组件$(document).click(function(event){ if( $(event.target).attr("class") != "dropdown" ){ $("#selectBoxOptions_").hide(); } });14.使用过的插件 JQuery jCarousel —— 内容滚动插件 validate raphael scrollabel15.ID冲突项目比较大，每个人都有各个模块的工作，在界
阅读全文
摘要：腾讯科技讯 北京时间11月6日消息，据国外媒体报道，谷歌日前宣布，将自己开发者使用的一系列工具对外开放。这些工具曾用来开发谷歌的主要产品，包括Gmail、谷歌文档（Google Docs）和谷歌地图（Google Maps）。第一个工具叫做ClosureCompiler（封闭编辑器），是用于帮助开发者移除多余的评论和代码，来优化JavaScript代码。跟该编辑器相关的还有一个姐妹项目，叫做Inspector（检查员），这是一个为Firebug设计的插件，开发者用这个插件可以在浏览器上浏览经过优化的代码，包括原变量名称和内存的数据。谷歌开放的第二个工具是一个“图书馆”，具有很多常见的用于创建J
阅读全文
1
