前端开发各种利器
趁着博客上线的东风,赶紧把原来团队内分享的一个小题目拿出来写一写。虽然做为高手的你,认为这一锅不是神马无敌大餐,但是本着存在即合理(又瞎套名言了-.-)、让BO客更健壮、让各位看官更快乐地原则,我觉得还是有必要发射出来。 OK,客套完毕,下面正…
网页重构都在做什么
这个标题目的很简单,就是为了让我们这些日复一日埋头码页面的网页重构工作者,重拾面对这个我们所热爱的行业的热情;检视经常被我们在繁琐的工作中忽略的初级错误;以新人的眼光和态度迸发热情认真对待每一个页面。基本上都是我最想表达和同样需…
专题栅格化应用
随着公司各业务的不断壮大,活动如潮,专题似海。刚发育的CUED如何才能健康成长?专题自动化这个概念就自然而然冒出脑门。 要实现这个复杂的系统也必须一步步来,初期我们希望通过栅格系统和模块化,提高效率,节约制作成本。 一、960栅格 …
高性能网站建设的14个原则
今日大致浏览了一下《High Performance Web Sites》。本书的中文版是《高性能网站建设指南》。本书另有对其中个别问题深入探究的进阶篇《Even Faster Web Sites》,中译《高性能网站建设进阶指南》。 这本书中给出了14条网站性能提升的原则,每个原则独立…
十步分析一个网站的JS代码
分析网站所用到的工具: IE8, 开发人员工具, HttpWatch 1. 启动IE,按Shift+F2会在浏览器中启动 HttpWatch(系统中装有这个软件,没有的话,自己先装一个), 如果没有启动,可从IE的&https://csswang.com/8221;查看&https://csswang.com/8221;菜单中找&https://csswang.com/8221;浏览器栏&https://csswang.com/8221;,然后单击httpwatch这一项。 …
Css Sprites免费的大餐?
css sprites现在非常普及了,因为它的优点非常明显——减少http请求数和下载更迅速。 前者非常好理解,N张小图片就是N个http请求数。然后把N张小图片合并成1张大图片,这样请求数就从N变为了1。这样可以节省了大量和服务器请求的时间,减低了对服务器的压力…
使用CSS框架的四大优点和不足
CSS框架是一个软件,它为你的HTML开发提供了许多选项以供使用,可能使得你开发网站或web程序更快速更简单。CSS框架通过包括预定义代码库来达到这个目的。一个例子是基于网格的框架,它建立了一个预定义宽度的多列布局所以你可以专注于创建内容而不是排列文…
CSS模块化编码让开发事半功倍
原生Js因jQuery的&https://csswang.com/8221;write less,do more&https://csswang.com/8221;变得极简, Html因语义化编码变得简明, 那么, 有没有一种方式让Css也更加的高效精致呢? 当然有, 那便是模块化编码. Css的模块化,我们可以理解成(抑或本身就是)OOP思想, 重用性、灵活性、可扩展性便是它终…
HTTP协议详解
HTTP是一个属于应用层的面向对象的协议,由于其简捷、快速的方式,适用于分布式超媒体信息系统。它于1990年提出,经过几年的使用与发展,得到不断地完善和扩展。目前在WWW中使用的是HTTP/1.0的第六版,HTTP/1.1的规范化工作正在进行之中,而且HTTP-NG(Next…
前端优化-从新浪微博的改版谈网页重构
如果一个网站没有在4秒之内加载完成,用户就会感到焦躁不愉快,并离开这个网站。网站的内容、搜索引擎优化、用户体验?哪个更重要呢?在速度面前,也许这些都相对更次要。所以提高网页效率,是我们在新版微博的第一目标。从四个方面来浅谈我们新版微博的优…
如何更高效的制作可通用的HTML页面
高效,是一个很难定出标准的事情,在今天这个浮躁的HTML行业里,很难被客观的定义。多数时候,只要制作人员能在项目规定的时间内完成制作需求,并交付程序开发相关的程序应用,这个HTML前端工程师就算是一个合格的工作人员。而所谓高效,通过此环节所能看…
HTML5结构之美
HTML 5如同一场革命,正在Web2.0后时代轰轰烈烈的进行着。 HTML 5是什么,无须我在这里赘述了。对于HTML 5的革新,按我的理解,可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支持…
Xhtml+css值得注意的CSS写法
Xhtml+CSS最重要的优势之一:保持视觉的一致性;以往表格嵌套的制作方法,会使得页面与页面,或者区域与区域之间的显示效果会有偏差。而使用xhtml+CSS的制作方法,将所有页面,或所有区域统一用CSS文件控制,就避免了不同区域或不同页面体现出的效果偏差。…
10个容易犯的CSS错误
即使是CSS高手,也难免在书写CSS代码的时候出一些小错误,或者说,任何一种代码都是如此。小错误却往往造成大问题,浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误,努力的修正你可能会犯的错误,加速你的前端开发效率。 1. …
影响网站打开速度的9大因素
如果一个网站打开速度非常慢,哪怕你的站在怎么好10个人会其中有9个人会选择离开,我归纳了大约9大影响网站打开速度的因素,但网站页面显示的速度取决于众多的因素,包括 服务器性能、网络传输质量、网站的带宽、DNS解析、网页内容包括涉及到的JS代码、图…