您的地位: 首页 > 技巧文档 > 网页制造 > 页眼前真个水有多深?
回到列表 -webkit-filter是神马?
 页眼前真个水有多深?

作者:lemon 时间: 2012-05-22 文档类型:协作网站供给 来自:

凡是从事互联网的人根本都邑写几行 html,用过 Word 的人用 Dreamweaver 也能做出规整的页面,所以大年夜部分人会很天然地认为“页面的开辟没甚么技巧含量,很简单”。不只要这类广泛的认知,对从业者来讲也有很多困惑:做页眼前端完成,没成绩;兼容性,小 case;图片集成,一向都在用……还能有甚么成绩?瓶颈啊、天花板啊、转型啊、前程啊就在从业者中广泛评论辩论。是否是真的没甚么成绩了呢?网易邮箱前端技巧中间也设立好几年了,仿佛有着评论辩论不完的话题,也常常会有一些新的想法主意让大年夜家为之一振。那么页面开辟还有哪些请求,还要做些甚么,这外面的水有多深,让我们舀舀看。

在不合的时代对页眼前真个看法仿佛是多变的。在互联网早期的时辰,小车照样比房子贵的,烧饼和粉丝还只是用来吃的,菊花还只是用来泡茶的。那时的页面设计风格相对单一,对应的页面需求比较简单,并且当时的浏览器也根本是 IE6 的世界,javascript 也只是网页殊效的代名词,HTML 页面本身没有惹起太多人的存眷,仿佛只需能用 div 乃至 table 加 css 帮助把图片定好位,把页面内容预留好就 OK 了,并且这类不雅念存在了很长一段时间。随着页面内容的丰富,设计风格的生长,交互复杂性的增长,AJAX 的应用,浏览器的更新换代,又让大年夜家重新对最根本的页面本身看重起来。然后热议的就是浏览器的兼容性,碰着成绩最热中的就是满搜集搜刮 hack,趁便再骂骂 IE6、7……当这些都做一遍后,仿佛又碰到了瓶颈,又开端寻觅前程。我们就从这个阶段开端说起。

完成后果图是最根本的任务

把视觉稿经过过程页面代码的方法表示出来包含了两个根本诉求:1.可以或许真实反应视觉稿;2.可以或许经过过程浏览器的兼容。这两个诉求的杀青须要我们有寻求细节的立场和必定的页面功底,能完成这两个内容便可以初步进入页眼前真个从业者行列了,但这就代表着我们可以胜任页面开辟的任务了?不,才方才开端!

与设计师的沟通和项目标参与

沟通很重要。先抛出几个成绩:我们有没有和设计师商量过某些后果对低端浏览器衬着效力影响比较大年夜?有没有商量过部分后果可以用 CSS3 完成从而使得构造加倍简洁清楚?有没有在代码和视觉中寻寻求过均衡?页眼前真个开辟向根本用户,编写的代码也直接感化在浏览器上,我们有义务对页面的稳定性和衬着效力担任。我们也常常碰着项目在整体进度压力下招致的设计与页眼前端开辟同步停止,这时候更有须要尽可能多地获得项目信息,懂得我们还要做些甚么,这些可以赞助我们充分推敲重用和框架拓展。

优胜的页面构造

页面构造的编写比如盖房的地基扶植,其短长会直接影响到 CSS 代码的质量、js 开辟、后台开辟还会影响到今后的页面拓展、迭代和页面调剂。拿到视觉稿后,不要忙着着手开端,多不雅察思虑。先分析构造,划分框架,然后筹划构造,编写代码。特别在大年夜型项目中,公道应用模块化的开辟不论从全体停止照样拓展保护都有相昔时夜的好处。

关于 hack

很多同窗在页面开辟时上彀搜刮最多的就是 hack 了,能否我们完全要依附 hack 来完成页面兼容性,答案能否定的。大年夜家常常比方 IE6 向我们撒了一个谎,成果我们要再撒一百个谎来圆这个谎。不否定 IE6 常常让我们口吐鲜血,但不代表我们用更多的“谎话”来弥补便可以问心无愧。大年夜部分情况下可以经过过程变换思路调剂 HTML 构造,或应用一些固然没法解释但相对安然的 css 来干掉落 hack。谁都没法估计应用 hack 甚么时辰会让我们栽一个大年夜跟头。比如触发 layout 或 position:relative 便可以赞助处理很多 IE6 的成绩。

优美的代码

如今很多 web 项目功能复杂,代码范围也会变得很宏大年夜,若何更好地停止协同开辟和保护是我们面对的一个成绩。须要推敲完美同一的筹划,还有要养成优胜的代码开辟习气才会在面对各类情况时游刃缺乏。翻阅页面代码,看到公道的标签应用、优胜的注释、清楚的代码构造、意图精确的 css 不只好像观赏一个艺术品,更加下游开辟和协同开辟降低了不小的沟通本钱,我们有甚么来由不去这么做呢?举个和睦例子:div 滥用是如今比较典范的一个成绩。数数看本身应用的标签有若干个呢?不合的语义都该应用对应的标签代码,特别是 HTML5 供给了更丰富的语义化标签,它们都苦苦地在等待疆场上的冲锋号,让我们去束缚它们吧!

无妨碍页面开

可拜访性与易用性是异常主不雅且人性化的器械。浅显人看上去上完美出现的页面在特别群体中不用定显得那么贴心。当瞽者用读屏软件在页面某个区域内堕入轮回时,我们应当认为腼腆。只能说今朝国际的网站对此的看重程度还远远不敷,这就须要我们合营尽力,让更多的人感触感染到我们的热忱。

保证效力

作为项目开辟中比较靠前的一环,页面开辟能够须要尽早完成为项目争夺时间,这就须要我们尽能够地进步效力。“工欲善其事,必先利其器”,除实战经历和代码习气的构成可以赞助我们进步效力外,想要进步对本身开辟的进度掌控才能,还有很多帮助对象可以赞助我们停止页面开辟。比如应用 Less 或 Sass 可以赞助我们拓展和组织 CSS,大年夜大年夜进步 CSS 的编写效力增长了可保护性。比如可以经过过程 zen coding 的主动主动完成和自定义代码块让你可以剑指如飞。乃至还见过经过过程自定义输入法的代码块关键字来晋升开辟速度的。多多发掘必定会找到最合适本身应用的对象。

针对办事器的优化

页面开辟也须要懂得办事器的优化,尽可能减小办事器包袱。比如 css sprite 就是一个典范减小办事器请求数的例子。在网易邮箱的页眼前端开辟中大年夜家一向地在做着各类优化,比如一向在寻求文件大年夜小与办事器请求数的均衡;为了尽能够进步缓存应用率采取了补丁升级;对 class 名停止了混淆紧缩防止定名太长的冗余;应用 base64 增添请求数量等等办法。这些都是综合衡量的成果,须要推敲各个方面全体优化。由于当页面拜访量达到必定的数量级时,再小的一点优化都邑达到可不雅的后果,再小的成绩都能够会构成巨大年夜的灾害。

拥抱 HTML5

这是一个充斥机会的时代,HTML5时代的光降伴随着移动互联网的鼓起创造了更大年夜的机会,还有太多的器械值得我们去进修去发明。 HTML5 供给了丰富的 JS API 接口,须要我们去研究;CSS3的绚丽吸引了足够多的眼球,须要我们去研究;移动设备上若何开辟加倍适配的页面,须要我们去研究……

Stay Hungry, Stay Foolish

水是越舀越多了,却发明本来下面还深不见底,下面的内容越是深刻研究就越会发明更多山川须要翻越。保持饥饿状况,用眼睛去尽力发明发掘,赓续丰富技能才能找到定位,冲破瓶颈,正所谓“唯有高高在上方可瓜熟蒂落”。构本钱文是由于之前和同业评论辩论到瓶颈的成绩,想给本身,给页眼前真个同窗一路找找定位,梳理一下思路。拿苹果 CEO 在斯坦福演讲的一句话“Stay Hungry, Stay Foolish”和大年夜家共勉。

本文链接:http://kostschema.com 

出处:
义务编辑:bluehearts

◎进入服装论坛t.vhao.net网页制造WEB标准化版块参加评论辩论,我还想发表评论

热点搜刮:CSS Fireworks 设计比赛 网页制造 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大年夜福“敬•天然”设计大年夜赛开启
国际体验设计大年夜会7月将在京举办
中国国防科技信息中间标记征集
云计算若何让安然成绩可控
云计算是多半企业唯一拥抱互联网的机会
阿里行云
云手机年关巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网不雅"
1499元买真八核 云OS双蛋大年夜促
首届COCO桌面手机主题设计大年夜赛
栏目最新 栏目最新列表
浅谈JavaScript编程说话的编码标准
如安在illustrator中绘制台历
Ps简单绘制一个心爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:浅显流
25个最好最闪亮的Eclipse开辟项目
Illustrator中制造针线缝制文字后果
Photoshop制造印刷凹凸字体
VS2010中创建自定义SQL Rule
分享按钮

蓝色幻想版权申明:除部分特别声明不要转载,或许授权我站独家播发的文章外,大年夜家可以自在转载我站点的原创文章,但原作者和来自我站的链接必须保存(非我站原创的,按照本来自一节,自行链接)。文章版权归我站和作者共有。

转载请求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不克不及抹去我站点水印。

特别留意:本站所供给的摄影照片,插画,设计作品,如需应用,请与原作者接洽,版权归原作者一切,文章如有侵犯作者版权,请与我们接洽,我们将急速删除修改。

您的评论
用户名:  口令:
解释:输入精确的用户名和暗码才能参与评论。假设您不是本站会员,你可以注册 为本站会员。
留意:文章中的链接、内容等须要修改的缺点,请用申报缺点,以利文档及时修改。
不评分 1 2 3 4 5
留意:请不要在评论中含与内容有关的告白链接,背者封ID
请您留意:
·不良评论请用申报管理员,以利管理员及时删除。
·尊敬网上品德,遵守中华人平易近共和国的各项有关司法律例
·承当一切因您的行动而直接或直接招致的平易近事或刑事司法义务
·本站评论管理人员有权保存或删除其管辖评论中的随便任性内容
·您在本站发表的作品,本站有权在网站内转载或援用
·参与本评论即注解您曾经浏览并接收上述条目
推荐文档 | 打印文档 | 评论文档 | 申报缺点  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大年夜家看的色彩书1》
《跟我去喷鼻港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开辟宝典》
《赢在设计》
锋利开辟—jQuery内核详解与实际
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2