Joanna Qian - 博客园

2013年2月23日

摘要：在页面加载性能当中，页面被阻塞是影响页面主要内容(包括图片等)及时呈现在用户面前的一个重要因素之一，所以我们需要在页面中合理处置外调CSS及JS文件。来看一段代码<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>页面阻塞测试</title>< 阅读全文

posted @ 2013-02-23 05:49 Joanna Qian 阅读(324) 评论(0) 推荐(0)

2013年2月21日

国外的哥们总结的网页布局的历史（非常有趣）

摘要： 1990－1993:黎明前的黑暗。黑暗骑士用有限的工具（headings、lists、paragraphs）为了部落的兴盛而努力。1994－1997:Table帝国。这一时期有了“Sidebar”这个重要发明。帝国的部落逐渐安定下来，并且开始建造各种复杂的页面布局。1998－1999:巴洛克时期。Table帝国时期建造的标志开始逐渐的破败，浏览器的战争威胁到了文明世界的每个人。同时，大草原上开始不断的出现使用“div”工具的野蛮人。2000－2002:黑暗时代。经济衰落了，Table帝国分崩离析，很多人被吸收到了野蛮人部落中，并且开始学习使用他们的工具。黑暗魔法开始流行，在这个时期，只有最伟大阅读全文

posted @ 2013-02-21 06:09 Joanna Qian 阅读(456) 评论(0) 推荐(0)

移动web开发常用JavaScript代码(转)

摘要：转载：http://mobile.51cto.com/web-321960.htm1.如果网页是在iPhone或Android浏览器中查看，则在主体元素中添加“iPhone”或“Android” 类名Javascript代码if (navigator.userAgent.match(/iPhone/i)) { $('body').addClass('iPhone'); } else if (navigator.userAgent.match(/Android/i)) { $('body').addClass('Android'); 阅读全文

posted @ 2013-02-21 04:22 Joanna Qian 阅读(310) 评论(0) 推荐(0)

3G web开发小结

摘要：（摘自-http://blog.csdn.net/kaosini/article/details/7586295?reload，http://mobile.51cto.com/iphone-276778.htm）进入布局的讨论之前，先来赏析一下已有的iPhone应用：Facebook iPhone EditionFacebook的iPhone版。如果你已经习惯了在iPhone上使用过Facebook，第一次在PC上浏览这个页面会被它的“肥大”吓坏的。从这个页面我们能够得知，让页面自动适应iPhone屏幕的方法就是尽量使用百分比来定义宽度，特别是全页宽度一律用100%，如果是导航栏里面4个项目并阅读全文

posted @ 2013-02-21 01:49 Joanna Qian 阅读(667) 评论(0) 推荐(0)

UC browser对CSS的支持小结——手机网站CSS小结

摘要：近期项目中，白色无下划线的链接在iphone中变成了蓝色有下划线，明显iphone不支持该链接的css，赶紧google、百度一下，发现了不少css样式iphone居然不支持。解决方法：多加一个标签，对a标签定义颜色和下划线，注意a标签不能有背景图片 135727322177 注意加上a标签后并且设置href内容的好处：可以保证兼容各个手机直接点击手机号码直接拨号摘录：UC会判断打开的网站是不是WAP站，从而造成它（UCWEB）认为是WAP站和不是WAP站的解析不同。例如：www.a.com和Wap.a.com两者指向的为同一个服务器的同一个目录，结果会发现两者解析出来的样式不同。... 阅读全文

posted @ 2013-02-21 00:47 Joanna Qian 阅读(2045) 评论(0) 推荐(1)

2013年2月15日

什么是hasLayout

摘要：（以下内容摘自CSS Mastery一书的中译本《精通CSS 高级Web标准解决方案》第154页，人民邮电出版社，2007）IE使用Layout概念来控制元素的尺寸和位置。如果一个元素有Layout，它就有自身的尺寸和位置；如果没有，它的尺寸和位置由最近的拥有布局的祖先元素控制。在默认情况下，拥有Layout的元素包括：<html>, <body><table>, <tr>, <th>, <td><img><hr><input>, <button>, <select&g 阅读全文

posted @ 2013-02-15 04:39 Joanna Qian 阅读(261) 评论(0) 推荐(0)

Javascript类定义方法小结（转）

摘要： http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.htmlJavascript语言不支持"类"，但是可以用一些变通的方法，模拟出"类"。一、构造函数法这是经典方法，也是教科书必教的方法。它用构造函数模拟"类"，在其内部用this关键字指代实例对象。function Cat() { this.name = "大毛";}生成实例的时候，使用new关键字。var cat1 = new Cat();alert(cat 阅读全文

posted @ 2013-02-15 03:37 Joanna Qian 阅读(267) 评论(0) 推荐(0)

2013年2月14日

Firebug使用小结

摘要：做了很长时间的开发，一直用的是Chrome的Web developer Tool，突然有兴趣看看大名鼎鼎的Firefox的Firebug。大部分参考了http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html一、打开快捷键在Firebug网站上，可以找到它的快捷键设置。最常使用的有：打开Firebug：按F12在单独窗口中打开Firebug：点击firebug窗口右上角的红色箭头标识，或者使用Ctrl+F12/⌘+F12按钮。二、Firebug窗口概览Console标签：主要使用javascript命令行操作，显示阅读全文

posted @ 2013-02-14 01:50 Joanna Qian 阅读(562) 评论(0) 推荐(0)

2013年2月13日

JavaScript闭包的应用案例——让Onclick事件都能正确的弹出相应的参数

摘要：摘转自：http://www.cnblogs.com/rubylouvre/archive/2009/07/24/1530074.html要求：让这三个节点的Onclick事件都能正确的弹出相应的参数。<ul> <li id="a1">aa</li> <li id="a2">aa</li> <li id="a3">aa</li></ul>问题：<script type="text/javascript"> f 阅读全文

posted @ 2013-02-13 04:22 Joanna Qian 阅读(463) 评论(0) 推荐(0)

加速Web开发的9款知名HTML5框架(转)

摘要：与手工编码比起来，HTML5框架在准确性和正确率方面给予了保证。大多数HTML5框架都会有一个组合或者包含一些额外的组件，比如jQuery Scripts。CSS3样式表则以改善多媒体特征的功能性和响应式的Web布局为主。如果你有一个根据固定流程进行的特定项目，为了保证项目刚开始就能有较高的正确率，那么你可以利用HTML5框架来提升整个开发过程，并且让网站拥有一致性结构。伴随着智能手机正在席卷整个移动市场，在移动设备上开发出兼容性高的网站已变的非常重要，相信所有的网站所有者都希望自己的网站能够兼容所有的智能手机平台，HTML5框架可以轻松解决这种跨平台问题。如果你是一名Web设计师，你肯定有兴阅读全文

posted @ 2013-02-13 03:07 Joanna Qian 阅读(355) 评论(0) 推荐(0)