我们都知道网站开发分为前端(客户端)和后端(服务器)。网站开发的后端大多与数据库交互,处理相应的业务逻辑。需要考虑的是如何实现功能、数据访问、平台稳定性和性能。至于前端,这里指的是Web前端,也就是用户在Web应用中能看到和接触到的东西。包括网页的结构、网页的视觉外观以及网页级的交互实现。主要负责实现视觉和交互效果,以及与服务器的通信和完成业务逻辑。其核心价值在于用户体验的实现。大型互联网公司的用户体验部门一般包括用户调研、交互设计、前端技术、视觉设计。
作为一个网站前端开发人员,以下知识是必不可少的:
1HTMLHTML是超文本标记语言。这是网站开发中最简单也是最基础的内容,几乎所有的开发者都要先过这个环节。必须掌握div、form、table、li、p、span、font等标签,这些是最常用的。尤其需要注意的是div和table,这是使用最多的内容。Div用于布局;表格是用来处理数据的(虽然表格也可以用来布局,但是不太灵活)。
2CSSCSS就是层叠样式表层叠样式表,APP开发,其中我们先不说css3。Css主要用来辅助html进行布局和展现,我们称之为“CSS样式”。对于css来说,要掌握的内容主要有浮动、位置、宽度、高度、溢出、边距、填充等等,这些都是与布局相关的样式。不管你用什么工具和软件做网页,其实都是在有意无意的使用CSS。用好CSS可以让你的网页更加简洁。为什么有的人做一个同样内容的网页几十KB,而专家只做十几KB?CSS的作用不言而喻。
3JSJS就是JavaScript。作为一种字面翻译脚本语言,它是一种动态类型、弱类型和基于原型的语言,具有内置的支持类型。它的解释器称为JavaScript引擎,是浏览器的一部分,广泛用于客户端的脚本语言中。它最早用于HTML(标准通用标记语言下的一个应用)网页上,为HTML网页添加动态功能。我们讲的前两个东西很基础,后面的东西可能很难接受,但其实js入门还是比较简单的,很多东西不需要你懂。只要基本点的内容能够根据一个id或者名称得到网页的dom或者样式或者值,那么它就会给一个id或者名称的元素标签赋值,或者添加数据,追逐html。这是一个与数据相关的操作,然后会对数据进行逻辑判断。至于效果,无非就是蹦蹦跳跳躲躲而已。当然,单独把这些东西拿出来还是比较简单的,但是实际操作中几乎没有这么简单的情况,很多时候这些东西需要各种方式组合起来。
4JQueryJQuery是一个JavaScript(js)框架,相当于一个封装了js的js插件。目的是操作更方便,代码写得更少。它支持JS的常规操作和一些扩展,如图形等。并且还能很好的解析JSON格式。小程序开发和ajax也封装了,语法比较简单。非常厉害。jquery入门也很简单,和js一样,只是换成了jq代码。不好的地方是它把js语法和开发者完全隔离了,也就是说开发了几年的JQuery还能不能用纯编程是个问题。