Web开发

首页 » 常识 » 预防 » Web前端入门知识
TUhjnbcbe - 2022/11/3 20:46:00

Web前端入门知识,以共享一些Web前端工程师需要掌握的基本知识和技能,下面让我们看一下。

图片摘自网络码源网

1.网页的基本结构(HTML,CSS)

HTML是一种标记语言,而不是编程语言。最基本的是标签是and。CSS用于定义如何显示HTML元素。HTML+CSS入门很容易,但是很多人还不够深入。以下是一些示例:标签的目的是什么?左边距和左边距有什么区别?在什么情况下应该使用它?另一种DIV+CSS布局:宽度不确定的DIV具有三个水平对齐的DIV。左右DIV的宽度固定为像素,中间的DIV填充剩余的宽度。如果您暂时不了解这些问题,那么几分钟之内就无法解决布局问题,这意味着您对HTML+CSS不够了解。

2.浏览器如何显示网页?

具有不同内核的浏览器以不同的方式呈现网页。当前,浏览器具有客户端调试工具。在进行Web性能优化时,您需要了解浏览器的呈现方式和详细信息。一个有用的知识点:当前并行加载的浏览器限制为6,而较旧的浏览器将有所不同。

3.网页周期

在不同的Web框架中,页面的生命周期是不同的,并且通常是相同的:客户端发送GET请求,服务器返回相应的页面,客户端完成操作和数据,然后将POST发送到服务器。确保知道数据传输的详细信息(页面之间的前后)。

4、DHTMLDOMBOMJavaScriptAJAX

这是Web前端开发的重中之中,大多数时候我们都在和他们打交道。说几个注意点:javascript是单线程编程,所谓的javascript异步编程只不过是计划在未来的某个时间上执行相应事件而已;详细了解DOM事件机制;客户端存储(HTML5中增加了localStorage和sessionStorage);javascript不像服务器端语言那样严谨,调试不是很方便,所以一开始要养成严谨的javascript编辑习惯;javascript很强大很灵活,不要幻想短时间内熟练(更别说精通)它,并写些框架、类库,初始阶段还是先用熟练已成熟的框架(比如jquery)当入门;一定要熟练使用客户端调试工具。

5、服务器端语言开发经验,PS切图技术

Web前端开发介于设计与开发中间,所以两端的东西都得懂点。编辑语言是相通的,之前编写过服务器语言,对学习javascript是十分有益的,从图片转成静态HTML页面,少不了PS切图技术。

6、浏览器兼容性

由于历史原因,浏览器兼容性一直困扰着Web前端工程师。尽管有W3组织并且已经制定了一些规范,但是尽管浏览器制造商正在努力改进和接近其规范,但实际网络环境中的各种内核每种版本的浏览器都有其地位。这也是优秀的Web前端工程师必须掌握的技术要点。

本文由源码交易平台码源网整理发布。

1
查看完整版本: Web前端入门知识