• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
Joanna Qian
Stay Hungry, Stay Foolish!
博客园    首页    新随笔    联系   管理    订阅  订阅
10 2012 档案
CSS网页制作技巧:图片的自适应居中和兼容处理(转)

摘要:http://www.webjx.com/css/divcss-33180.html前几天在做腾讯微博的微卖场的时候,遇到需要做图片居中的需求。也就是说,商品列表中的图片需要居中显示。因为图片是卖家自己把商品图片链接过来,商品图片的大小没有做限制和过滤。所以我们需要做的是,让图片在容器当中水平居中、垂直居中、图片自适应容器大小。图片原图大小和在容器中显示的大小有这样的关系:假设容器大小为200像素*200像素,图片的宽为x 像素,高为y 像素,则:当x<=200,y<=200时,图片位于容器中的中间,即水平居中和垂直居中,显示在容器的图片大小为:宽=x,高=y ;当x>200 阅读全文
posted @ 2012-10-15 02:59 Joanna Qian 阅读(906) 评论(0) 推荐(0)
Mobile Web开发基础(转载&摘)

摘要:一、viewport标签宽度——我们做Mobile Web开发的第一个需要趟的河,因为移动设备的碎片片太严重了。以iPhone上的Mobile Safari为例,可能是因为Mobile Safari在请求到刚才的网页后,假设它是一个为桌面浏览器设计的网站(实际上可能大多数移动浏览器都是这样认为的)。因此Mobile Safari假设网页宽度是980像素(不同的浏览器可能默认不同),同时将其缩小以便全部显示。如果我们的网页是专门为移动终端设计的,那么我们就需要 告诉移动浏览器不要以默认的宽度来显示。因此,我们需要使用viewport.对以上代码进行修改,如下:<meta name=&quo 阅读全文
posted @ 2012-10-12 08:58 Joanna Qian 阅读(374) 评论(0) 推荐(0)
CSS3学习案例1——超级链接类型标示图标

摘要:效果如图:p{margin:4px;}a[href^="http:"]{ background:url(images/window.gif) no-repeat left center; padding-left:18px; } /*匹配所有的有效超链接*/a[href$="pdf"]{ background:url(images/icon_pdf.gif) no-repeat left center; padding-left:18px; }/*匹配所有的pdf文件*/a[href$="xls"]{ background:url(i 阅读全文
posted @ 2012-10-12 04:45 Joanna Qian 阅读(530) 评论(0) 推荐(0)
JavaScript编写计算器-《JavaScript王者归来》读书笔记1

摘要:最近研究月影的《JavaScript王者归来》,会不间断的写一些读书笔记。一、概要需求清单1.支持鼠标点击按钮的操作方式2.提供普通的四则运算功能3.支持乘方开方、倒数、百分比功能4.提供记忆功能5.运算范围、精度达到要求6.运算异常时返回异常状态和异常提示信息7.提供清除并从异常恢复的功能二、系统设计1、系统用例图2、界面原型3、领域模型/功能设计一个用来保存中间计算结果的对象,初始值为0一个用来保存当前操作符的对象,初始值为0一个操作符与运算函数的映射表一个根据当前操作符来返回中间结果和当前数值运算结果的闭包一个保存记忆结果的对象用两个堆栈n和p来保存操作数a,b和操作函数o,需要计算的时 阅读全文
posted @ 2012-10-06 10:11 Joanna Qian 阅读(476) 评论(0) 推荐(0)
jQuery选择器简表

摘要:1、基本选择器 Basics名称说明举例#id根据元素Id选择$("divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有<a>元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1,selector2,selectorN可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.$("#divId 阅读全文
posted @ 2012-10-06 01:47 Joanna Qian 阅读(284) 评论(0) 推荐(0)
jQuery简单手风琴效果(Accordion)学习总结

摘要:一、基本手风琴效果——参考jQuery UI官网(补充:这个是jQuery UI效果)<script>$(function() { $("#accordion") .accordion({ header: "> div > h3" }) .sortable({ axis: "y", handle: "h3", stop: function( event, ui ) { // IE doesn't register the blur... 阅读全文
posted @ 2012-10-06 01:39 Joanna Qian 阅读(796) 评论(0) 推荐(0)
瀑布流布局浅析+常用插件介绍(转&改编)

摘要:http://ued.taobao.com/blog/2011/09/14/waterfall/“瀑布流布局”随着pinterest网的流行而出名,现在国内使用这种风格布局的网站也越来越多,比如说Mark之,蘑菇街,点点网,哇哦等等。如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊?类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。这种布局适合于小数据块,每个数据块内容相近且没有侧重。通 阅读全文
posted @ 2012-10-05 09:51 Joanna Qian 阅读(535) 评论(0) 推荐(0)
CSS IE7 IE6 Firefox多浏览器兼容(转&摘)

摘要:http://www.keephelp.com/css/divcss-ie7-ie6-firefox-1/在理想的环境中,编写正确的CSS会在支持CSS的每个浏览器中正常工作。不幸的是,我们并不是生活在理想的世界中,浏览器有不少的Bug和不一致的地方。为了创建能够在各种浏览器上显示相同样式的页面,CSS开发人员需要发挥创造性。通过利用Bug(hack)和未实现的CSS,开发人员能够选择性地对不同浏览器应用不同地规则。“招数Hack”和“过滤器”是CSS开发人员地强大工具。但是,正因为功能强大,使用时应该谨慎。了解各种常用招数Hack以及他们地工作原理确实很重要。但是,了解在什么时候应用他们以及 阅读全文
posted @ 2012-10-04 10:51 Joanna Qian 阅读(351) 评论(0) 推荐(0)
PHP5.4第四天——PHP的Mysql数据库函数

摘要:一、设置并开启PHP MySQL组件到PHP.ini文件中开启:;extension = php_mysql.dll (去除前面分号即可)MySQL的组件还有: php_mysqli.dll , php_pdo_mysql 等并重启MySQL二、操作流程三、常用的数据库函数mysql_connect(数据库地址,用户名,密码)mysql_select_db(数据库名)mysql_set_chartset(‘编码’) //PHP5.2.3以后的函数mysql_query(“set names 'gbk'”)SQL命令或语句执行函数,返回资源类型mysql_query(SQL语句或 阅读全文
posted @ 2012-10-03 02:54 Joanna Qian 阅读(414) 评论(0) 推荐(0)
PHP5.4第三天——文件操作函数

摘要:一、PHP访问文件或文件夹相关函数1. filetype() //可以输出相关文件类型,如:dir / file /link 例:echo filetype('C:\WINDOWS').'<br />'; 输出结果:dir echo filetype('C:\WINDOWS\regedit.exe').'<br />'; 输出结果:file2. stat() //函数获得指定文件名参数目标文件基本属性 / 返回一个数组 例:$stt = stat('test.txt'); print_r ( 阅读全文
posted @ 2012-10-03 00:30 Joanna Qian 阅读(273) 评论(0) 推荐(0)
JavaScript中的字符串操作(转)

摘要:http://www.cnblogs.com/xuebin/articles/1296837.html最近编一个javascript的翻译程序,发现无法正确比较两个字符串的相等,上网查了查,发现这篇文章,很全啊,就转载一下,并作为我的资料保存啦!谢谢作者。一、概述字符串在JavaScript中几乎无处不在,在你处理用户的输入数据的时候,在读取或设置DOM对象的属性时,在操作cookie时,当然还有更多...。JavaScript的核心部分提供了一组属性和方法用于通用的字符串操作,如分割字符串,改变字符串的大小写,操作子字符串等。 当前的大部分浏览器也能从强大的正则表达式获益,因为它极大地简化了 阅读全文
posted @ 2012-10-02 04:38 Joanna Qian 阅读(243) 评论(0) 推荐(0)
高效 JavaScript 单元测试(转)

摘要:http://www.ibm.com/developerworks/cn/opensource/os-jstesting/index.html来源: IBM developerWorks发布时间: 2011-12-01 13:26摘要:能 在一个浏览器上运行的 JavaScript 并不一定能在其他浏览器上运行。如果没有对代码进行单元测试,那么在决定升级或支持新浏览器的时候,组织就需要花钱测试或重新测试 Web 应用程序。在本文中,了解 JavaScript 单元测试如何帮助您降低测试成本,轻松支持更多浏览器。 一个损坏的 JavaScript 代码示例 Web 应用程序面临的一个最大挑战.. 阅读全文
posted @ 2012-10-02 01:57 Joanna Qian 阅读(397) 评论(0) 推荐(0)
从事前端开发必须要了解的CSS原理(转)

摘要:一、浏览器的发展与CSS 网页浏览器主要通过 HTTP 协议连接网页服务器而取得网页, HTTP 容许网页浏览器送交资料到网页服务器并且获取网页。目前最常用的 HTTP 是 HTTP/1.1,这个协议在 RFC2616 中被完整定义。HTTP/1.1 有其一套 Internet Explorer 并不完全支援的标准,然而许多其他当代的网页浏览器则完全支援这些标准。网页的位置以 URL(统一资源定位符)指示,此乃网页的地址;以 http: 开首的便是通过 HTTP协议登陆。很多浏览器同时支援其他类型的 URL 及协议,例如 ftp: 是 FTP(档案传送协议)、gopher: 是 Gopher. 阅读全文
posted @ 2012-10-02 01:49 Joanna Qian 阅读(241) 评论(0) 推荐(0)

博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3