web前端编程该怎样学习?

如题所述

做了那么多年Web编程,仔细想想,其实本质上就那点事儿,你抓住了几个重点问题,北大青鸟分享学起来一点都不难。


1.理解浏览器/服务器结构(B/S)

B/S是从90年代的客户端/服务器端发展而来,共同点都是由一个(或一组)服务器来服务多个客户端。差别在于:首先,C/S结构的客户端可能是由不同语言编写的,例如VB,Delphi,PowerBuilder等,B/S结构中浏览器成为了一个通用的客户端,程序以Web的方式呈现,不需要安装,服务器端的升级就意味着所有客户端的升级,这和C/S相比是个翻天覆地的变化。

其次B/S的访问协议也标准化为HTTP(s),而不是原来各种各样的私有协议。

最后B/S结构中的服务器面向全球用户访问,而不像C/S那样仅仅是局域网,所以压力更大,挑战更大。

2.Web页面是怎么组成的?

简单来说就是HTML+CSS+Java,我们看到的Web界面就是由这三者组成。

HTML负责结构,CSS负责展现,而Java负责行为。

我们说的前端开发也主要是做这一块,对于前端工程师,需要能理解DOM模型,以及如何通过java(例如JQuery等框架)来操作DOM模型。

3.浏览器和服务器是怎么打交道的?

当然是HTTP!HTTP说穿了就是浏览器和服务器聊天是的一种约定,这个约定确保双方互相理解。

完整的HTTP是非常复杂的,《HTTP权威指南》一书厚达700多页。

其实我们最常用,也是最重要的也就那么几点:

(1)GET和POST。GET从服务器端获取数据,POST向服务器端发送数据(由此引出图片上传问题)

(2)HTTP是个没有状态的协议,需要通过额外的机制来维持状态(例如登录状态),常用的方法就是cookie。

(3)理解HTTP状态码

(4)理解同步vs异步(由此引出AJAX,以及JQuery等框架)

4.URL和代码的映射

理解url和代码之间的关联,例如www.xxx.com?action=login这样的url是怎么和后端的业务代码关联起来的?

这样的规则是在哪里定义的?用代码、注解还是配置文件?

后端的业务代码该如何组织?相信现在不会有人把业务逻辑都写到Servlet当中了,所以需要很多MVC框架像Struts,SpringMVC来组织代码,让系统清晰易懂。

5.数据的验证、转换和绑定

如何保证浏览器发过来的数据是符合要求的?

例如不能为空、不超过8个字符、两个密码必须相等....,出错了得给出错误提示。

浏览器发过来的数据都是形如username=liuxin&password=123456这样简单的文本,但是后台程序却有着丰富的数据类型,什么String,Date,Integer等等。所以需要把文本变成指定语言的类型。

类型转换以后,后端的业务代码怎么才能有效的使用呢?最简单的就是弄一个key:value这个样的Map出来,业务代码直接用map.get(key)即可。高级一点的可以把页面发来的数据直接绑定到对象的属性上,并且支持数组,嵌套等复杂的结构。

例如user.name=liuxin&user.password=123456可以绑定到一个叫User的对象,其中有两个属性userName和password。


温馨提示:答案为网友推荐,仅供参考
相似回答
大家正在搜