简述web的基本工作原理（简述web的基本工作原理是什么）

大家好！今天让创意岭的小编来大家介绍下关于简述web的基本工作原理的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，如需了解SEO相关业务请拨打电话175-8598-2043，或添加微信：1454722008

本文目录:

• 1、浏览器工作原理？

• 2、什么是Web前端？

• 3、静态网页与动态网页的工作原理？

• 4、什么是web端？

一、浏览器工作原理？

工作原理如下：

1、解析HTML构建Dom树（Document Object Model，文档对象模型），DOM 是W3C组织推荐的处理可扩展置标语言的标准编程接口。

2、构建渲染树，渲染树并不等同于Dom树，像head标签 或 display: none这样的元素就不需要放到渲染树中了，但它们在Dom树中。

3、对渲染树进行布局，定位坐标和大小、确定是否换行、确定position、overflow、z-index等等，这个过程叫"layout" 或 "reflow"。

4、绘制渲染树，调用操作系统底层API进行绘图。

扩展资料：

浏览器额的特点：

1、所有主流网页浏览器都可透过多个窗口或多个标签页同时打开多种信息资源，亦可拦截弹出式广告，以防止不必要的窗口在未经用户同意的情况下弹出。

2、大部分网页浏览器皆支持HTTPS，并可快捷地清除网页快照、Cookie及浏览记录。

3、浏览器扩展是一种扩展网页浏览器功能的计算机程序。每个主流的网页浏览器都支持扩展的开发。

参考资料来源：百度百科-浏览器

二、什么是Web前端？

许多初学者对WEB前端还很陌生，不知道什么是Web前端？web前端是干什么的？以及web前端技术需要学习什么？其实Web前端开发也戏称“web前端开发攻城狮”，目前这个职位也叫“大前端”。这个职位好多人并不知道是怎么叫出来的，那么我偷偷告诉你：其实是淘宝团队，发明出来的本土化的名称，因为历史原因，淘宝在2005以后迅速崛起，并且爆发式的访问量，让淘宝网的用户体验受到巨大考验和急需前进。

然后淘宝官方第一次有了【web前端开发】这个字眼和招聘职位，或许其他网站也想到了这样一种描述，但是毕竟知名度巨高的淘宝，受关注度自然高，口碑相传，就把前端开发这个叫法发扬光大了。

而那时候的网页设计师如果要入此道，必须要掌握的就是Dreamweaver，并不是说只有他能写html和css，而是它在当时的自动提示实在太好用、太强大了，简直不用费脑细胞，你就可以轻轻松松地完成你所想。在当时前端工具和编辑器贫乏的时代，这个绝对是神奇级别了（当然后来写的多了都熟悉基本不用提示的）。当年还有很多基于Dreamweaver构建网站的教程，那时候真的是个基情满满的年代，这些工具类的历史产物，有兴趣的朋友可以去了解一下就好了.

Web前端工程师主要做什么？前端工程师需要的知识和技能？

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，前端为用户可以看到的部分负责，所以也是最接近用户的工程师。

在多终端的时代，如果一个产品同时支持PC、移动端，前端工程师还需要和更多的角色打交道。

前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法，许多问题有非常巧妙的思路和精彩的解决办法，前端在工程师群体里是属于非常有创造力的一个群体，因为这个行业需要丰富的创造力和想象力。

前端工程师还是Web标准的制定者、实践者和推动者，而现在的W3C标准不仅仅局限于浏览器，还包括各种手持智能设备，车载设备、智能家居等等。在未来万物互联的时代，前端将不仅仅是网页上的工程师， 而是所有人机交互领域的工程师。

web前端自学建议：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定要有一个指导人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就全靠自己钻研，第一步就是确定web前端都需要学哪些东西，并且在多长时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里告诉大家，书可以看，但是是建立在你已经对于某个知识点有了具体的操作的执行后，再用书去巩固概念，这样更加利于你对知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这反面还是很多的，我就简单说个例子，有的人边听课边敲代码，这样是不对的，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合自己的学习方法是学习的前提。

自学路线：

请点击输入图片描述

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

书籍资料自己上网查查，视频教程的话，我建议你去B站溜达溜达，很多全套并且免费的教程都在B站，还有很多大佬直播讲解知识点，和不错哦！

三、静态网页与动态网页的工作原理？

1、静态网页的工作原理：

静态网页面通常是超文本标记语言文档存储为文件在文件系统里头，并且可以通过HTTP访问网络服务器。

2、动态网页的工作原理：

动态网页是基本的html语法规范与Java、VB、VC等高级程序设计语言、数据库编程等多种技术的融合，以期实现对网站内容和风格的高效、动态和交互式的管理。

扩展资料

静态的特点：

1、网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件；

2、静态网页的内容相对稳定，因此容易被搜索引擎检索；

3、静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难；

4、减轻了服务器的负担，工作量减少，也就降低了数据库的成本。

5、静态网页的交互性较差，在功能方面有较大的限制。

6、页面浏览速度迅速，过程无需连接数据库，开启页面速度快于动态页面。

参考资料来源：百度百科—动态网页

参考资料来源：百度百科—静态网页

四、什么是web端？

其实web前端是一个新词汇，刚开始的时候只有美工和程序，后来随着web的发展，对用户交互的需求越来越高，就衍生出了ui（用户交互页面）这除了视觉效果还要有交互体验，就需要js去实现，毕竟一个人的精力是有限的，这么多的工作不可能由一个人去实现，于是出图就成了前端美工，切图出html css就成了前端切图，js就成了前端交互。一般情况下出图和html页面是一个人完成，而js效果由程序员去写，因为毕竟都是程序脚本，程序员学起来相对容易一些。

以上就是关于简述web的基本工作原理相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

简述网络营销的产品策略（简述网络营销的产品策略和价格策略存在的问题）

简述详情页的设计技巧（简述详情页的设计技巧有哪些）

简述公关的功能（简述公关的功能包括）

怎么用通道扣图（怎么用通道抠图）

好心人借钱群（小额贷款5000急用）