整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
在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小時內與您取得聯系。
