正文1：网页的交互方式

当你打开一个页面，比如说当当商城，他会为你完成什么？

作为用户，我们看到他的首页，在不同用户打开网页的时候，随着时间点的不同，呈现不同的首页。
按F12或者fn+F12键我们进入开发者模式
让我们看一下这个网页最终为我们呈现的内容是怎样组成的呢？

点开图片，可以看到左方有Element，Console，Sources，NetWork，Timeline，Profiles，Application，Security，Audits，而右边展示的是左边这几个标签具体的内容。具体这几个标签的内容与作用，详见附2：浏览器开发者模式详解一章，本文不做过多赘述，我们所需要看的基本组成在Sources底下，在点开sources以后
可以看得到展示部分由css，img，js以及一些资源文件（图片，视频）组成，其中本页面的前端框架又使用了jquery技术，尽管本页面打开的时候显示的是.html结尾，但是并不代表页面没有使用jsp，当大量用户访问的时候，可以使用jsp的静态化，变成html页面，后面会对此技术做详细描述。
接下来，点开Elements部分可以看得到左边是整个网页的静态代码，右边是对应的层叠样式表的详情。

这些代码中所有的内容如果都由前端开发人员完成，耗费的工作量是不可估量的，那么如何才能做到让我们的编辑做编辑的事情，写完的稿件不需要开发人员一一粘贴到对应页面并进行排版呢？
这个时候，我们就需要一种交互方法：
浏览者：我想看新闻A
新闻提供方：我们有新闻A
浏览者：请给我看具体内容
新闻提供方：好滴。我们想知道你是手机看还是电脑看呢？
浏览者：现在我就把我的浏览器信息基本参数提供给你，我是用的是chromie内核，360浏览器，是pc端（UA标识）
新闻提供方：我们正在读取新闻小编的新闻上传时间，地点，文章标题，文章具体内容。读取完毕，已经上传给你。
浏览者：收到。
新闻提供方：收到了你的收到。
既然理解了大概的过程，我们现在把浏览者换成电脑（PC）或者手机，而新闻提供方也就是对应你看新闻公司的服务器。实际上浏览信息的过程，交互过程就是客户端或者浏览器与服务器的交互过程，作为浏览者，你不需要知道服务器进行了什么样的复杂操作分析，而最后得到的是友好的DOM解析过的信息页面，而不是凌乱的代码。这种模型可以称之为CS或者bs模型。
最后我们用一张图来表述

正文1：网页的交互方式相关推荐

java 网页正文抽取算法_网页正文抽取算法 ContentExtractor
软件介绍简介 ContentExtractor 是一个开源的网页正文抽取工具,用JAVA实现,具有非常高的抽取精度. 算法 ContentExtractor的网页正文抽取算法使用的是CEPR,适用于 ...
php网页正文提取,通用网页正文抓取工具_任意网页正文提取API
ArticleExtractor 智能提取任意网页正文内容无需任何规则,输入目标内容面url地址(网站首页.列表页面除外),可轻松实现对任意新闻网页正文智能提取,并去除广告等与正文无关的内容. 提取 ...
java 网页正文抽取算法_GitHub - hfut-dmic/ContentExtractor: 自动抽取网页正文的算法，用JAVA实现...
ContentExtractor ##简介 ContentExtractor是一个开源的网页正文抽取工具,用JAVA实现,具有非常高的抽取精度. ##算法 ContentExtractor的网页正文抽 ...
php 正文提取算法,基于机器学习的网页正文提取方法
摘要: 先将网页转换为规范的DOM树,然后计算每行文本的文本密度.与标题相关度等值,并将其作为输入参数利用BP神经网络进行训练,进而形成抽取规则,最后通过实验验证该方法的可行性. 关键词: 信息提 ...
能提取HTML网页正文的网站,智能提取网页正文新方法
一.基于中文标点符号和HTML 树结构的网页正文信息抽取方法H TML ( hyper text markup language) 是超文本标记语言, 是基于标准通用标记语言(SGML) 的一个庞大 ...
刀剑神域动漫网页设计作品学生表格布局网页作业成品 table漫画网站制作 dreamweaver静态HTML学生网页制作模板
刀剑神域动漫网页设计知识点介绍网页制作说明网页代码演示导航代码正文代码网页效果预览成品地址知识点介绍使用dreamweaver制作采用table表格布局.网页背景颜色.底部版权区域 ...
【JS30-Wes Bos】实时显示的时钟网页 02
引言本文利用javascript写一个实时显示时间的时钟特效网页. 网址为(https://janice143.github.io/realTImeClock/) 正文 1网页布局与功能网页主体为 ...
保存网页内容自动过滤广告和网页头尾
网页可以非常方便的为我们展示各种信息,如果遇到重要的资料文献,希望在本地电脑上保存下来该怎么操作呢?把网址添加到收藏夹,下次直接打开网址查看,但如果资源被网站删除,就再也找不到了.还是保存在自己电脑里 ...
网页设计初了解-基础知识篇
为了学习GitHub去下载Git,结果n次下载失败,心态小崩,今天不学编程了,转hTML5换换心情,按大佬们教的,学了一段时间的枯燥编程要换个方向换换口味,不然学习效率会变低.这一篇是基础知识. 学前 ...

正文1：网页的交互方式

正文1：网页的交互方式相关推荐

最新文章

热门文章