沫鱼 - 博客园

2010年10月14日

摘要：在曾经的淘宝UED 招聘中有这样一道题目：“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法：[... 阅读全文

posted @ 2010-10-14 17:47 沫鱼阅读(745) 评论(0) 推荐(0) 编辑

WEB前端开发规范文档

摘要：为新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, 片面及有误的地方, 希望大家指正. 另, 本文档部分规范是为我所在项目组所写, 使用时请根据实际项目需求修改.以下为[WEB前端开发规范文档]正文点此查看WEB版本规范目的为提高团队协作效率,便于后... 阅读全文

posted @ 2010-10-14 17:27 沫鱼阅读(956) 评论(0) 推荐(3) 编辑

2010年10月13日

web标准—可用性、可维护性、可访问性

摘要：在Web前端开发界，有三个词经常被提及：可用性（Usability）、可访问性（Accessibility）和可维护性（Maintainability）。可用性指的是：产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。可维护性一般包含两个层次，一是当系统出现问题时，快速定位并解决问题的成本，... 阅读全文

posted @ 2010-10-13 17:34 沫鱼阅读(2089) 评论(0) 推荐(0) 编辑

2010年10月12日

标签语义化

摘要：前两天参加了公司组织的一个WD培训，有一节课讲了标签语义化，听了之后感觉特别有用，更正了我以前对 HTML 和 CSS 的错误看法。首先说明的一点是，人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。以前我真的没有怎么重视过搜索引擎，现在开始比较在意了，因为页面的很大一部分流量是来自搜索引擎的，要使页面尽可能地对搜索引擎友好，所以就要尽可能地使标签... 阅读全文

posted @ 2010-10-12 18:06 沫鱼阅读(554) 评论(0) 推荐(1) 编辑

css sprite原理优缺点及使用

摘要： CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。　　加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好... 阅读全文

posted @ 2010-10-12 18:03 沫鱼阅读(8575) 评论(1) 推荐(1) 编辑

web前端页面性能优化小结

摘要： PS：结合了精英的思想和自己的一些小小的总结~影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做优化外，其实前端的页面更需要在性能... 阅读全文

posted @ 2010-10-12 17:47 沫鱼阅读(38209) 评论(6) 推荐(8) 编辑

雅虎团队经验：网站页面性能优化的 34条黄金守则

摘要： 1、尽量减少HTTP请求次数终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢？这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术。合并... 阅读全文

posted @ 2010-10-12 17:22 沫鱼阅读(2613) 评论(0) 推荐(2) 编辑

2010年6月30日

Css Reset(复位)整理

摘要： Css Reset是什么? 有些同行叫 "css复位",有些可能叫 "默认css".....相信看完全文您会对Css Reset有个重新的认识原文地址:http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/PS：这就是最常用的Css Reset，但是这里会有很多问题。原文... 阅读全文

posted @ 2010-06-30 18:08 沫鱼阅读(1094) 评论(0) 推荐(0) 编辑

2010年6月24日

国内知名UED团队博客网址收集

摘要：作为一只不折不扣的UED菜鸟,我得认真研读前辈们大佬们的经验文章.特此收集了一些国内比较著名的的UED团队的博客,分享出来供有需要的朋友参考.什么是UED?说在前面:这些网站我也是刚收集,并没有全面了解.好坏优劣恕我我不能加以说明.腾讯旗下的:1,Tencent CDC Blog(腾讯用户研究与体验设计中心)08年8月建立的貌似是,算是比较早的了.上面牛人很多,腾讯的嘛,当然.2,Isd Web ... 阅读全文

posted @ 2010-06-24 11:24 沫鱼阅读(2949) 评论(0) 推荐(0) 编辑

2010年5月22日

腾讯实习生笔试题

摘要：在一网友空间里看到的，贴上来大家有兴趣的可以试一下，虽然DIV+CSS做了接近三年，但有些基础的东西却发现还是没有使用过一、耐心填一填！（每空4分，共24分）1. 为div设置类a与b,应编写HTML代码_<div class=”a b”>_</div>_________。2. 设置CSS属性clear的值为_both___________时可清除左... 阅读全文

posted @ 2010-05-22 14:53 沫鱼阅读(9509) 评论(11) 推荐(2) 编辑

公告