摘要：
一、什么是流式布局 流式布局已经不是什么新概念了。为了文章的完整性，还是提一提吧。很久很久以前，当大部分人的屏幕分辨率还是1024*768的时候，网页设计师一般都按照960px或是980px的固定宽度进行设计。现在很多大型网站也依然使用这个宽度，为了不落下某些使用窄屏和IE6的用户（比如我们的父母）。然后页面中的其他布局元素也使用固定宽度。流式布局也正是相对这样的固定布局来说的。看下面两幅图就可以一目了然的区分固定布局和流式布局。图1 固定布局图2 流式布局 可以看到，流式布局使用百分比宽度来限定布局元素，这样可以根据客户端分辨率的大小来进行合理的显示。那么，是不是只要把布局元素换成百分比.. 阅读全文
摘要：
一、什么是媒体查询？ 媒体查询就是向设备提问，如“你是一块屏幕吗？”，然后根据回答来进行处理。媒体查询其实不是一个新概念，在HTML4中就已经有了。你肯定见过它：<link rel="stylesheet" type="text/css" media="screen" href="some.css"> 在HTML4中，仅可以用来为不同的设备指定引入不同的样式文件，像上面的screen。功能太单一了所以没发挥什么大作用。但现在不同的，CSS3为它赋予了新的定义，媒体查询能问设备的问题大大增多，包括已经被大 阅读全文
摘要：
写在开始之前 2013年的夏天，我算是正式加入了前端开发的队伍，作为一名新手，关注了很多知名网站、牛人博客，时时刻刻感觉要学的东西太多太多，一路不断的收藏收藏，攒了好多文章来看，心里还想着在前端世界里，我不知道的东西还有多少呢？css布局很熟了吗？没有。js框架呢？没用过多少。自己想写个插件什么的吗？想。响应式设计呢？同样重要。用户体验相关的东西？也想沾边。哇，要学的好多好多呀。于是手头的也看不进去了，又去收藏别的东西。。。一时间感觉自己浮躁了。不行呀，得想个办法让自己沉稳下来，于是我决定，精读一本书，并写读书笔记，不求速度有多快，但求让心境不那么浮躁，一点一点积累，直到形成良好习惯。向牛人. 阅读全文
摘要：
写在前面的话： 这篇文章摘自Mozilla官网，主要针对HTML5和本地应用发表了一些。没有设计到技术，所以基本是逐字翻译，但愿我蹩脚的英语水平能把大师的Chris Heilmann的思想整理明白。原文地址：https://hacks.mozilla.org/2012/11/html5-mythbusting/原作者：Chris Heilmann===========================================================以下是译文全文：揭开HTML5的神秘面纱现在关于HTML5的“准备就绪”的讨论有很多，但都是基于一些错误的假设。这导致了HTML5被. 阅读全文
摘要：
我的废话： 对于切图这件事，一直很有疑义，应该是美工来做呢，还是前端人员来做？不管是怎样的理由以及怎样的应该与不应该，现在的状况是，美工和前端都在切图。亲，你切出来的图一般保持为什么格式呢？统一png？统一jpg？看心情？这可不好，下面这篇文章详细分析了不同图片格式的特点，帮助你定位如何恰当的保持图片格式。文章转载自淘宝UED,原文地址：http://ued.taobao.com/blog/2010/12/jpg_png/ 作者：平四================================================================================. 阅读全文
摘要：
【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也是这样一路走来。从2002年开始接触web前端研发至今已然有了9个年头，如今再回首，期间的走了很多弯路。推已及人，如果能让那些后来者少走些弯路，辛甚 阅读全文
摘要：
一、前言好久木有写点东西了，最近一直忙着开发，本来想晚上干完活后还想再做点什么有意义的事，直接累趴下了，今天趁着有时间赶快把这个解决问题的过程记录下来，备以后参考，也给其他遇到同样问题的朋友一个思路。ok，开始吧！二、从ipad对iframe的偏见开始说起尽管越来越多的人不推荐使用iframe，但有些时候我们还是无法避免要使用到iframe，例如使用了kindediter（其生成的编辑框中为一个iframe）。当你的页面使用了iframe并且需要支持ipad访问时，就不得不做一些工作了。首先，是为iframe设置高度会不起作用。无论是使用height属性，还是在css中指定高度，都无效。解决此 阅读全文
摘要：
可能大多数人用过，jquery ui组件中，有个叫datepicker的，用来接收用户输入的日期，截图如下： 这个控件的缺点是不能选择时分秒，如项目中需要的输入时分秒这样的数据，就有点遗憾了。不过幸好有了下面这一款插件的出现，那就是timepicker，专门针对datepicker的这个弱点，添加了选择时分秒的功能，截图如下： 这样一来，就可以输入带有时分秒的日期时间了。 本文正题来了：在同一个页面中使用两次或以上timepicker，会报一个错误：Maximum call stack size exceeded。同时浏览器卡死。查了下这个错误，是内存溢出，也就是说因为不恰当... 阅读全文