整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
中級
半小時
有一定編程經驗。
Typescript
什么是“index.html”？
官方是這樣描述的：
這是別人訪問你的網站是看到的主頁面的 HTML 文件。 大多數情況下你都不用編輯它。 在構建應用時，CLI 會自動把所有 js 和 css 文件添加進去，所以你不必在這里手動添加任何 <script> 或 <link> 標簽。
從中我們可以得出以下三點：
“index.html”位置及內容如下：
具體內容：
這就是一個普通的html。
里面只說兩點，第一點是我們之前講解過的網站頭像“favicon.ico”，還有一點是沒有講解過的“app-root”組件選擇器。后者是重點。
首先，我們來看看網站頭像，這個之前講解過，但是在“index.html”里面還沒有講解。
涉及到的代碼如下：
這是一個icon的引用，將“favicon.ico”設置為網站頭像。
注意看，href屬性值直接寫的是“favicon.ico”，也就是說“favicon.ico”所在的目錄是和“index.html”是同一個目錄。
接著往下看，我們會看到一個比較奇怪的標簽：
Q：這個標簽叫什么？
這個叫組件選擇器也叫CSS選擇器。
Q：什么叫組件選擇器？
從它的名字中可以得知兩點：組件和選擇器。其中選擇器是組件在HTML中的名字。
Q：什么是組件？
官方描述：
組件控制屏幕上被稱為視圖的一小片區域。
不知道對官方描述有沒有理解，沒理解也沒關系，下一章就會詳細講解到什么組件。
Q：app-root這個組件選擇器實際對應的組件是什么？
app-root組件選擇器對應的是應用中AppComponent組件。
Q：AppComponent組件在哪？
如圖所示，中app目錄下的“app.component.ts”文件中，用Typescript寫成。
它的具體內容如下：
Q：我在圖片中看到了“app-root”，想問包括它自身所在的這一行是什么意思？
官方描述：
selector：是一個 CSS 選擇器，它會告訴 Angular，一旦在模板 HTML 中找到了這個選擇器對應的標簽，就創建并插入該組件的一個實例。 比如，如果應用的 HTML 中包含 <app-root></app-root>，Angular 就會在這些標簽中插入一個 AppComponent 實例的視圖。
這個描述應該很清楚了，將組件的視圖插入到選擇器所在的位置。
至此，“index.html”相關的講解就先告一段落了，里面還有其它沒有講解的內容暫時不作重點。
后續還會再接觸的，用到時再作分析。
如果大家有問題或想了解更多前沿技術，請在下方留言或評論，我會為大家解答。
Angular第十八章：應用入口“main.ts”
Angular第二十章：app開發目錄
加入同步學習小組，共同交流與進步。
如果你也熱愛前沿技術，歡迎關注我們。
原創不易，未經允許不得轉載！
1、保持簡潔優雅的 URL。
保持網站首頁簡潔的域名格式。
2、搜索引擎友好，避免重復頁面。
雖然大部分網站首頁都是 index.html，但搜索引擎并不會將www.fuyeor.com/和www.fuyeor.com/index.html視為同一個頁面，而是當作兩個網址處理。
1、設置網站目錄文件默認值
從 Apache 服務器的配置文件 /conf/httpd.conf 中的 DirectoryIndex 修改網站默認首頁。
<IfModule dir_module>
DirectoryIndex index.html index.php
</IfModule>
確保www.fuyeor.com/和www.fuyeor.com/index.html都能正常訪問。
2、在首頁文件 index.html 中設置跳轉
在首頁文件 index.html 中通過 JavaScript 設置跳轉，跳轉至不帶 index.html 的域名。
<script>
if(window.location.href == 'https://www.fuyeor.com/index.html'){
window.location.href="https://www.fuyeor.com/";
}
</script>
3、設置 rel=canonical <link> 標記，避免在搜索引擎出現 index.html
將具有 rel="canonical" 屬性的 <link> 元素添加到帶 index.html 的網頁 <head> 部分中，并使其指向規范網頁（主域名）。
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, viewport-fit=cover">
...
<link rel="canonical" href="https://www.fuyeor.com" />
...
</head>
這樣搜索引擎即使發現了 index.html 的網址，也不會收錄。
源：淄博日報-淄博新聞網
“溫暖淄博人社” 微信小程序
淄博新聞網訊 （全媒體記者趙曉雯）為做好就業援助月求職招聘服務工作，結合目前疫情形勢及防控工作要求，淄博市2022年就業援助月云招聘活動定于2022年1月11日至1月31日在淄博市人力資源市場網招聘專區舉辦。
本次招聘活動以就業困難人員、城市留工過節人員、新就業形態勞動者等群體為重點，為各類求職人員和用人單位提供7×24小時不打烊的線上招聘專區。
活動平臺為淄博市人力資源市場網。
（一）電腦端：
1.直接輸入網址：
http://120.220.22.32:8880/col/1026/index.html登錄。
2.淄博市人力資源和社會保障局官網：
（http://hrss.zibo.gov.cn/）—點擊“人力資源市場網”模塊。
（二）手機端：
求職人員可通過淄博市人力資源市場網參與線上招聘會，還可通過“溫暖淄博人社”微信小程序，注冊個人賬號并完善簡歷信息，發布求職意向，隨時隨地瀏覽招聘崗位信息。
編輯：孔鼎
本文來自【淄博日報-淄博新聞網】，僅代表作者觀點。全國黨媒信息公共平臺提供信息發布傳播服務。
ID：jrtt
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
