代码改变世界

随笔分类 - 有趣的东西

9月前端tips

2010-10-18 18:00 by 一醉而过, 512 阅读, 收藏, 编辑
摘要:9.1 - 9.3126.【Mobile】iPhone/Android 如何去掉超链接点击高亮的边框? dom.ontouchstart = function(){ return false; }即可去除(王卓)127.【JS】计时器在OS上,浏览器的最小延时时间为10ms,在windows上为15ms。我们可以通过为计时器提供0(或任何10ms以下的任何数值)作为延时时间得到这个值。(圆心)1... 阅读全文

To forever Tracy McGrady

2010-08-07 10:19 by 一醉而过, 265 阅读, 收藏, 编辑
摘要:特雷西·麦克格雷迪一直是我喜欢的篮球运动员,而且永远是!昨天又在视频网站上看了他的集锦,中间配乐是It'S MY LIFE~抒情版歌词如下:[代码]回顾麦克格雷迪的过去的成长历程,非常令人惊叹,不得不说,麦克格雷迪是一个天才球员,更是一个好球员:【2002年秋,得知华盛顿狙击案的受害者——13岁的伊安-布朗(Iran Brown)想要自己的签名,他给布朗寄去了自己... 阅读全文

关于cssText属性

2010-07-14 11:16 by 一醉而过, 685 阅读, 收藏, 编辑
摘要:给一个html元素设置css属性,传统做法:[代码]这样写很烦,尤其是很多的时候,一个样式一行,天啊!工具函数 :[代码]使用cssText属性,想怎么写就怎么写:[代码]跟书写CSS一样,还可以支持属性值缩写border:#000 solid 1px; 测试浏览器版本如下(与浏览器模式无关): IE 6/7 IE 8 (Emulate IE7) IE 8 (Enforce IE8) Opera ... 阅读全文

7月份收集整理

2010-07-11 23:34 by 一醉而过, 355 阅读, 收藏, 编辑
摘要:http://kingkit.javaeye.com/blog/692203 //CSS实现三角http://www.cnblogs.com/BearsTaR/archive/2010/06/18/facebook_html_chunk.html //名站解析http://hi.baidu.com/bdui/blog/item/871b83f29cb06711b07ec599.html //wid... 阅读全文

前端路上,做好10件事,你就能成为大牛

2010-05-15 12:15 by 一醉而过, 5591 阅读, 收藏, 编辑
摘要:题记:前端开发工程师是一种非常特殊的职业,和很多计算机相关职业都不尽相同,前端工程师是计算机科学职业领域中最复杂的一个工种,现在很多招聘网站都在热招前端开发工程师,当然,这个职业是随着互联网发展起来的,很多人都是从设计,开发或者其他领域转过来的,水平参差不齐,不过,做好以下10件事,你就是一个前端的大牛!1.不要忽视html的基础 很多人都认为html如此简单,简单的不屑一顾,如果你现在还这样觉得... 阅读全文

2010年3月再谈前端工程师的笔试题

2010-04-03 01:24 by 一醉而过, 4738 阅读, 收藏, 编辑
摘要:最近在收集前端开发工程师的笔试题,正好看到Adam Lu.的这篇博客,感觉挺不错的转载过来! HTML && CSS1.Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? 行内元素有哪些?块级元素有哪些?CSS的盒模型?2.CSS引入的方式有哪些? link和@import的区别?3.CSS选择符有哪些?哪些属性可以继承?优先级?内联和impor... 阅读全文

整理下最近的工作和生活

2010-04-02 23:46 by 一醉而过, 406 阅读, 收藏, 编辑
摘要:  年后回来还没有正式的写过一篇博客,最近又乱了,还好抽空在学JQUERY,真的发现jquery是一款非常好的库(not library!),yes,write less,do more!  我会持续的把JQUERY写下去,其实它的正确的英文名字写法是jQuery(第二个字母大写),我一直写错,今天纠正下,在前端的路上走的时间越长,就发现感悟越深,对职业生涯的规划越来越有自己的... 阅读全文

史上最强女游戏程序员

2010-03-08 19:15 by 一醉而过, 745 阅读, 收藏, 编辑
摘要:为庆祝3.8妇女节,介绍一个女性超级程序员!也许你听说过John Carmack 和Tim Sweeney等大牛的名字,而向来游戏工业都是阳盛阴衰,适逢国际妇女节,今天我为大家介绍游戏业界一位史上最强女游戏程序员:Corrinne Yu。 以下是她在游戏业界内的简历微软Halo团队首席引擎架构师(principal engine architect)微软游戏工作室的首位女性技术主管微软的Direc... 阅读全文

苹果CEO 斯蒂夫.乔布斯:我如何工作

2010-02-05 17:05 by 一醉而过, 455 阅读, 收藏, 编辑
摘要:“真是一群白痴”当时在苹果负责MacOS人机界面设计小组的柯戴尔·瑞茨拉夫(CordellRatzlaff)认为,将丑陋的旧界面装在优雅的新系统上简直是个耻辱, 于是他很快便让手下的设计师做出了一套新界面的设计方案,新界面尤其发挥了NeXTstep操作系统强大的图形和动画功能。  但现在没有资源也没有时间去将这个新界面植入MacOSX了。数月后,苹果所有参与OSX... 阅读全文

Nicholas C. Zakas如何面试前端工程师

2010-02-04 16:30 by 一醉而过, 4271 阅读, 收藏, 编辑
摘要:Original Post:Interviewing the front-end engineerNicholas C. Zakas,2010年1月5日翻译完成:2010年1月7日,最后更新:2010年1月10日面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司,之所以在如何招聘到真正有能力的前端工程师方面会遇到同样的问题,就是因为负责招聘的... 阅读全文

谈一谈“符合用户心智模型”与“隐喻”

2010-02-03 10:18 by 一醉而过, 504 阅读, 收藏, 编辑
摘要:文 淡月 摘自 淘宝UED转载请注明出处 !上季度咱们组一直在整理UED的交互设计指南,每周都会进行一次讨论,这实在是个有趣的事情,也会有很多意外的收获和提高。前几周在讨论“符合用户心智模型”时,发现这个概念跟“隐喻”有些纠结不清,我理了理思路,试图进行一些解释。不过在此之前,先讲一个故事吧:)有段时间,老爸老是问我一个问题:“你们网站什... 阅读全文

YUI3设计中的激进和妥协

2010-02-02 15:18 by 一醉而过, 697 阅读, 收藏, 编辑
摘要:相信每个前端工程师都有自己喜爱的javascript框架,说情感也好,道信仰也罢,javascript框架带给人的不仅仅是便捷的开发,更有一种纯粹的逻辑美感,不管是jquery曼妙的简洁,还是yui魔术般的沙箱,都使我们产生无穷的想象。然而,js框架却又必然无法做到面面俱到的完美无瑕,比如jquery在OO方面做出的让步,以及yui在性能上做的牺牲,无不给人传达一种缺憾美、一种理想的现实主义。今天... 阅读全文

本届D2前端技术论坛,值得期待!

2009-12-17 21:33 by 一醉而过, 483 阅读, 收藏, 编辑
摘要:第四届D2前端技术论坛于12.19日在杭州滨江阿里巴巴新园区举行,不经意间D2已经走过了四个年头,以前端开发为带头的很多职位在中国也已经从萌芽进入成长期,所以今年的主题是“蜕变。成长”。以往的D2可能偏技术一些,今年就不同了,很多是开发模式和思想上的东西,内容很充实!金大为的《模板语言与大前端》应该是纯技术+方法性的主题,前端工程师喜欢的硬货,“大前端&#822... 阅读全文

通过淘宝的一道面试题看变量的作用域

2009-10-29 20:31 by 一醉而过, 996 阅读, 收藏, 编辑
摘要:笔记。今天群里有人说去淘宝面试了,有一道关于简单有容易出错的问题,应为基础不牢固也犯错了特此笔记一下。[代码]输出的是什么呢?开始我觉得应该是 200 和 100, 结果 确实NaN和100。为什么第一个会是NaN呢?命名已经定义了全局变量,var b=2 * a 应该是可以2*100的结果啊后来翻阅资料才明白,当全局变量和局部变量同名的时候,全局变量是不会主用于同名局部变量的作用域的。也就是说v... 阅读全文

好的产品设计并非始于图片,而是对人的理解

2009-10-27 13:05 by 一醉而过, 190 阅读, 收藏, 编辑
摘要:今天想围绕“产品交互设计”说说一些我们的想法,一说到产品设计,我想在坐的各位脑海里肯定联想到了很多表单设计、导航设计、界面布局等等,但是今天我这个篇文章里面没有准备一张截图;这是因为我认为除了这些之外还有更重要的东西值得我们去关注:那就是我们今天要讲的主题:“好的产品设计并非始于图片,而是对人的理解”。用户喜欢什么、用户来你网站的目的是什么,他们的习... 阅读全文

史上最强的前端面试题!

2009-10-11 22:26 by 一醉而过, 2362 阅读, 收藏, 编辑
摘要:招聘前端不考html,不考css,js,也不考用户体验的知识,居然考这样一道面试题,汗!我们javascript森林群有人发了一道某公司的面试题:题目如下: 《javascript权威指南》因为封面是一头犀牛,所以这本书通常被业界叫为犀牛书,那么你知道这是什么犀牛吗?请简述一下该犀牛的特点和珍稀程度。《javascript权威指南》封面: 我在原著中找到关于封面介绍,原文如下: 本书封面上的动物是... 阅读全文

漫画:混乱的标记语言XHTML2/HTML5

2009-10-11 21:54 by 一醉而过, 164 阅读, 收藏, 编辑
摘要:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->W3C最近宣布将于今年年底解散XTHML2工作组。一石激起千层浪,很多误解和谣言四起,江湖一片血雨腥风,搞得网页设计师人人自危,好像世界末日即将到来。其实,这只是个误解,看完下面的这幅漫画,大家就了解了。... 阅读全文

请不要做浮躁的人

2009-08-27 22:55 by 一醉而过, 204 阅读, 收藏, 编辑
摘要:1.不要看到别人的回复第一句话就说:给个代码吧!你应该想想为什么。当你自己想出来再参考别人的提示,你就知道自己和别人思路的差异。 2.初学者请不要看太多太多的书那会误人子弟的,先找本系统的学,很多人用了很久都是只对部分功能熟悉而已,不系统还是不够的。 3.看帮助,不要因为很难而自己是初学者所以就不看;帮助永远是最好的参考手册,虽然帮助的文字有时候很难看懂,总觉得不够直观。 4.不要被对象、属性、方... 阅读全文

关于前端的那点事儿

2009-08-16 13:16 by 一醉而过, 2013 阅读, 收藏, 编辑
摘要:Web前端都有些什么职位?那么,Web前端这样一个工作范畴里面都有一些什么样的职位呢?我们先从几个人的小作坊说起,这种小作坊里面,基本上有一个人负责页面的设计,然后把页面“切”出来,然后有一个专门的人负责套程序。在这样的公司里面,Web前端其实是由网页设计人员来兼作的,而这个职位一般叫做网页设计师或者叫做网站美工。随着公司规模的扩大,在达到十人以上到三十人左右的时候,网站一... 阅读全文

Reset CSS:只选对的,不选"贵"的

2009-07-15 14:19 by 一醉而过, 39642 阅读, 收藏, 编辑
摘要:先耐人深思,令人回味下:[代码]关于Reset CSS的类似问题还有很多,Reset.css极其简单又极其复杂,本文之所以叫做<<Reset CSS:只选对的,不选"贵"的>>,原因是这样的:首先Reset CSS你要找寻适合自己的,适合项目的,这就是只选对的,不选"贵"的,"贵"这里指的是代码的冗余所造成的不必要的浪费。回答我先回答一下上面的四个问题,进而本文逐渐展开。1... 阅读全文

由电线杆上的UED想起的

2009-07-08 18:06 by 一醉而过, 245 阅读, 收藏, 编辑
摘要:近日看到一篇文章,感觉很有意思,分享给大家.Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->说几个web前端开发以外但没有跑出UED范畴的问题五一放假那天在客村坐着等姐的过程中看着身边电线杆上的广告发现广州的电线杆广告还是很刺激很前卫的相对于上海的高尔... 阅读全文

CSS Sprites(CSS图像拼合技术)教程、工具集合

2009-05-29 12:09 by 一醉而过, 548 阅读, 收藏, 编辑
摘要:本文出处:http://blog.bingo929.com/css-sprites-css-techniques-tools-tutorials.html今天彬Go将向大家推荐目前为止最全的CSS Sprites(CSS图像拼合技术)技巧、工具和教程集合,该集合是有一位国外设计师收集整合,并由 oncoding翻译成中文的,感谢他们的辛苦贡献。CSS Sprites技术在国外并不是什么新技术,只不... 阅读全文

多种方法去除按钮以及链接点击时虚线

2009-05-23 19:12 by 一醉而过, 725 阅读, 收藏, 编辑
摘要:按钮点击时的虚线框真是让人难受无论是a下的还是表单下的搜集整理了一些方法,仁者见仁,js 方法:<a href="#" onFocus="if(this.blur)this.blur()"</a>CSS方法:1.a { outline:none;/*我是秒杀火狐浏览器里面的虚线框的*/ }2.无意中饭后逛荡蓝色,看见一老兄写的: >" style="COLOR: #0000ff"... 阅读全文

最近整理的乱七八糟的东东

2009-05-23 18:33 by 一醉而过, 195 阅读, 收藏, 编辑
摘要:最近公司项目中遇到了一些以前不怎么熟悉的问题和一些莫名其妙的问题整理出来,以备不时之需1./* 溢出隐藏 */overflow :hidden;text-overflow: ellipsis ; /*clip是简单的裁切,ellipsis以省略号显示*/white-space :nowrap; /*控制内容不换行*/2./*ie6下的层背景滤镜问题(ie6下不显示,其他都显示,把height改成固... 阅读全文

当设计师遇上前端开发

2009-05-23 17:47 by 一醉而过, 154 阅读, 收藏, 编辑
摘要:原文地址:http://ued.taobao.com/blog/2009/05/03/conmunicate/作为互联网产品设计师,在和前端开发人员沟通时你是否常常会听到这样的声音:—— “大姐,给点专业精神好不好,这个表格是自适应的,你这样设计页面不好扩展啊…”——“用ajax不是不行,不过你要事前给我说嘛,你不说我怎么知道呢,你说了我就知道了嘛&... 阅读全文

整理及优化CSS代码的七个原则

2009-04-22 21:58 by 一醉而过, 154 阅读, 收藏, 编辑
摘要:英文原文:http://www.smashingmagazine.com/2008/08/18/ 译文原文:http://blog.bingo929.com/7-principles-optimized-css.html 作为网页设计师(前端工程师),你可能还记得曾经的那个网页大小建议:一个网页(包括HTML、CSS、Javacript、Flash和图片)尽量不要超过30KB的大小,随着互联网的日... 阅读全文

屏幕分辨率和布局简述

2009-04-22 21:18 by 一醉而过, 292 阅读, 收藏, 编辑
摘要:广州4.18书友会主题的内容提纲自己参与撰写,同时还参与组织和主持。通过这次的深入参与,我发现胡晓同学能坚持下来多不容易,先赞下。由于天公不作美,原定的以春游踏青小组讨论的形式无法实行,只能30号人一起参与,其中的各种不适大家可以看看胡晓同学的踏青归来(UCD广州书友会第七期回顾)的描述,下面开始我们的主题。1. 屏幕分辨率和布局的定义1)分辨率分辨率(Resolution) - 影象清晰度或浓度... 阅读全文

Douglas Crockford 确认参加第四届 D2 前端技术论坛

2009-04-19 21:48 by 一醉而过, 108 阅读, 收藏, 编辑
摘要:Douglas Crockford 确认参加第四届 D2 前端技术论坛 好消息:D2 前端技术论坛组委会很荣幸地邀请到 Yahoo! 的资深 JavaScript 架构师、JSON、JSLint、JSMin 和ADSafe 之父 Douglas Crockford将来杭参加第四届 D2 前端技术论坛:http://crockford.com/calendar.html如果想知道最新关于第四届 D2... 阅读全文

公司,请给应聘者倒一杯水

2009-04-17 15:06 by 一醉而过, 489 阅读, 收藏, 编辑
摘要:最近离职了,开始找工作,中途面试了几家公司,见识了各种公司的面试方法(补充下我面试的是前端开发),我把我面试的经历写下来,大家分享为了保护应聘公司机密,我一律用代号:公司A这是我面试的第一家公司,就在离职的第二天,这家公司是我说的三家公司中最酷的,因为和阿里妈妈合作的关系,直接去阿里妈妈面试,从头到尾都没看见这家公司的任何一个人,感觉在阿里妈妈面试我就像个插队的人,乱的很,心情相当不爽,面试过程也... 阅读全文

第三届D2回忆

2009-03-29 21:41 by 一醉而过, 190 阅读, 收藏, 编辑
摘要:早就应该把自己去D2论坛的东西整理下,一直没有时间,正好要离职了,顺便整理下 D2:做前端的人应该都不会陌生D2前端技术论坛D2前端技术论坛(Designer&DeveloperFrontendTechnologyForum),简称D2,为国内前端开发者和网站设计师提供一个交流的机会,一起分享技术的乐趣,探讨行业的发展,以技术会友。它是中国所有前端开发者的节日,包括前端设计师,前端开发工程... 阅读全文

如何应对实际开发中的CSS bug

2009-03-26 20:57 by 一醉而过, 195 阅读, 收藏, 编辑
摘要:淘宝的怿飞在“如何快速定位页面中复杂 CSS BUG 问题” 中总结了他解决css bug的步骤。做前端开发这么长时间确实也遇到了不少 css BUG,今天有时间 ,把他们整理出来:首先的感受是在实际开发当中,依据合理的语义化,恰当的文档流,按照标准化所生产出来的页面,在几大主流浏览器标准的渲染下,一般是不需要有太多的hack来解决兼容性的问题。同样包括那非常有脾气的IE 6。1.合理的语义化:所... 阅读全文

前端也应关注安全

2009-03-18 10:19 by 一醉而过, 164 阅读, 收藏, 编辑
摘要:此文刊登在《程序员》三月期,有删改提到安全问题,首先想到应付这些问题的应该是系统管理员以及后台开发工程师们,而前端开发工程师似乎离这些问题很遥远。然而,在 2008 年发生在安全领域的一系列 Web 安全事件,改变了人们对于传统安全的观念。让我们在这里简要回顾下:IE7 的 0day 漏洞以及 Chrome 崩溃事件2008 年的年底,IE7 爆出了个很严重的安全漏洞。与往期微软的漏洞不同,这次的... 阅读全文

作为前端,个人整理的一些网站链接(持续更新中)

2009-03-07 09:07 by 一醉而过, 533 阅读, 收藏, 编辑
摘要:作为前端,个人整理的一些网站链接 如果觉得有用请支持! 素材类网站: 站酷 http://www.zcool.com.cn/ 设客网 http://www.vicnc.com/ 奇爱素材网 http://www.72sc.com/ 中国图片联盟 http://www.108y.com/ UI相关: china UI http://www.chinaui.com/ 亚洲CI论坛 http://... 阅读全文

CSS浏览器兼容问题葵花宝典(未必自宫,慎重!)

2009-03-07 08:52 by 一醉而过, 615 阅读, 收藏, 编辑
摘要:1、发用!important解决IE和Mozilla的布局差别!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权,最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义,例如,我们定义这样一个样式:.colortest{ border:20pxsolid#60A179!important; b... 阅读全文

挨踢民工的工具生活:民工现状 <转TAOBAO沉鱼>

2009-03-03 11:30 by 一醉而过, 250 阅读, 收藏, 编辑
摘要:说明:沉鱼是我比较欣赏的人,她的作品都很有味道,转载下!更多作品请到他的网站:沉鱼的BLOG 阅读全文

CSS中的滑动门技术

2009-03-02 14:36 by 一醉而过, 6451 阅读, 收藏, 编辑
摘要:CSS中的滑动门技术 原文作者:Douglas Bowman 原文出自:A List Apart 中文翻译:54player.com nobita 版权说明:本文中文翻译版权归译者54player.com nobita所有。需要转载发表的,请先与作者联系 在CSS中,一个经常被人们讨论的先进之处即背景图像的可层叠性,并允许他们在彼此之上进行滑动,以创造一些特殊的效果。根据 CSS2.0... 阅读全文