摘要：一、json的格式1、var temp = {"aa":1, "bb":2, "cc":3}; // 带变量的json2、{"aa":1, "bb":2, "cc":3}; // 不带变量的json3、var temp = [{"aa":1, "bb":2, "cc":3},{"aa":1, "bb":2, "cc":3},{"aa":1 阅读全文
30+ CSS Grid System
2013-01-10 19:19 by 臭小子1983, 428 阅读, 0 推荐, 收藏, 编辑
摘要：Vote up!网站制作总是离不开布局，固定布局、流体布局、弹性布局这几种是大家常见的布局方式，以及现在越来越多的Responsive布局。布局方法很多，但有没有想过用最简单的方法让你随时能做到应付自如呢？其实有的，很多人都在使用网格布局系统，使用一套成熟的网络系统，让自己一劳永逸。常见的网络布局有：Blueprint: A CSS Grid Framework、960 CSS Grid System、Tripoli Framework、YAML – Yet Another Multicolumn Layout、YUI Grid CSS等，而且现在网格上也为这些网格布局提供了很多工具，比如说： 阅读全文
响应式网站之测试工具
2013-01-10 19:09 by 臭小子1983, 242 阅读, 0 推荐, 收藏, 编辑
摘要：Vote up!有很多工具和技术，能创建一个完美的网站，针对于不同的用户群体。同时，网页设计已经不在单纯是一个简单的布局，相对来说比以前复杂的多。因为许多不同的浏览器分辨率和设备的出现，传纺的网页展示风格并不适合所有的设备，这样就要求Web页面出来要适应于不同的屏幕分辨率和不同的终端设备，比如说移动终端设备。值得庆幸的是，Responsive设计可以实现各种分辨率和移动终端的效果。而且有很多工具来创建创建这种技术，可以让你的网站外观在不同设备显示不同效果。今天为大家搜集了responsive设计的测试工具，希望大家在工作中能运用得上。1、Responsive这是一个测试工具，可以让你看到测试网 阅读全文
Javascript 异步加载详解
2013-01-01 12:58 by 臭小子1983, 157 阅读, 0 推荐, 收藏, 编辑
摘要：关键词：异步加载（async loading），延迟加载（lazy loading），延迟执行（lazy execution），async 属性， defer 属性一、同步加载与异步加载的形式1. 同步加载我们平时最常使用的就是这种同步加载形式：<script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止了后续的解析，因此停止了后续的文件加载（如图像）、渲染、代码执行。js之所以要同步执行，是因为 js 中可能有输出 document 内容、修改d 阅读全文
960网页栅格化总结
2012-12-28 16:32 by 臭小子1983, 1449 阅读, 0 推荐, 收藏, 编辑
摘要：网页的栅格系统设计栅格系统的形成1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印 刷版面就有 2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也 是栅格系统最早的雏形。栅格系统英文为“grid sys 阅读全文
浏览器是怎样工作的（二）：渲染引擎，HTML解析
2012-12-13 11:55 by 臭小子1983, 197 阅读, 0 推荐, 收藏, 编辑
摘要：渲染引擎渲染引擎的职责是……渲染，也就是把请求的内容显示到浏览器屏幕上。默认情况下渲染引擎可以显示HTML，XML文档以及图片。 通过插件（浏览器扩展）它可以显示其它类型文档。比如使用PDF viewer插件显示PDF文件。我们会在一个专门的章节讨论插件与扩展。在这一节我们将专注渲染引擎的主要用途——显示用CSS格式化的HTML与图片。各种渲染引擎我们提到的Firefox, Safari两种浏览器构建于两种渲染引擎之上：Firefox使用Gecko —— Mozilla自家的渲染引擎；Safari 和 Chrome 都使用 Webkit。Webkit 是一个开源的渲染引擎，它源自Linux平台 阅读全文
浏览器是怎样工作的（一）：基础知识
2012-12-13 11:24 by 臭小子1983, 165 阅读, 0 推荐, 收藏, 编辑
摘要：译注：前两天看到一篇不错的英文文章，叫做 How browsers work，该文概要的介绍了浏览器从头到尾的工作机制，包括HTML等的解析，DOM树的生成，节点与CSS的渲染等等，对于想学习浏览器源码的同学来说，实在是很棒的一篇科普文章。尽管对于每部分，该文的描述并不足够深入，但综合来讲，即使没兴趣学浏览器源码，也还是有一些值的学习的思想在里面的，可以权当开拓下视野，有益无害。于是，我想分节挑重点翻译一下与大家分享。以下为译文：我们要讨论的浏览器当今主流浏览器有五类： Internet Explorer, Firefox, Safari, Chrome 以及 Opera。 我会基于开源浏览器 阅读全文
响应式网站之实践 -- CSS3 Media Queries
2012-11-28 14:54 by 臭小子1983, 177 阅读, 0 推荐, 收藏, 编辑
摘要：转载请注明原创地址：http://www.cnblogs.com/softlover/archive/2012/11/25/2787429.html demo查看地址：http://www.webdesignerwall.com/demo/media-queries/ CSS2允许你对特定media类型制定样式，例如针对屏幕或者打印机。css3提供了更加强大的media queries，你可以针对不同media类型设置表达式，根据不同的条件设置不同的样式。例如你可以为大屏幕设置一种样式，为mobile设置另外一种样式。这个功能相当强大，你可以不修改页面内容的情况下，为不同设备提供不... 阅读全文
javascript 常用算法总结
2012-11-24 23:12 by 臭小子1983, 789 阅读, 0 推荐, 收藏, 编辑
摘要：算法是程序的灵魂。虽然在前端的开发环境中排序算法不是很经常用到，但常见的排序算法还是应该要掌握的。我在这里从网上整理了一下常见排序算法的javascript实现，方便以后查阅。 一、归并排序： 1 function merge(left, right){ 2 var result =... 阅读全文
写好高效CSS的定律
2012-11-22 15:20 by 臭小子1983, 140 阅读, 0 推荐, 收藏, 编辑
摘要：怎么样能写好高效率的CSS呢，一些初学者不注意的很多细小问题，当这些问题集中爆发，那么问题就大了1、*{ margin:0; padding:0;} 请不要使用全局Reset： 既然是全局的定义，那么他会吧所有标签都处理一遍，增加了浏览器解析的时间。有些标签其实没有必要处理，2、display与visibility的差异他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时，会有所消耗资源。 所以不赞成用visibility:hidden;3、border:none;与border:0;的区别 有些 阅读全文