摘要:
转载:http://www.twinsenliang.net/skill/20081129.html 语义化单单的限定在html么? 其实想重提下那个话题,一直都在忙这忙那的没时间。好不容易到一个周末了,原定安排是去D2的但是因为时间安排不过来,所以能抽空写写。早前的讨论不了了之,其实这一点都不是Twinsen的风格。 名字,你看名字多重要,我不太清楚。我写书的话我的书被人改变名称去误导别人我... 阅读全文
摘要:
null :表示无值; undefined : 表示一个未声明的变量, 或已声明但没有赋值的变量, 或一个并不存在的对象属性。 ==运算符将两者看作相等。如果要区分两者,要使用===或typeof运算符。 使用if (!object){}两者就都包含了 补充:2006.12.6 var obj = "aaa"; var null... 阅读全文
摘要:
有了互联网,人类智慧变成机器智能变得很容易。reCAPTCHA让我们远离垃圾信息,并且帮助把旧书电子化;Amazon的土耳其机器人(Mechanical Turk)让我们协作完成小型任务;Google图片标签让添加标签变成一件趣事。现在Yahoo也打算利用视频标签游戏(VideoTagGame)对人机界面进行探索,鼓励人们给视频片段添加标签。 Yahoo第一个视频标签游戏源于2007年... 阅读全文
摘要:
只在周末放松一下 ;) Ed Spencer 已经用JavaScript编了一个胸罩尺寸计算器: 近来我为一个更具诱惑性网站中的一个工作,这家网站是专卖女性内衣的。 除了不得不一整天去看只穿内衣的女人的图片这个不值得羡慕的任务之外,我还被迫(强迫!)去写一个胸罩尺寸计算器。 胸罩尺寸计算器背后的理论是有点神秘和神奇了。 让一个男人或野兽理解它并不容易,所以它是幸运的,我完全不属于那两类, 我... 阅读全文
摘要:
翻译:liwaniuniu 别的不说直接翻译方法: 可以用Firefox3下载Firefox2插件的方法: 1.启动Firefox。在地址栏输入:about:config 2.点击“我保证会小心”。 3.任何地方右键,选择“新建->字符串(S)” 4.输入首选项名称:general.useragent.override 设置其值为:Firefox/2.0.0.14 然后再用Firefox3安装F... 阅读全文
摘要:
翻译:被遗忘 简介 web发展史上的十大里程碑,你了解多少 ? 1. Linus Torvalds 创造了Linux核心 当1991年Linux Torvalds发布了Linux, 便遇到了其他UNIX系统开发者的严厉批评。一些人认为,它使用了错误的计算机架构(32位),根本就是错误的。尽管如此,Torvalds仍然开发他自己的UNIX内核, 最终成为了事实上的web服务器软... 阅读全文
摘要:
图片预加载技术是为了提高页面性能,改善用户体验。 Google的这两个图片预加载技术很简单,一般都能看得懂。 第一个:Google首页的中的一个图片预加载 打开Google首页我们用抓包工具可以分析出Google首页中加载了一张图片:http://www.google.cn/images/nav_logo3.png 其实这张图片Google首页根本就没有用到,在首页加载是为了让这张图片提前... 阅读全文
摘要:
转自码头 说实在的,这个问题我也遇到过,但是无伞一直没有去解决,主要是用IE是测试浏览器,用谷歌看网页。码头的方法确实可行,已经测试成功。 最近收到一些网友的疑问:安装了aptana后在查看网页源文件时候,默认用aptana打开了,这个问题存在很多编辑器的安装上,再比如:UltraEdit。 毕竟aptana的启动速度太慢了! 感谢网友莫矮大P提供的网页查看源文件,默认用记事本或aptane打开的... 阅读全文
摘要:
转自:http://www.caihong.cc/?p=69 按住鼠标左键不放,在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放,在页面中拖动即可把字擦去 挺有意思的效果,大家共享哈。 鼠标拖动写字 提示:按住鼠标左键不放,在页面中拖动即可写字 ; 同时按住ctrl和鼠标左键不放,在页面中拖动即可把字擦去 阅读全文
摘要:
转载:阿里巴巴团队 跟着D2D的项目走,要做一个offer的展示效果,希望获得最多的offer展示(比较屏幕有限,呵呵)。 交互设计师给我看了一个l微软做的效果:live的图片搜索:http://www.live.com/?&scope=images:zh-cn 可以注意下他的图片展示。当拖动滚动条的时候,图片在不停地加载。很简单,一开始就把所有(在这里几乎是无穷的)图片加载进来这速度上肯定是... 阅读全文
摘要:
转自阿里巴巴团队 提起这两个名词,大家应该非常的熟悉,所谓的栈:是一种限制了插入和删除数据项操作的数据结构。栈又叫做后进先出(LIFO)结构。而队列:是对元素的插入和删除操作具有限制的数据结构的一员。队列又叫做先进先出(FIFO)结构。利用这两个,我们就可以做到请求管理了,当然要真正实现请求管理,其实还是有蛮多的工作要去做。这里提供一点思路。下面讲的虽然很简单,但是会很有用。 在J... 阅读全文
摘要:
IE8主页 http://www.microsoft.com/windows/products/winfamily/ie/ie8/default.mspx IE8新特性 http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/DevelopersNew.htm 部分中文翻译 支持微格式(Microf... 阅读全文
摘要:
Aptana IDE现在已经被重命名为Aptana Studio,这款IDE的背后有着风险投资的支持,旨在给Web开发者提供一套基于Eclipse的IDE大餐。它现在可以支持多种AJAX和JavaScript工具箱,包括JavaScript编辑和调试。它的下一步动作将是紧紧跟上当前最新的趋势,正如它为创建Adobe AIR应用提供的支持,亦或为在iPhone上创建AJAX应用所提供的特殊支持。 ... 阅读全文
摘要:
CSS与WEB开发调试利器可以帮助我们进行高效的工作,快速的进行分析与编码,遇到问题的时候可以迅速的找到问题的症结所在,在52CSS文章中以前也介绍过相关的辅助开发软件。 CSS调试工具Multiple IE - IE5 IE6 IE7多版本共存 http://www.52css.com/article.asp?id=627 Web Developer插件教程 CSS网页布局辅助设计... 阅读全文
摘要:
闭包的“闭”是指闭包的内部环境对外部不可见,也就是说闭包具有控制外部域的能力但是又能防止外部 对闭包的反向控制,换句话说,闭包的领域是对外封闭的。这一特点是因为javascript闭包是通过function实现的 所以它天然具有基本的函数特征,在闭包内声明的变量,闭包外的任何环境都无法访问的,除非闭包向外部 环境提供了访问它们的接口。 一个体现闭包本质的例子 ... 阅读全文
摘要:
最近在网上查阅了不少Javascript闭包(closure)相关的资料,写的大多是非常的学术和专业。对于初学者来说别说理解闭包了,就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。 一、什么是闭包? “官方”的解释是:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。 相信很少有... 阅读全文
摘要:
做为一个专职的页面重构者, 我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里 导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种 的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须... 阅读全文
摘要:
不知不觉又一个月过去了,这个月很“盲”,有几件很“大件”的事在脑子里转,可是又不断有“紧急不重要”的事过来,搞得都有点烦躁、郁闷。没什么时间打理blog,也许各位也已习惯我这个更新频率了,我尽量维持在一个月左右的时间更新一次。 这个月里感触良多,有几次有写下来的冲动,可是时间都用来对付“烦躁”了,多希望自己可以“放手一拼”,不再年轻了啊~~ 在准备写一份《站点架构-初级》的PPT(内部资料,不知道... 阅读全文
摘要:
在对浏览器兼容性要求越来越高的时候,大家是否正在寻找一个完整的解决方案呢?继《[原]最新CSS兼容方案》 之后,更新的CSS hack出炉啦,包括FF、IE6、IE7、Opear、Safari,需要注意的是IE由于在不同的DTD上渲染的模式不同,“_”这个hack的使用 要注意页面是否使用了DTD或XML申明()。 .class{ background-color:# FFFF00;/*所有浏览... 阅读全文
摘要:
在对浏览器兼容性要求越来越高的时候,大家是否正在寻找一个完整的解决方案呢?继《[原]最新CSS兼容方案》 之后,更新的CSS hack出炉啦,包括FF、IE6、IE7、Opear、Safari,需要注意的是IE由于在不同的DTD上渲染的模式不同,“_”这个hack的使用 要注意页面是否使用了DTD或XML申明()。 .class{ background-color:# FFFF00;/*所有浏览... 阅读全文
摘要:
总结了一下自己工作中使用到的注释书写规范,没有什么技术含量,只是用于统一制作方式,方便维护。包含了“区域注释”、“单行注释”、“注释层级”和“协助注释”四个部分。 如果大家有其它的建议,欢迎留言。 大部分同学使用的区域注释的方法,会以“注释内容开始”或“注释内容结束”、“start”或“end”等,相比之下,以“S”或“E”开始可以更快的使用,比如只要写一次开始或结束的注释,然后复制,改下“S”... 阅读全文
摘要:
1、将如下图像重构,要求在页面上水平垂直居中!分别用2个DIV,3个DIV,5个DIV实现! 这是个正的十字架,宽是50px;长是150px 我的方法主要是用相对定位和负值相结合,让它水平垂直居中! 2个DIV 无标题文档 3个DIV的实现方法: 无标题文档 5个DIV 无标题文档 2、让该图形水平垂直居... 阅读全文
摘要:
鼠标拖动层JS 鼠标拖动层封装类 效果预览 拖动层1 移动层 拖动层2 移动层 源代码 function dragClass(){ this.mouseState = document.all ... 阅读全文
摘要:
一种文字从上-右-下方向环绕广告位的一个办法:就是用一个宽度为1的空标签的高度来占位,然后图片清除浮动,来制造出这个顶部文字环绕的效果。看代码 利用css的clear属性搞定广告文字环绕 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内... 阅读全文
摘要:
一种文字从上-右-下方向环绕广告位的一个办法:就是用一个宽度为1的空标签的高度来占位,然后图片清除浮动,来制造出这个顶部文字环绕的效果。看代码 利用css的clear属性搞定广告文字环绕 新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内容新闻内... 阅读全文
摘要:
YSlow是yahoo美国开发的一个页面评分插件,非常的棒,从中我们可以看出我们页面上的很多不足,并且可以知道我们改怎么却改进和优化。 仔细研究了下YSlow跌评分规则。 主要有12条: 1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(其中15个JS请求,3个CSS请求,47个CSS background images请求),多的可怕。思考了... 阅读全文
摘要:
web重构技巧与常见问题的解决方法 一、 xhtml+CSS 技巧篇 ●在重构也面之前要做的准备工作: 1.拿一张PSD效果图,必需是PSD的这样的话你就可以自己更加随意的做切片; 2.先把PSD不做切片生成一个网页,起名为index_psd.html(这个页面做参考用); 3. 在准备几个必需的文件夹 images(放图片) 、css(放css样式文件)、js(放js... 阅读全文
摘要:
结构,结构,刚才我提到了标签有块级元素和行内元素之分的,要是不理解好这两个概念,我们也不会很好的了解怎么合理的结构化页面,现在就来介绍它们: 块级元素 块级元素生成一个元素框,(默认地)它会填充其父级元素的内容,旁边不能有其他元素。换句话说,他在元素框之前和之后生成了“分隔”符。我们最熟悉的HTML元素是p和div. 行内元素 行内元素在一个文本行内生成元素框,而不会打断这行... 阅读全文
摘要:
上面,我们讲到了要充分的语意化,其中我们提到了嵌套的问题,这个也是我们做到结构化的一个重要部分。个人认为一个最基本的原则就是尽量减少嵌套。 至于为什么这么做,我刚才也给大家做了一个简单的介绍,结构清晰,浏览器解析快。其实结构清晰(够简单,嵌套少),对我们的搜索引擎同样是做起到了SEO 的效果。怎么讲?大家想想,嵌套N多层,跟我们以前使用table设计时,table套table的区别就不大了,而那种... 阅读全文
摘要:
什么叫结构化? 由于个人认为这个知识点是十分重要的,所以请允许我在这里多罗嗦几句,我们采用WEB标准的方法制作页面的优势就体现在页面结构清晰。我们以前用 table布局的时候,我们的表现(数据)和形式(布局样式)是混在一起的,有很多冗余的数据混杂在一起,而大家再看看我上面给大家展示的代码,很明显, 结构十分清晰。 呵呵,说了半天,还是没有说什么是结构化,什么才是结构清晰啊?不要急。还记得我刚才提到... 阅读全文