FuDesign2008的专栏

在对手工输入的文本进行处理时，请务必注意控制符，空格等不可见的字符。http://blog.csdn.net/ 与http://blog.csdn.net/有什么区别呢？视觉上是没有。但看编码时，可能其中一个的后面有多个空格，而另一个没有。今天有此教训。

blank sapce 字符不仅仅只有英文空格字符(/u0020)，中文空格字符(/u0030)，而且有其他的空格字符，如NO-BREAK SPACE (U+00A0)详细见http://www.fileformat.info/info/unicode/char/00a0/index.htm也许还有其他的呢！！！

In IE7, the following code will not do if the html page has little contentwindow.addEvent("domready", function() {    $(window).addEvents( {        "load" : loadListener    });    function

以下是测试代码： Insert title here    window.onload = function() {        window.alert("onload");    }    window.onunload = function() {        window.alert("

问题：在IE6下，border-bottom:1px solid #CCC不起作用，但border:1px solid #CCC其作用。解决方案：为了使得border-bottom:1px solid #CCC起作用，可以添加一段css,如下：_display:inline-block;/*针对ie6*

Note that z-index stacking applies only to sibling elements (i.e., elements that are children of the same container). If two elements that are not siblings overlap, setting their individual z-

JavaScript Flash Detection Library (Flash Detect)http://www.featureblend.com/javascript-flash-detection-library.html

在IE6中，iframe空白，无法显示内容的原因可能是对iframe使用了border样式。我对iframe使用的css样式iframe {    width: 606px;    height: 448px;    padding-bottom: 0;    overflow: auto;    margin: 0 auto;    pad

html代码:.....       ....  css代码:body{.....font-size:12px;.....} #img_wrap{    height: 176px;    width: 1024px;} #img_wrap img{   height: 176px;   

PRB： HRESULT C00CE56E MSXML 与"系统不支持指定的编码"错误信息 从 Web 服务器加载远程的 XML 文档，通过使用 XMLHTTP 或 IXMLDocument::Load 时, 您可能会收到以下错误消息：HRESULT c00ce56e系统不支持指定的编码。当您使用一个基于 Java 的中间层应用程序框架时，该错误与最普遍。作为的版本

方法一： 在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。 欢迎来到博客园（加了hidefocus属性）Firefox的处理方法比较符合标准，只需要在样式里设置a:focus{outline:none}皆可： .xzw_test a.setFocus:focus{outline:none}方法二： 通过javascript方法让其点击后失去焦点从而达到没有虚线框，也不失为一种曲线救

firefox 和 ie 的浏览器各自实现了input历史记录的功能，可以简化输入时的麻烦，但是，有时候弹出的下拉框会挡住页面显示内容，而且在某些情况下也不需要对input框进行记录，如号码查询的input框，用户不会对同一个号码进行多次查询，就没有必要让浏览器记录。 MSIE自定义了input 的扩展属性 autocomplete，置为off即可 用这个方法可以屏蔽MSIE，Firefox则需要使用另一个扩展属性disableautocomplete 两扩展属性可以同时使用，浏览器会根据自身特

"＃"包含了一个位置信息默认的锚点是＃top 也就是网页的上端而javascript:void(0)  仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首而javascript:void(0) 则不是如此所以调用脚本的时候最好用void(0)或者<input onclick><div onclick>等打开新窗口链接的几种办法1.window.open('url')2.用自定义函数        <script><br />        function openWin(t

<br />销毁DOM的步骤：<br />1. 销毁该DOM上已经绑定的事件。<br />2. 销毁DOM本身。<br />3. 销毁引用DOM的变量。

onselectstart="javascript:return false;"作用： 禁止选择应用：1. 禁止页面的选择复制2.禁止选项卡的标题被选中，用户体验更好

<br />如果代码的性能和可维护/可读有冲突时，应该如何呢？<br /> <br />核心库（少量） 必须精简， 以性能为先。<br />组件库（大量）必须可读，以容易维护/可读为先。

访问速度对于一个网站或博客来说实在太重要了，据有关部门的估计：一般一个浏览者如果在5-8秒钟没有打开一个网站，那么该网站会丢失1/3的浏览用户。超过10秒，你的访客绝对会失去耐心！今天不讲如何改进访问速度的问题，建议大家在建好网站或博客之后习惯的测试一下访问速度。以下推荐几个有用的访问速度测试服务。Pingdom 非常专业的网页测速服务，可对该网页中众多元素一一测速，清楚地看到是哪些托了你

遇到了什么？在做项目时，通常容易遇到一个问题：在项目环境中拥有良好的表现，功能很酷很炫，但是在实际发布上线之后，却发现因为用户网速不理想，容易产生一些意料不到的状况，例如页面的可用性出现障碍。而且这些问题通常在进行测试的时候也难以发现，因为测试多半也和我们处于同样网络条件下。这个时候我们需要模拟在低网速下产品的表现。如何解决？FIDDLER or NET LIMITER!FIDDL

javascript内存泄露的问题一直以来都不受到大家的重视，原因是对用户的影响没有太实际的表现，或许近几年内存发展迅速。脚本内存再泄露也不会有太大影响。当然作为前端开发的同学们，就不能有这样的侥幸心理。出现memory leaks很大程度上是因为程序的不成熟和编码不太规范造成的。不过，这里就不说如何出现问题的，对问题的出现有兴趣可以参考以下地址：Understanding and

题目： 写一个函数，返回一个代表颜色的字符串。要求：1.颜色是随机的。颜色字符串可以类似"cf9c63",也可以类似"rgb(211,100, 180)"。2.程序要尽量简洁，清晰，易读；且要比本人的解决方案更优秀。奖励：1.认识一名或多么追求卓越的javascript爱好者。2.前3名者，本人愿意每人送上一本影印版的《JavaScript:The Definitive Guide》。本人的解决方案：//获取随机颜色,返回类似"cf9c63"代表颜色的字符串        functio

JavaScript Challenge Play--Random Color (The English Version of  JavaScript挑战赛--随机颜色)Title: Write a function to return a string that can represents a color.Requirements: 1. The color is random. The color string can be similar to "cf9c63", also similar to "

以下是页面打开测试文件的结果randomColor_foshan_2(){...}函数存在缺陷1. randomColor_foshan_2(){...}函数 /**** * name:我佛山人 * qq:52739105 * blog: */ function randomColor_foshan_2(){ return (new Date().getTim

当天，也就是6月3日，我很高兴收到了来自江、的代码（QQ： 676596050，Blog：http://hi.baidu.com/jiang_yy_jiang ）的代码。在他博客中的原始代码见 http://hi.baidu.com/jiang_yy_jiang/blog/item/1494c5b3a961b5add8335a72.html。对于他的代码，我整理如下：/****** * name: 江、 * qq: 676596050 * blog: http://h

<br /> <br />个人用于测试各位javascript爱好者挑战代码性能的页面如下：<br /><br /><?xml version="1.0" encoding="UTF-8"?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http:

自2010-06-05起本人将连续把各个挑战代码的测试数据公布出来，欢迎网友帮助测试，并实施监督。关于测试，我声明以下几点：1.以下测试的操作系统是WindowsXP。2.函数的执行次数默认1000000次。3.一般先用Firefox测试3次，如果性能差距很明显，即以Firefox的为准。 如果性能旗鼓相当，再在Internet Explorer 和 Chrome中进行测试。如果性能再次旗鼓相当，提高函数的执行次数一个数量级，并重新测试。4.由于硬件和软件的配置不一样，各位网友的测试数据未必和我的测试数据是

原文见：http://stackoverflow.com/questions/133973/how-does-this-keyword-work-within-a-javascript-object-literalCannibalized from another post of mine, here's more than you ever wanted to know about this.Before I start, here's the most important thing to keep

最近看了一道javascript笔试题，很有意思，所以拿出来探讨一番。题目如下：请给出下页面代码的运行结果：var x = 20;function fn(){    function f1(){        alert(this.x);    }    with(          {            f2: function(){                alert(this.x);            },

<br />在IE下使用$.ajax({type:"post",....})有返回值但未设置dataType时，报错“语法错误”<br /> <br />代码<br /><br /> <br /> <br />返回值<br /><br /> <br />IE下的报错：<br />

<br />1. table的结构不标准（至少要有tbody）<br />2.取tr的逻辑错误(tr可能是tbody的children， 而不是table的)<br /> 

普通方式创建typeofinstanceofnew方式创建typeofinstanceofObjectvar o={};objectObjectvar o=new Object();objectObjectArrayvar a=[];objectArrayvar a=new Array();objectArrayFunctionvar f = function(){};functionFunctionvar f = new Function();functionFunctionStringvar s="he

<br /><br />Conditional compilation allows the use of new JScript language features without sacrificing compatibility with older versions that do not support the features.<br />Conditional compilation is activated by using the @cc_on statement, or using

<br />empty():removes all data and event handlers from the removed elements.<br />To avoid memory leaks, jQuery removes other constructs such as data and event handlers from the child elements before removing the elements themselves.<br /> <br /><br /><br

<br /><br />今天做一个拖动效果，在网上找了个模板，作发后发现一拖动就会选择其它页面部分，需要去除这个效果，<br />找了个模板看了下发现有如下方法：只能被IE识别，<br />document.onselectstart=function(){return false}<br />优化后：（可能选择下拉列表框架）<br />document.onselectstart= function(event){<br />if(window.event) {<br />event =   

<br />前端代码之丑（2）：丑陋的条件语句<br />Posted on November 27th, 2010 in 思考 by lifesinger实际代码<br />今天的代码很简单，但每次评审时碰到类似场景，总会让我有些小不淡定：// 代码 1<br />if ('s' == type.value) {<br /> cont.style.display = 'none';<br /> if (cont.shim) cont.shim.style.display =

<br />前端代码之丑（1）：分支化技巧<br />Posted on November 26th, 2010 in 思考 by lifesinger<br />看了 InfoQ 的 代码之丑 专栏，心痒痒忍不住，前端也来一个系列吧。<br />分析的代码片段大都来自实际项目。还希望代码主人多多包容，让我们一起共同研究探讨，互助学习提高。实际代码<br />今天要分析的是获取邮费目的地的一段代码（做了部分简化，整体保持原貌）：var DEST_MAP = {<br /> '1': '全

z-index最大值: IE FireFox Safari的z-index最大值是2147483647 。 Opera的最大值是2147483584.。 IE Safari Opera在超过其最大值时按最大值处理。 FireFox 在超过最大值时会数据溢出正负不定,但有一点可以肯定绝对不会高于2147483647层最小值 IE FireFox Safari的z-index最小值是-2147483648 Opera的z-index最小值-2147483584 FireFox在-21

<br />Raphael JS库是在webrebuild交流会上听专家将到的，后来就看了下，果然很强大——通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。<br />这其实和cufon等网络字体的实现原理是有些类似的：非IE浏览器使用SVG绘图，然后IE中使用VML。它的目的是想要提供一种简单易用的真正跨浏览器的矢量图形实现方案，包括一些动画效果。<br />Raphael的语法也很简单，基本上了解SVG就会很容易上手的：var c = paper.path("M10 10L90 90

<br />https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEachSummary<br />Executes a provided function once per array element.Method of ArrayImplemented in:JavaScript 1.6 (Gecko 1.8b2 and later)ECMAScript Edition:ECMA-262 Editi

<br />Summary<br />Returns the element (such as <iframe> or <object>) in which the window is embedded, or null if the window is top-level.Syntaxvar frameEl = window.frameElement;<br />frameEl is the element which the window is embedded into, or n

<br /><br />Introduced in Gecko 1.9.2(Firefox 3.6 / Thunderbird 3.1 / Fennec 1.0)<br />Returns "loading" while the document is loading, and "complete" once it has loaded.Syntaxvar string = document.readyState;<br />Exampleview plainprint?// alternati