整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
在java中，动态web资源开发的技术统称为JavaWeb；
web应用程序：可以提供浏览器访问的程序。
web应用程序编写完毕后，若想提供给外界访问：需要一个服务器统一来管理。
页面会动态展示：“Web的页面展示的效果因人而异”；
缺点
优点 - Web页面可以动态更新，所有用户看到的不是同一个页面 - 它可以和数据库交互（数据持久化：注、商品信息、用户信息）
ASP
PHP：
JSP/Servlet： B/S:浏览器和服务器 C/S:客户端和服务器
服务器是一种被动的操作，用来处理用户的一些请求和给用户一些响应信息； IIS 互联网信息服务（英语：Internet Information Services,简称IIS），是由微软公司提供的基于运行Microsoft Windows的互联网基本服务。最初是WindowsNT版本的可选包，随后自带在Windows2000、Windows XP Professional和Windows Server 2003一起发布，但在普遍使用的Windows XP Home版本上并没有IIS。
Tomcat Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现，Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为比较流行的Web 应用服务器。 Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，是最佳的选择。 Tomcat 实际上运行JSP 页面和Servlet。另外，Tomcat和IIS等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，Tomcat最新版本为10.0.5。
官网：http://tomcat.apache.org/
文件夹作用:
访问测试：http://localhost:8080/ 可能遇到的问题：
可以修改 conf/logging.properties 中的 java.util.logging.ConsoleHandler.encoding = GBK 解决乱码问题
可以配置启动的端口号
可以配置主机的名称
网站应该有的结构:
html--webapps ：Tomcat服务器的web目录
-ROOT
-kuangstudy ：网站的目录名
- WEB-INF
-classes : java程序
-lib：web应用所依赖的jar包
-web.xml ：网站配置文件
- index.html 默认的首页
- static
-css
-style.css
-js
-img
-.....
HTTP协议：面试 Maven:构建工具
Servlet入门
(超文本传输协议）是一个简单的请求-响应协议，它通常运行在TCP之上。
文本：html，字符串，…
超文本：图片，音乐，视频，定位，地图.……
端口:80
Https:安全的
http1.0
HTTP/1.0：客户端可以与web服务器连接后，只能获得一个web资源，断开连接
http1.1
HTTP/1.1：客户端可以与web服务器连接后，可以获得多个web资源。
1、前者是短连接，后者是长连接 当请求一次连接的时候，如果是短连接的话，对于页面中的其他资源，如：js、image都会建立一次新的连接，而长连接可以共用一个。 2、后者增加了很多新的状态码，如206：部分请求 3、后者对于网络资源的处理更加优化，如允许部分请求 4、后者在请求头中增加了Host字段，之前认为是一台主机一个IP，而因为虚拟机等的出现，多个主机公用一个ip
100：Continue
200：OK、206：部分请求
301：永久重定向、302：临时重定向
永久：代表访问某个a，会自动跳转到b，url为b；临时：访问a，url不变，但是内容渲染的是b
400：客户端语法错误、403：服务器拒绝提供服务（不为请求提供服务，或您没有连接到此站点的权限时）、404：页面没有找到
500：服务器内部执行错误，无法完成请求、503：服务器正在维护
原文链接：https://blog.csdn.net/qq_37534947/article/details/120399336
我为什么要学习这个技术？
由此，Maven诞生了！
我们目前用来就是方便导入jar包的！ Maven的核心思想：约定大于配置
Maven会规定好你该如何去编写我们Java代码，必须要按照这个规范来
官网：https://maven.apache.org/
下载完成后，解压即可；
在我们的系统环境变量中配置如下配置：
M2_HOME : maven目录下的bin目录 #这个我自己测试需要配置成maven目录，不然会报错
MAVEN_HOME : maven的目录
在系统的path中配置:%MAVEN_HOME%\bin
测试Maven是否安装成功，保证必须配置完毕！
在本地的仓库，远程仓库； 建立一个本地仓库：localRepository
python<localRepository>D:\ttRepository</localRepository>
注：我们要在5.6的项目中创建java、resource等文件夹。
地址：https://mvnrepository.com/
作用域一般可以删掉
对于前端来说，HTML 都是最基础的内容。
今天，我们来了解一下 HTML 和网页有什么关系，以及与 DOM 有什么不同。通过本讲内容，你将掌握浏览器是怎么处理 HTML 内容的，以及在这个过程中我们可以进行怎样的处理来提升网页的性能，从而提升用户的体验。
不知你是否有过这样的体验：当打开某个浏览器的时候，发现一直在转圈，或者等了好长时间才打开页面……
此时的你，会选择关掉页面还是耐心等待呢？
这一现象，除了网络不稳定、网速过慢等原因，大多数都是由于页面设计不合理导致加载时间过长导致的。
我们都知道，页面是用 HTML/CSS/JavaScript 来编写的。
HTML由一系列的元素组成，通常称为HTML元素。HTML 元素通常被用来定义一个网页结构，基本上所有网页都是这样的 HTML 结构：
<html>
<head></head>
<body></body>
</html>其中：
HTML 中的元素特别多，其中还包括可用于 Web Components 的自定义元素。
前面我们提到页面 HTML 结构不合理可能会导致页面响应慢，这个过程很多时候体现在<script>和<style>元素的设计上，它们会影响页面加载过程中对 Javascript 和 CSS 代码的处理。
因此，如果想要提升页面的加载速度，就需要了解浏览器页面的加载过程是怎样的，从根本上来解决问题。
浏览器在加载页面的时候会用到 GUI 渲染线程和 JavaScript 引擎线程（更详细的浏览器加载和渲染机制将在第 7 讲中介绍）。其中，GUI 渲染线程负责渲染浏览器界面 HTML 元素，JavaScript 引擎线程主要负责处理 JavaScript 脚本程序。
由于 JavaScript 在执行过程中还可能会改动界面结构和样式，因此它们之间被设计为互斥的关系。也就是说，当 JavaScript 引擎执行时，GUI 线程会被挂起。
以网易云课堂官网为例，我们来看看网页加载流程。
（1）当我们打开官网的时候，浏览器会从服务器中获取到 HTML 内容。
（2）浏览器获取到 HTML 内容后，就开始从上到下解析 HTML 的元素。
（3）<head>元素内容会先被解析，此时浏览器还没开始渲染页面。
我们看到<head>元素里有用于描述页面元数据的<meta>元素，还有一些<link>元素涉及外部资源（如图片、CSS 样式等），此时浏览器会去获取这些外部资源。除此之外，我们还能看到<head>元素中还包含着不少的<script>元素，这些<script>元素通过src属性指向外部资源。
（4）当浏览器解析到这里时（步骤 3），会暂停解析并下载 JavaScript 脚本。
（5）当 JavaScript 脚本下载完成后，浏览器的控制权转交给 JavaScript 引擎。当脚本执行完成后，控制权会交回给渲染引擎，渲染引擎继续往下解析 HTML 页面。
（6）此时<body>元素内容开始被解析，浏览器开始渲染页面。
在这个过程中，我们看到<head>中放置的<script>元素会阻塞页面的渲染过程：把 JavaScript 放在<head>里，意味着必须把所有 JavaScript 代码都下载、解析和解释完成后，才能开始渲染页面。
到这里，我们就明白了：如果外部脚本加载时间很长（比如一直无法完成下载），就会造成网页长时间失去响应，浏览器就会呈现“假死”状态，用户体验会变得很糟糕。
因此，对于对性能要求较高、需要快速将内容呈现给用户的网页，常常会将 JavaScript 脚本放在<body>的最后面。这样可以避免资源阻塞，页面得以迅速展示。我们还可以使用defer/async/preload等属性来标记<script>标签，来控制 JavaScript 的加载顺序。
百度首页
对于百度这样的搜索引擎来说，必须要在最短的时间内提供到可用的服务给用户，其中就包括搜索框的显示及可交互，除此之外的内容优先级会相对较低。
浏览器在渲染页面的过程需要解析 HTML、CSS 以得到 DOM 树和 CSS 规则树，它们结合后才生成最终的渲染树并渲染。因此，我们还常常将 CSS 放在<head>里，可用来避免浏览器渲染的重复计算。
我们知道<p>是 HTML 元素，但又常常将<p>这样一个元素称为 DOM 节点，那么 HTML 和 DOM 到底有什么不一样呢？
根据 MDN 官方描述：文档对象模型（DOM）是 HTML 和 XML 文档的编程接口。
也就是说，DOM 是用来操作和描述 HTML 文档的接口。如果说浏览器用 HTML 来描述网页的结构并渲染，那么使用 DOM 则可以获取网页的结构并进行操作。一般来说，我们使用 JavaScript 来操作 DOM 接口，从而实现页面的动态变化，以及用户的交互操作。
在开发过程中，常常用对象的方式来描述某一类事物，用特定的结构集合来描述某些事物的集合。DOM 也一样，它将 HTML 文档解析成一个由 DOM 节点以及包含属性和方法的相关对象组成的结构集合。
我们常见的 HTML 元素，在浏览器中会被解析成节点。比如下面这样的 HTML 内容：
<html>
<head>
<title>标题</title>
</head>
<body>
<a href='xx.com'>我的超链接</a>
<h1>页面第一标题</h1>
</body>
</html>打开控制台 Elements 面板，可以看到这样的 HTML 结构，如下图所示：
在浏览器中，上面的 HTML 会被解析成这样的 DOM 树，如下图所示：
我们都知道，对于树状结构来说，常常使用parent/child/sibling等方式来描述各个节点之间的关系，对于 DOM 树也不例外。
举个例子，我们常常会对页面功能进行抽象，并封装成组件。但不管怎么进行整理，页面最终依然是基于 DOM 的树状结构，因此组件也是呈树状结构，组件间的关系也同样可以使用parent/child/sibling这样的方式来描述。同时，现在大多数应用程序同样以root为根节点展开，我们进行状态管理、数据管理也常常会呈现出树状结构。
我们知道，浏览器中各个元素从页面中接收事件的顺序包括事件捕获阶段、目标阶段、事件冒泡阶段。其中，基于事件冒泡机制，我们可以实现将子元素的事件委托给父级元素来进行处理，这便是事件委托。
如果我们在每个元素上都进行监听的话，则需要绑定三个事件;(假设页面上有a,b,c三个兄弟节点)
function clickEventFunction(e) {
console.log(e.target === this); // logs `true`
// 这里可以用 this 获取当前元素
}
// 元素a,b,c绑定
element2.addEventListener("click", clickEventFunction, false);
element5.addEventListener("click", clickEventFunction, false);
element8.addEventListener("click", clickEventFunction, false);使用事件委托，可以通过将事件添加到它们的父节点，而将事件委托给父节点来触发处理函数：
function clickEventFunction(event) {
console.log(e.target === this); // logs `false`
// 获取被点击的元素
const eventTarget = event.target;
// 检查源元素`event.target`是否符合预期
// 此处控制广告面板的展示内容
}
// 元素1绑定
element1.addEventListener("click", clickEventFunction, false);这样能解决什么问题呢？
常见的使用方式主要是上述这种列表结构，每个选项都可以进行编辑、删除、添加标签等功能，而把事件委托给父元素，不管我们新增、删除、更新选项，都不需要手动去绑定和移除事件。
如果在列表数量内容较大的时候，对成千上万节点进行事件监听，也是不小的性能消耗。使用事件委托的方式，我们可以大量减少浏览器对元素的监听，也是在前端性能优化中比较简单和基础的一个做法。
注意:
我们了解了 HTML 的作用，以及它是如何影响浏览器中页面的加载过程的，同时还介绍了使用 DOM 接口来控制 HTML 的展示和功能逻辑。我们了解了DOM解析事件委托等相关概念。
站建设完成后，最重要的就是网站运营推广了！而除了付费的SEM竞价广告和DSP、信息流广告等推广形式外，针对搜索引擎本身SEO优化方面的推广也是大多数网站主都会做的！当然，在中国百度SEO是最重要要做的。
不过企业在找人或者外包做网站优化的过程中，经常会遇到如：排名进入百度三四页甚至两三页的关键词，在经过很长一段时间后仍然没有变化！即排名不能更靠前了。但众所周知，因为搜索引擎的排名机制和用户的搜索浏览习惯，如果关键词不进入搜索引擎首页的话，很难有点击的机会，因此网站排名进入首页就成了很多seoer追求的！
那么，对于很多排名进入前几页，但始终进不了首页的关键词，我们应该怎么办呢？
首先大家都知道，网站建设完成之后针对关键词定位可以从网站标题、描述、关键词和网站当中的一些强调标签等来定。或许这些关键词跟我们息息相关，但对其竞争程度、指数、优化难度和需要的资源等并没有进行严格的分析。
因为在网站排名的机制中，永远不变的是：搜索引擎将会越来越智能化，也就是说，用户觉得好的网站，搜索引擎才会更青睐！
因此到前五页之后，其实网站关键字已经开始被搜索引擎所认可，不过要真正进入首页，除了之前经常被大家提及的点击算法外，更重要的就是网站本身的用户体验了，即：网站是否真的从底层逻辑上解决了该关键词的核心需求！
而这种用户体验更多的就要从网站的细节出发了，如：网站的咨询图标和按钮是否可以更精简或者美观，网站特效是否影响用户浏览，网站方打开速度等都会直接影响网站最终的排名。
因此当我们网站在建设完成且关键词优化进入前五页之后，就要涉及到网站用户体验和细节的优化了，这才是真正决定网站关键字排名是否能进入首页的必要因素！而网站建设一开始就能决定体验的好坏！因此网站建设的好坏对于SEO优化至关重要！
原文链接：http://www.bjjfsd.com/index_show_catid_19_id_573.html
*请认真填写需求信息，我们会在24小时内与您取得联系。
