标签?ID?还是CLASS?
想谈一下几个基本的HTML问题,都是围绕着应该怎样使用HTML。 1. 多用有语义的标签,少用div和span,避免使用没有class的div和span。 设想一下HTML的世界最初只有div和span这两个标签,其实网页依然可以写得出来。更多标签的出现,其实是为了替代利用率高…
多个细节帮助你更优雅地书写页面
我们常以“整齐”,“易读”,“亲切”,“易于维护”,“复用性强”等来形容一些优秀的开发者所写的代码。现在,对代码的好评还有一个更为时尚的词“优雅”,是不是听起来觉得很亲切呢? 页面是互联网产品的表现层面,不仅讲求外观,而且会应对更新迅速的互联网产品…
10常用的jQuery表单操作代码片段
Query绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发…
学习和使用web标准的十大理由
如果你是一个新接触web标准这个概念并且还犹豫是否应该花时间去学习它的web开发者或者设计者,这里有一些让你去学习它的重要理由。 对于已经使用web标准的web专业人士,当你需要很好的论据的时候这份清单可能可以派上用场,并且随意添加任何你所想到的好处…
【翻译】使用JavaScript库还是自写代码?
有时候在写JavaScript添加到你的网页中的时候,你将需要决定是使用已有的可用的JavaScript库还是自己写所有代码。其中每个各有优缺点,因此没有任何一种方式对每个人来说都是绝对正确的选择。你必须做出决定以这两种方法中的哪一种来写你的JavaScript,为…
编写高质量的CSS代码的13个建议
CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同,使用Reset可重置浏…
最新HTML5 表单元素
表单是页面中不可缺少的元素,没有表单,就没有现在如此生动,趣味的页面。不过虽然表单很重要,但在 HTML 5 之前,表单的元素不多,属性和方法也不多,很多属性和方法都是用 JavaScript 模拟的,用 JavaScript 模拟这些功能要花费不少的时间和精力。如果…
Web前端开发规范文档
规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本…
复杂表单应用解耦,淘宝机票订单实践
在web应用中,复杂表单这类web应用富交互元素多,业务逻辑复杂,犬牙交错,且需求变化频繁。及容易成为晦涩和幽暗之地,也经常是各种代码坏味道的来源。针对这种典型的复杂应用,本文以淘宝机票订单为例提出一种架构模式梳理和消化表单带来的复杂性。 模块…
前端开发-响应式布局那点事
讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含…
如何才能编写出兼容各浏览器的CSS?
作为一名前端开发工程师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览…
前端优化-加载不只是少一点点(其它方式)
第3章 其他方式 3.1 文件压缩 3.1.1 代码 老生常谈的方法。我们可以将代码里多余的空格,回车,无用标签删除,替换名字较长的变量名等等方式减少脚本文件大小。 图4-1 脚本压缩对比 3.1.2 多媒体 对于图片,不同格式,不同压缩率都会造成图片大小的千差…
前端优化-加载不只是少一点点(按需加载)
第2章 按需加载 2.1 滚动加载 2.1.1 滚动加载的方法 其实这是很多大型网站都使用了的方法,比如淘宝、拍拍等等。对于不同显示器分辨率不同,所以第一屏高度不一样,节省的加载量所浮动。 首先,记录所有需要滚动加载对象的纵坐标值到一个数组。然后使用JS…
前端优化-加载不只是少一点点(存储资源篇)
对于加载精简来说,最大的好处莫过于对页面的加速。加速有两点:第一是由于资源加载量减少,对于页面首屏加载速度的提升;第二是某些加载精简的方法,会在一定程度上加快页面的渲染速度。同时,由于加载量的减少,剩下了一些带宽,从而减少了带宽费用。 …
使用google Minify来优化网站性能
一般情况下,网站速度的瓶颈都在前端,而最关键的就是资源的加载速度,但是大多数浏览器都有单个域名并发请求数限制,所以如果一个页面中存在很多的资源,比如CSS和JavaScript文件,那么明显会降低网站的加载速度,比较好处理方式就是把多个文件通过一个请…