什么是前端开发？

从较为简便的角度来讲前端开发能被说成是做网站 对此处可延伸至一个知识点 即 C/S 和 B/S 是什么并且记得好像之前有人在群里面问过这个问题句号。

C/S，这只是英文的缩写罢了，也就是/ 。懂了没？就是开发的是服务器与客户端模式，在这种模式下，用户必须安装客户端软件才能够使用系统功能，而一旦有更新，用户就得重新下载客户端。就如同我们玩的LOL，想玩就得下载个客户端，每次还得自己下载更新。要是用JAVA的话就能做线上的东西，像网页游戏这般的，直接玩就行。不需要你去更新 。

基于浏览器/服务器模式开展的web开发，即B/S模式，其特点在于不需要安装客户端软件，只要在客户端安装Web浏览器，就能运用系统功能，并且系统更新时，仅需管理员替换服务器文件便可达成，不需要用户去下载客户端 。

从标题来看，我们能够简单弄明白的是，做网站的程序员常常会犯的5种错误。可是无论走的是哪一条路，哪怕你并非是web工程师，犯错对于每一个开发人员来讲都是无法避免的。虽说有些错误和某一个特定的行为存在关联，不过有些错误乃是所有Web开发人员都得去面对的挑战！

第一个错误：《做了太多的无用功》

何以会讲是做了过多的无实际功效的工作呢？缘由在于未寻得方法，原本存在地铁，你却偏偏不去找寻，偏要去挤公交，这般情形能怪谁呀？换而言之，众多程序员在制作网站之际，耗费了漫长的时间去创建网页的内容，大量的时间都耗费在了反复的任务之上，或者是自己动手敲代码去了。

有道是讲得蛮不错的，想要把工作做好就得先让工具具备相应水平。好多程序员兴许会不太看重工具的运用跟挑选，觉得一贯用到的便已然是挺好的了。要是别的开发人员也在从事相同的活儿，花了更少的时间还有精力就完成了网站开发，可你却拖拖拉拉耗费许久，那么你的开发价值分明就降低了。借助手工进行劳作极易产生差错，而排查故障错误所要耗费的时间更多。要是你身为老板，你会作出怎样的抉择呢？

怎去规避此错误呢，实际上蛮简易，于开发之一切阶段考量运用新型工具以及新型流程技术。比方说，你当下所用之代码编辑器相较Text和，怎样呢。不论你所用是何种代码编辑器，你近期有认真钻研其功能吗。没准仅投入略微一点儿时间去细致研读文档，便能发觉行事之新办法，为往后节省一个个小时的时间，莫错过网上可得之帮助工具！比如，去检查处于dev..ie之上的工具，以此来简化测试，要进行跨多个平台以及设备的测试，还要排除故障，你能够通过实现流程自动化这种方式，进而以减少时间以及错误，做到这些 。

第二个错误：《制作无意义的页面》

在做网站之前，首先，我们得清楚这个网站的作用究竟是什么，老板期望得到的又是什么。既然要做网站，那必然是要展示给大众瞧的，也就是说，要是你的网页连搜索引擎都找寻不到，那拿来还有多大的意义呢？

怎样去将这个错误有效地避免呢？实际上就是靠着SEO跟HTML的支持可访问性才行。说到SEO，必须要添加标签，以此来给出有意义的网页关键字以及描述。这也就是标签优化，为了能够拥有更好的可访问性功能体验，所以就得对每一个img和area标签提供一个alt=" "属性了。

第三个错误：《写一些过时的HTML》

早期互联网跟我们当下比，标签选择少很多。可是，旧习难改，如今好多开发人员所写HTML宛如还处在20世纪。简言之，运用元素来搞布局。在其他特定语义标签更适宜时选用或。

元素，当于当前HTML标准未获支持之际运用或标签，于页面之中对项目进行间隔，倘若存在大量字符实体。依从这般过时的HTML规则，极有可能致使标记变得过度繁杂，其结果便是于各异的浏览器里出现不同的行为表现。

这种错误或许没剩多少了，然而也难以避免会碰到，解决办法也就是别再拿相应元素应用于内容的布局布置，限制采用该元素去呈现表格数据。要用HTML去表述内容究竟是什么，而非阐述内容怎样去展现显示 。

第四个错误：《响应式设计》

有一种被称作响应式网站设计（又称自适应网站设计）的东西，以最为通俗的话语来讲，它是借助着一个独一无二的网址，一份独一无二的网站内容，一份独一无二的网站代码，经由CSS3媒体查询这种方式，能在多样浏览器设备上达成一致进行浏览的效果。响应式站点设计具备这样的目的，那就是企望网页设计以及网页编码要针对用户的操作行为还有环境作出合理的响应，并且这种响应是要建立在用户的浏览器屏幕大小、操作平台等这些方面之上。 。

随移动互联网来临，具备能适配多样屏幕分辨率的网站建设变得极为关键。你乘公交会玩手机吧？坐地铁会玩手机吧？诸多事情手机都可达成。你乐意手持手机浏览他人网站时，不断拉动屏幕并比划许久吗？在2012年的调查中发现，2009年时，全世界仅有8亿部移动互联网用户，到了2015年，移动互联网用户增长到19亿，相比较之下，桌面互联网用户从2009年到2015年只会增加2亿左右，其增幅远远低于移动互联网的普及度。

这个再说下吧，我们能够发觉很多网站已然支持响应式了，经过计算即便不存在响应式之设计，也会配备有手机样式网站之类的，这同样也是一种解决之道，然而呢，原本由一个网站便能达成之事，干嘛还要去做两个网站呀？所以呢？我们依旧得具备响应式之思维模式，于网站里利用响应式设计。这里存在一些针对此方面的实用教程，涵盖响应式图片，并且还有一个极为受欢迎的库，那便是。

第五个错误：《臃肿的响应结果》

为何会说是那种臃肿的响应结果呢，大家都有逛过网站吧，不论你逛的是大型网站还是小型网站，当中假如你一进去就得等上几分钟才能够看到网站的具体内容那么你感不感到高兴呢，要是你去买个东西，看一张图片竟然需要刷新10次那么你还会去买吗，而那种所谓的臃肿的响应结果纯粹就是由于页面四处充斥满许多具备高品质的图形以及/或者各类图片，这些如此众多的图形以及/或者如此纷杂的图片凭借img元素所具备的对于高度和宽度的属性从而按照相应比例进行缩小，而那些源自于页面链接的文件，像CSS和，非常大等 。

有关这个问题，存在诸多解决办法。总之，别怀有当下互联网接入日益加快的侥幸心理，进而允许出现臃肿场景。相反，我们应把从浏览器到你网站的往返视为一种成本。图像是致使网页臃肿的主要因素。为最大程度减少图像成本，缓解页面加载压力，可尝试以下三种办法：

第一种就是：“该留的留，该滚得滚”，删除不需要的图片。

或是采用O’Matic的工具，又或是运用RIOT的工具，以此来降低图像文件的大小。然而，图像文件确实是变小了，然而，究竟是不是原来的配方，还有究竟是不是原来的味道，我并不知道。

第二类是这样的，即预加载图像，这并不会提升初始下载的花销sublime text snippet，然而却能够使网站其他页面中的图像加载得更为迅速，。

接下来要说的这一种是，降低成本的办法乃是对CSS以及链接文件进行压缩，存在着诸多工具sublime text snippet，像CSS和JS这些都能够达成其事 。

当然喽。每一个人都会犯下过错，每位个体的过错皆是不尽相同的。上面所提及的仅仅是自身常常碰到的，要说齐全且成体系的话那是根本无法书写完备齐全的。要是你们再度遭遇任何别的过错了，那么把这类情况给大伙一同分享一番吧！！！

如有侵权请联系删除！