您现在的位置：首页
--> JavaScript
在几天前的一篇文章中，我介绍了JavaScript的模块化加载框架SeaJS。目前SeaJS支持js和css的模块化加载。在实际应用中，可能会遇到需要加载html页面模板文件的场景，例如我接触的某些应用使用Template Toolkit(以下简称TT)写页面模板，然后由js载入TT模板后渲染输出，在这种纯JavaScript渲染的Web架构中，需要将tt文件(或其它格式html模板文件)作为模块载入。实现这一点的基本的方法是将tt文件内容看做一个长字符串，然后封装为纯J...
近一年来，国内外都十分热衷于异步加载的研究，为了加快页面的载入速度，无阻塞加载Javascript的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于jQuery的RequireJs，YUI Loader，LabJs，RunJs，国内也有淘宝的SeaJs，豆瓣的DoJs等，这些都是一些十分优秀的模块加载器。但是本文将会向大家介绍一个新的开源的轻量级“多线程”异步模块加载器In.js，In的开发借鉴了Do的一些思路和使用习惯，在此期间感谢@kejun同我的耐心交...
在高级浏览器下点击Google+的一些链接，并不是直接从服务器返回完整的页面，而是通过AJAX刷新页面的局部，并且更新地址栏中完整的URL。其中对URL的操作是靠HTML5中的history.pushState来实现的。
最近发现用jQuery实现的动画在chrome下会有暴走的问题。例如下面这个页面，打开后红色方块每隔三秒向右移动20像素。此时开一个新的Tab，把这个页面放在后台Tab上等待30秒，然后切换回该页面，就会看到红方块连续向右移动了200像素。
在javascript开发中我们会经常获取页面中的事件，然后来处理这些事件，例如下面的getEvent函数就是获取javascript下的页面事件。
tabindex属性有两个功能：其一是使元素可获取焦点，另一个是为元素分配在焦点序列中的位置。tabindex等于0可使元素聚焦，但是是以源元素的顺序添加到焦点序列中的。焦点的顺序依照tabindex正值的顺序。设置tabindex值导致元素的顺序与元素在DOM对象模型（DOM）中的顺序不一致，这意味着该顺序对辅助技术用户来说是不正确的，这一点繁体字网就比较注重。这主要是因为tabindex属性是在HTML或XHTML中定义的，而不是CSS指定。这可能会在未来的规范中改变，它也可能与视觉呈现顺序不一致。
《Javascript的一种模块模式》中的第一句话就是“全局变量是魔鬼”。配合var关键字，匿名函数可以有效的保证在页面上写入Javascript，而不会造成全局变量的污染。这在给一个不是很熟悉的页面增加Javascript时非常有效，也很优美。实际上，YUI以及其相应的范例中大量使用匿名函数，其他的Javascript库中也不乏大量使用。所以认识和理解js的匿名函数非常重要，也是脚本开发人员必须熟练掌握的几个基本功。
今天早上在 Stack Overflow 看到了这个问题： Why don\'t self-closing script tags work? 。答案给出的解释是，在 XHTML 的标准里面规定非 EMPTY 标签不能使用自关闭形式。注意这里使用的是全大写的 EMPTY ，所以我不把它翻译为「空白」。那么 EMPTY 到底是什么呢？写过 DTD 的人应该知道它是个关键字，用来指明一个标签的内容必须是空白，而不能包含文本内容或子节点。看看具体的例子就很容易明白了：...
上个月研究学习了《js判断一个元素是否为另一个元素的子元素》，感觉还挺好用，但是在jQuery应用中还是有很多缺陷，比如多个元素的时候写起来就不是很方便。所以写了比较简单的jQuery判断一个元素是否为另一个元素的子元素(或者其本身)的两个扩展： //判断:当前元素是否是被筛选元素的子元素 jQuery.fn.isChildOf = function(b){ return (this.parents(b).length > 0); }; //判断:当前元素是否是被筛选元素的子元素或者本身 jQ...
这是我总结多年的一个小文档，主要内容是Javascript和CSS浏览器兼容总结，最近看见有人咨询浏览器兼容的问题，就贡献出来。并不一定全，有的也可能不准确，比如新出的IE8、Chrome等都没有太多涉及，虽然最近做的一些项目也兼容了IE8、Chrome等，但都没来的及总结进去，后来就忘了…汗。大家一起慢慢完善吧。
新浪微博的开放平台提供了jsSDK的方法，但是很多人反映不会使用，这里最关键的一点是不会放跨域文件。的确，我也承认开放平台的开发文档写的不是很详细，比如对于一些接口是使用REST的，要人云里雾里，而对于REST的介绍却很隐晦，我也是尝试了几次才找到的方法（例如删除微博接口）。
今天看了一段YUI compressor压缩的js代码： userNum && (ind += index,ind >= userNum && (ind -= userNum),ind < 0 && (ind === -2 && (ind = -1),ind += userNum),selLi.removeClass("on"),$(selLi[ind]).addClass("on")); 直接疯掉了，估计一下子没几个人能看懂。那么就把他“翻译”一下。 && (逻辑与) 这里主要是一个“&...
代码高亮很有用，特别是在需要在网站或者blog中显示自己编写的代码的时候，或者给其他人查看或调试语法错误的时候。我们可以在显示中支持代码高亮，以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良好体验。
"与其说我爱Javascript，不如说我恨它。它是C语言和Self语言一夜情的产物。十八世纪英国文学家约翰逊博士说得好：'它的优秀之处并非原创，它的原创之处并不优秀。'(the part that is good is not original, and the part that is original is not good.)"
Javascript是一个伟大语言，在前些年对于他有些误解，但是开发人员又重新发现了他的美丽与优雅。如果你不喜欢javascript大概是因为： 对于浏览器的兼容性问题很头疼―其实这不是javascript的错 你把javascript和基于类的语言相比，比如c++ c# java等―javascript的表现并不如你所预期 这其中，最让人困惑的就是’this’关键字。在大多数的语言中，’this’都是指代当前类。而在javascript中，’...
优秀的Stoyan Stefanov在他的新书中（《Javascript Patterns》）介绍了很多编写高质量代码的技巧，比如避免使用全局变量，使用单一的var关键字，循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码，也从代码的设计阶段来考虑，包括书写API文档，同事的review，使用JSLint。这些习惯都能帮助你编写更加高质量的、更易于理解的、可维护的代码（让你的代码在多年之后仍使你引以为傲）。 编写可维护的代码 软件的BUG修...
正则表达式很可怕很可怕，但是，一旦你记住并且明白了这些符号的意义，那么这些恐惧就会马上消失。如果你现在心中还有那份恐惧感，那就赶紧往下看吧。 基础知识 学好正则表达式子的关键一步就是花一点时间记住这些符号。这是最好的建议了。坐下来，好好记一记，很快的： .：会匹配任何字符，在dotall模式为false的时候不会匹配换行符。 *：匹配0个或者多个上面的那个字符可以匹配的 +：匹配一个或者多个上面那个字符可以匹配的 ?：...
有时要处理一个DOM节点下面的大量子节点，比如对一个ul一次性插入几百个li，或者清空一个ul下面的所有li，或者是替换掉ul下面的所有内容。本文记录一下最佳的实践方式。
公司一直使用jQuery框架，一些小的项目还是觉得jQuery框架太过于强大了，于是自己周末有空琢磨着写个自己的框架。谈到js的设计模式，不得不说说js的类继承机制，javascript不同于PHP可以轻松的实现类继承，不过javascript的类继承方法还是有的，常见的有构建函数、原型扩展、综合……，也有一些专门写类的函数
近3天十大热文
-
[235] 如何拿下简短的域名 -
[234] WEB系统需要关注的一些点
-
[11] 大并发下的高性能编程 – 改进的（用户态）自
-
[11] Python中的闭包
-
[10] [Perl]Moose::Manual::T
-
[10] 一步一步教你怎样给Apache Spark贡
-
[10] 关于身份证号的那些事
-
[10] MySQL error log 输出到sys
-
[9] 五个实用的Google Analytics过
-
[8] 多线程程序中操作的原子性
赞助商广告
