xhgrid
- 浏览: 14490 次
- 性别:
- 来自: 深圳
-
最新评论
文章列表
Ajax is a nice technology to develop more interactive web pages and enhance user experience. with Ajax you can send a request to your web server with JavaScript and get the response, and show it on your page without refreshing the page .The popular problem for developer regarding to use of Ajax is wh ...
如果AJAX加载的数据是一个HTML片段，而且这个HTML片段还包含脚本<script>块，那么在你把这数据xmlHttp.responseText用innerHTML方法插入到当前文档一个元素中，你会发现AJAX加载回来的脚本根本没有执行。这是AJAX开发中很常见的问题 ...
这几天，我在读《Javascript语言精粹》。
这本书很薄，100多页，正好假日里翻翻。
该书的作者是Douglas Crockford，他是目前世界上最精通Javascript的人之一，也是Json格式的创造者。
他认为Javascript有很多糟粕。因为1995年Brendan Eich设计这种语言的时候，只用了三个月，很多语言特性没有经过深思熟虑，就推向了市场。结果等到人们意识到这些问题的时候，已经有100万程序员在使用它了，不可能再大幅修改语言本身了。所以，Douglas Crockford决定，他要告诉大家，Javascript中哪些部分是精粹，哪些部分是糟粕和鸡肋。
...
需求是：A页面(例如：www.taobao.com) 要嵌入B(例如： www.alibaba.com)，因为不能确定B页面的高度，所以要求高度自适应。
具体代码：
iframe主页面 A.html
<div>
<iframe id="aFrame" scrolling='no' border=0 frameborder=0 width=100% height="400px" class="failure"
src="www.alibaba.com/B.html" r ...
Updates: Philip Tellis deployed this as part of Log-Normal’s snippet and found two problems. One is fixed and the other is still being investigated:
The previous code had a race condition when beacon.js called document.body.appendChild before BODY existed. This was fixed.
Some users reported the upda ...
以下为本人搜集的关于前端一些质量比较好的原创PPT，不定期更新中，也欢迎各位自荐
Slideshare被墙了！！有木有！！GFW把slideshare居然也封了！筒子们吧！小倪记于2012.08.23
Ghost@tencent
浏览器工作原理浅析 http://www.slideshare.net/fullscreen/GhostZhang/ss-11476817/1
闲话浏览器兼容 http://www.slideshare.net/GhostZhang/ss-7892037
ytzong@tencent
cssgaga http://www.slideshare.net/ytzo ...
现在css3出来了， 添加了许多新特性，但由于并未全部浏览器都实现了这些特性，使用起来不太顺畅。因此，就想在使用的时候进行判断，如果有这个属性并且支持这种值，就css实现， 否者就用js实现。
比较明显的例子就是text-overflow这个属性，text-flow：clip是大部分浏览器都支持的，而text-flow：ellipsis则在firefox和10.6版本以下opera上工作不了，让人相当头疼。
废话少说，判断的代码如下：
双击选中源代码
var element = document.createElement('div');
if('textOverflow' in ele ...
文本溢出展示省略号的需求经常都会用到，而对于新式的浏览器，这完全不是问题，因为css3里面已经有实现text-overflow：ellipsis，但是最新w3c文档中却移除了这个属性，即使这样，也有不少浏览器实现了这个特性。其浏览器支持情况如下：
IE Firefox Opera Safari Chrome
6+ - 11.0+ 3.0+ 1.0+
可以看到，只有firefox和opera11一下的版本不支持这个浏览器，以此也可以放心大胆的用了。但是遇到要求高的产品经理时（╮(╯_╰)╭），就不得不考虑firefox等不支持的浏览器了，唯有使用js进行字符截断。
比较简单的截断方式就是按字符 ...
- 2012-09-12 16:02
- 浏览 653
- 评论(0)
很多人一直都有个想法，要是可以随心所欲的操作iframe就好了。这样静态页面也就有了相当于后台动态页面php,jsp,asp中include，require实现统一多页面布局的能力。
通过Javascript的帮忙我们可以像后台一样动态加载操作iframe对象属性src指向的html页面的内容。这样的操作需要提供两个页面，一个页面是iframe所在页面(页面名称：iPage.html)，另一个页面是iframe属性src指向页面（页面名称：srcPage.html）。
iPage.html，<body>里dom：
<iframe id=“iId“ name=“iN ...
将近20年前，Javascript诞生的时候，只是一种简单的网页脚本语言。如果你忘了填写用户名，它就跳出一个警告。
如今，它变得几乎无所不能，从前端到后端，有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。
Javascript代码的复杂度也直线上升。单个网页包含10000行Javascript代码，早就司空见惯。2010年，一个工程师透露，Gmail的代码长度是443000行！
编写和维护如此复杂的代码，必须使用模块化策略。目前，业界的主流做法是采用"面向对象编程"。因此，Javascript如何实现面向对象编程，就成了一个热门课题。
麻烦的是，Ja ...
对于Web前端的开发而言，为了降低文件大小，js文件和css文件的压缩和组合几乎是默认的规矩。
我们利用YUI Compressor 和 google Compiler 可以很容易的完成文件的压缩。 甚至 yui compressor 本身都已经支持 多文件的批量压缩。
但是，为了更好的处理这些机械化的事情，我们通常还是需要脚本来辅助，让这些工作可以更好的自动化，可配置化。
网上有很多类似的脚本工具，或者有的也已经编译成了可视化的工具来使用。
我自己以前也写过python版本的，也用过同事写的类似的脚本，基本也都是python版本的。鉴于大多数前端的攻城师们对js更为熟悉，所以，这里也提 ...
随着WebApp突飞猛进的发展，Javascript写的WebApp规模越来月庞大，比如典型的代表产品腾讯WebQQ、HTML5游戏等等，Javascript越来越需要大量的开发人员多多人协作开发。同时HTML5、CSS3等新技术和NodeJs项目的高速发展，这几年JavaScript语言 ...
文本溢出展示省略号的需求经常都会用到，而对于新式的浏览器，这完全不是问题，因为css3里面已经有实现text-overflow：ellipsis，但是最新w3c文档中却移除了这个属性，即使这样，也有不少浏览器实现了这个特性。其浏览器支持情 ...
HTML4.01为script标签定义了5个属性：
charset 可选。指定src引入代码的字符集，大多数浏览器忽略该值。
defer 可选。延迟脚本执行，相当于将script标签放入页面body标签的底部。除IE和较新版本的Firefox外，其他浏览器并未支持。
language 已废弃。大部分浏览器会忽略该值。
src 可选。指定引入的外部代码文件，不限制后缀名。
type 必选。指定脚本的内容类型（MIME类型）。现实中通常不指定该值也可以，浏览器会默认当作text/javascript类型来解释执行。
HTML5中的script属性
script标签在HTML5中除了 ...
前端学习资源
1、http://www.javascriptkit.com/，里面有很多js教程
2、http://www.quirksmode.org/ 关于浏览器兼容的探讨
3、http://www.devlisting.com/
http://www.cnblogs.com/2050/archive/2010/08/29/1811809.html