web前端开发常见错误 开发响应式网站应该如何选择技术和注意哪些问题?

今天我爱编程网小编整理了web前端开发常见错误 开发响应式网站应该如何选择技术和注意哪些问题?相关信息，希望在这方面能够更好帮助到大家。

常见的html面试问题都有哪些？

对于许多刚刚毕业的大学生来说，前端编程开发程序员的职业发展趋势还是非常不错的，而今天天通苑北大青鸟就一起来了解一下，前端编程开发技术面试中常见的html面试问题都有哪些。

1.对web标准的理解是什么?

先是html标签上，标签闭合，标签小写，不乱嵌套;使用语义化标签，例如header，article，少用b这样没有语义的标签，以提高搜索几率;使用外部的css文件及js文件，使结构表现行为分离;减少文件数目，达到减少网络请求次数，文件下载与页面速度更流畅;内容能被更多的用户及设备访问，保证在版本较低的浏览器下能够呈现完整内容，在版本高的浏览器上能够展现更完美的视觉效果;代码低耦合高内聚，易维护。

2.HTTP状态码及其含义?

100-119：接收成功，要求客户端继续提交下一次请求

200-299：接收成功且完整处理了整个过程。

300-399：客户需要进一步细化：

302：重定向

304/307：拿缓存

400-499：请求出错不能执行

404：请求资源没在web服务器中

403：没有权限，拒绝访问

500-599：服务器端错误

503：由于临时的服务器维护或者过载，服务器当前无法处理请求。

500：服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理。一般来说，这个问题都会在服务器的程序码出错时出现。

3.你所知道的HTTP请求方法?

GET：请求指定页面的信息，并返回实体主体。

HEAD：类似于GET请求，只不过返回的响应没有具体内容，用于获取报头

POST：向指定资源提交数据请求处理(例如表单或上传文件)。数据被包含在请求体中。POST请求可能导致新资源的建立/或已有资源的修改。

PUT：从客户端向服务器传送的数据取代指定的文档的内容。

DELETE：请求服务器删除指定的页面。

CONNECT：HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器。

OPTIONS：允许客户端查看服务器的性能

TRACE;回显服务器收到的请求，主要用于测试或诊断

什么是网页错误代码405？

一、工具

1、idea

2、java

二、方法：

1、本例就以java的文本开发的网站来举例说明，其实网页HTTP的405错误和开发语言没有直接关系，只是实现方式不一样而已。知道导致405的原因和解决思路即可。首先看下405错误的示例，有method = RequestMethod.POST限制。

2、405 Request method 'GET' not supported（405-用来访问本页面的HTTP方法不被允许）这是因为浏览器访问网站是GET请求，后端服务器本地址只接受POST请求。

3、将上面的方法改成，method = RequestMethod.GET。

4、再次刷新页面，则可以正常访问了。

5、405错误一般是HTTP使用的method类型不对导致的，访问资源的方法类型支持以下几种。

6、HTTP的404错误也是非常常见的，这个是资源路径错误，资源找不到导致的。类似的HTTP错误还有很多，如果做web网站的开发，还是需要多了解这样的错误类型，对于发现和解决问题很有帮助。

其他错误代码意思：

错误代码793：由于在确认 网络安全 时失败，连接尝试被禁止。

错误代码937：要使用的类型正在被另一个连接拥有，您的连接无法接通。

错误代码780：尝试这个功能在本连接上无效。

错误代码934：电脑数据已经达到了支持拨号接口的最大数目，无法继续增大。

错误代码802：没有检测到 电脑网卡 的存在，请检查网卡是否已经插入卡槽，并确认连接是否紧密。

错误代码769：无法连接到指定目标，请确认您所安装的服务器为最新版本。

错误代码945：电脑支持和保存的路由器配置与当前使用的路由器设置不一，不能兼容。

错误代码760：路由器在被启用时发生了一个错误，无法打开。

错误代码805：无法使用此链接拨号，因为此链接是用户登录后的验证信息。

错误代码755：本链接已经有一个系统定义的拨号程序，所以系统无法自动拨号。

错误代码955：电脑的身份验证器在radius服务器中不兼容，无法正常识别。

开发响应式网站应该如何选择技术和注意哪些问题?

响应式网页设计在多屏互动时代显得越来越重要了，因为采取响应式网页设计的网页可以在不同的设备运行，而衡量一个网站的响应式是否优秀，要看它是否有灵活的布局，而是否有很灵活的布局，全靠怎么设计，网页设计的合理与否对于网站的响应后效果起着至关重要的作用，那么做好响应式网页设计要注意什么呢？

• 不要优先为桌面版设计

开发者通常会犯的一个常见错误，他们设计网站时优先考虑桌面版，因为在这些人眼中，将基于桌面版的网站转变为针对其他设备的响应式web设计是件很轻松愉
快的事情。但是，这个发生在计划规划阶段的错误本身会变成一个非常巨大的问题。甚至会造成返工，当然，大量的错误也会蔓延出来。

• 导航栏菜单的麻烦

当为移动端进行设计时，导航栏设计的问题可能会成为你的一个祸根，所以不得不避免产生麻烦。不想是固定宽度的设计，响应式设计的导航应当根据设备类型进行确定(所以智能手机的导航菜单可能和平板电脑，当然还有桌面版的导航菜单互有差异)。

许多设计者会发觉他们自己被这样一项任务搞的很崩溃——尝试设计一个可以适应所有屏幕的导航菜单。在很多情况下，设计者奋力将水平列表菜单转换为垂直列表菜单，尤其是在适配较小的手机屏幕时。然而，由于该导航栏并不是根据屏幕进行设计，这可能会导致一项很差的用户体验。

• 不应隐藏内容

响应式设计通常会有更少的空间展示图片和内容，但是这并不意味着你的内容应当被忽略。你不得不采取一种方式重新安排内容，使其能够保证易读性。这个比较容
易实现，可以通过创建导航链接并且使用锚，是用户在一个页面中能看到他们一直在寻找的内容。那些通过CSS布局控制内容隐藏的应当明白，这些内容依然会被
加载，因此，你通过为用户提供完整的观看体验也没什么大不了。简单而言，用户不应该由于他们所使用的设备而遭受开发者的“惩罚”。

• 单独的移动端网站地址

单独为移动端网站分配一个地址整个就是一个灾难，这摧毁了我们起初交互设计的目的，并且是可以论证的。当用户在访问网站时，重定向到移动端版本，结果是不得不浪费了很多宝贵的时间。此外，这也能非常严重地影响到你的搜索排名。但是，理所当然，使用不同的URL也有许多优势。它可以确保你能够架构具有更轻便
页面的移动端网站，并且能够在智能设备上表现更好。该站点也能照顾到在特定平台上的性能和表现。不幸的是，具有单独移动端网站地址的消极影响远大于积极影响。

• 糟糕的用户体验

你不能简单的把桌面版的内容压缩成移动版;这么做将会影响你的用户的体验，用户可能会抛弃你的产品。在手机的有限空间内创建一个友好的界面是十分重要的。
你可以采取一些措施，比如，使用一个下拉菜单代替桌面上的导航条，这样会节省你的空间。如果你先设计的是移动端，那么这通常不会是一个令人头疼的问题。

• 不要忽视跨情景的公约

当你在做一个响应式的设计，你不能只考虑台式和移动手机设备，你还应该考虑到其它类型的设备。人们可能会通过内嵌浏览器的智能电视或机顶盒来访问你的网
站。在现在，甚至掌上电脑都有不同的类型。但是，这并不意味着你可以为所有的设备创建一个相同的用户界面，你最好是为不同的设备创建不同的网站。你所需要
做的是创建一个响应导航和一个用户容易理解的设计。创建的这个导航可以清楚的保存设备的上下文环境。

• 不要忽视页面的加载时间

随着宽带的普及，网页开发者开始习惯在页面上大量的使用相对来说较大的资源。然而，当我们使用手机时，我们的用户使用的是较慢的2G和3G网络。同样的，那些保持minf国际的用户，他们是按使用的带宽量来付费的。

一个页面在台式机上很快的加载进来，但是，在手机上加载一个页面会花费很长时间或者去使用额外的、昂贵的带宽。更糟糕的是，当用户被迫去等待页面加载时，即使是几秒钟，他们会离开这个页面，同时你就会失去了你的流量。 我爱编程网

• 不要为触摸屏设备开发

今天大多数手持的设备使用的是触摸屏，甚至是很多笔记本也开始使用触摸屏了。因此，当你设计响应式设计时，很重要的一点是不要忽略掉处理触摸的重要性。有
以下两个方面原因：第一，可点击项，比如按钮要考虑到用户的手指的大小(不要让用户缩放点击)。第二，你要正确的处理触摸事件。这么做可以克服300ms
的点击事件延迟。

• 不找经验浅的人做前端开发

web前端技术属于门槛低，但是水很深的职业，所以设计师也会做前端，有人自学两天也可以做前端，但是不要忽视了web前端是以细节取胜的，好坏的分辨全在细节，包括合理的布局，这个对做效果尤其重要，规范的css代码，这个对兼容性有很大影响。特别是响应式布局，需要有扎实的基本功和多年的经验。

以上，就是我爱编程网小编给大家带来的web前端开发常见错误 开发响应式网站应该如何选择技术和注意哪些问题?全部内容，希望对大家有所帮助！