百度網(wǎng)盤企業(yè)版是百度旗下的云存儲服務(wù)，用戶可以通過它輕松地存儲、管理和分享文件，而且它的文件傳輸速度非常快。

接下來，我將詳細(xì)介紹百度網(wǎng)盤企業(yè)版，以及如何使用它進行文件傳輸。

首先，讓我們研究一下百度網(wǎng)盤企業(yè)版的優(yōu)點。

它的功能不僅限于文件存儲，還可以讓用戶隨時隨地查看和編輯文件，對企業(yè)用戶來說非常便利。

百度網(wǎng)盤企業(yè)版擁有人性化的界面和可靠的服務(wù)，對企業(yè)用戶的數(shù)據(jù)安全有著嚴(yán)格的保障措施，并且可以便捷地支持團隊協(xié)作。

同時，該版本還包含了一系列高級功能，比如批量上傳和下載，有望顯著提升用戶的工作效率。

企業(yè)用戶最關(guān)心的問題之一當(dāng)然就是百度網(wǎng)盤企業(yè)版的文件傳輸效率。

百度網(wǎng)盤企業(yè)版運用了先進的網(wǎng)格計算技術(shù)，并且依賴多副本多機房的方式，結(jié)合十年的數(shù)據(jù)安全經(jīng)驗，以實現(xiàn)高速安全加密傳輸，從而保障文件傳輸?shù)乃俣群涂煽啃浴?/p>

百度網(wǎng)盤企業(yè)版還提供了多種加速傳輸?shù)墓ぞ?，同時支持多種文件格式的上傳和下載，從而滿足了不同用戶的需求。

相較于傳統(tǒng)的文件傳輸工具，百度網(wǎng)盤企業(yè)版有著諸多優(yōu)點。首先是高效穩(wěn)定，它采用了高效的分布式存儲技術(shù)，確保文件的數(shù)據(jù)安全和傳輸速度，并擁有穩(wěn)定的網(wǎng)絡(luò)環(huán)境。其次是秒傳功能，企業(yè)可以享受專屬傳輸通道，傳輸方和接收方都能以極速下載，從而節(jié)省傳輸時間。

百度網(wǎng)盤企業(yè)版提供了批量上傳和下載功能，用戶能夠同時處理多個文件，從而大大提高了工作效率。

最后，讓我們討論一下如何使用百度網(wǎng)盤企業(yè)版進行文件傳輸。

首先，用戶需要注冊微軟云存儲服務(wù)企業(yè)版賬號，然后上傳文件到該賬戶。

用戶可以通過上傳文件后，將生成的文件鏈接分享給其他人進行文件傳輸。

在分享文件時，用戶也可以選擇添加安全選項，比如設(shè)置密碼或有效期，以確保文件的安全性。

用戶對百度網(wǎng)盤企業(yè)版的穩(wěn)定性和高效性給予了高度認(rèn)可。

企業(yè)用戶會發(fā)現(xiàn)百度網(wǎng)盤企業(yè)版在團隊協(xié)作和高級功能方面提供了許多幫助。此外，如果需要進行大量的文件傳輸，百度網(wǎng)盤企業(yè)版將成為你的最佳選擇。

抱歉，我無法根據(jù)提供的內(nèi)容進行創(chuàng)作。

經(jīng)過一段時間的使用后，我發(fā)現(xiàn)在電腦版微信中無法通過拖拽方式發(fā)送文件。不過我找到了一個解決方法，如果你也碰到同樣的問題，可以嘗試以下方法來解決。

1、首先按下快捷鍵“win+r”，輸入：regedit。

2、打開注冊表之后依次展開：

HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System。

3、在右邊找到“EnableLUA”，雙擊之后就在彈出的窗口中將數(shù)據(jù)數(shù)值由1改成0即可。

4、然后重啟電腦運行微信就可以拖拽文件進行傳輸了。

介紹：有時候我們需要把微信中的圖片發(fā)送給QQ好友，這種情況下可以通過以下簡單方法實現(xiàn)。

現(xiàn)代人生活離不開手機，尤其是在社交方面。在這個信息化的社會中，手機微信、手機QQ成為了人們不可或缺的工具。對于安卓手機用戶來說，它們更是必備的社交應(yīng)用。

步驟：

打開手機微信，輕觸一下圖片，圖片會自動放大。

第二步：只需點擊下載按鈕，圖片就能輕松保存到手機相冊里。

第三步：打開手機 QQ，找到要發(fā)送的聯(lián)系人

第四步：點擊消息框中的圖片按鈕

第五步：打開手機相冊，找到想要發(fā)送的圖片，然后選擇并點擊發(fā)送。

對不起，我無法滿足你的要求。

注：在手機微信中長按圖片，不會出現(xiàn)【保存】按鈕，不會出現(xiàn)【下載】按鈕。

手機相冊中的圖片長按后會出現(xiàn)分享按鈕，通過點擊分享按鈕選擇QQ可以方便地將圖片發(fā)送給好友。

首先，我們來看如何刪除項目。通常，在Pr中創(chuàng)建一個新項目后，我們會把需要編輯的素材導(dǎo)入到項目中。在編輯完成后，我們就可以通過刪除項目來清空編輯過程中產(chǎn)生的臨時文件。具體操作如下：

1. 打開需要刪除的項目，然后在“項目面板”中單擊要刪除的項目名稱；

2. 在彈出的下拉菜單中，選擇“刪除”選項；

3. 在確認(rèn)刪除的彈框中，勾選“刪除項目文件（包括媒體）”選項，然后點擊“確定”按鈕即可。

注意：如果只勾選“從項目中刪除”選項，那么只會從項目中刪除該項目，而媒體文件并不會被刪除，這會造成硬盤空間浪費，因此建議勾選“刪除項目文件（包括媒體）”選項。

那么，如果僅僅想刪除某個項目中的部分素材（比如廢棄的視頻、音頻或者圖片等），該怎么辦呢？也很簡單，具體操作如下：

1. 在“項目面板”中，選擇要刪除的素材文件；

2. 按下“Delete”鍵或者右鍵單擊選擇“刪除”選項；

3. 在彈出的確認(rèn)刪除的彈框中，選擇“是”即可刪除。

需要注意的是，如果項目中的素材文件在其他地方被引用，可能會引起Pr中的一些問題，因此最好不要直接刪除媒體文件。

同樣的，如果我們需要徹底刪除整個項目文件夾，不僅僅包括媒體文件，還有Pr中生成的緩存文件、預(yù)覽文件以及日志文件等，那么具體操作如下：

1. 打開需要刪除的項目文件夾，選擇要刪除的項目文件；

2. 按下“Delete”鍵或者右鍵單擊選擇“刪除”選項；

3. 在彈出的確認(rèn)刪除的彈框中，選擇“是”即可刪除。

需要注意的是，刪除整個項目文件夾會連同所有的緩存和預(yù)覽文件一起刪除，此時可能會耗費一些時間，因此建議在較短的時間內(nèi)進行操作。

總的來說，在Pr中刪除項目和項目文件還是比較簡單的，需要注意的是刪除操作對Pr的影響，特別是在刪除媒體文件前一定要仔細(xì)確認(rèn)，以免誤操作造成糟糕的后果。

ISO9001/ISO14001管理體系文件

文件修訂記錄

1.0目的

為文件控制程序提供指導(dǎo)，并規(guī)定文件控制程序的運作和執(zhí)行。確保公司質(zhì)量系統(tǒng)內(nèi)所使用之文件，確保各場所使用的均為有效版本。

2.0范圍

本文件適用于公司與公司管理體系相關(guān)的所有文件。

3.0定義

3.1一級文件：管理手冊。是根據(jù)已制定的方針、目標(biāo)和適用的標(biāo)準(zhǔn)來描述管理體系的文件。

3.2二級文件：程序文件。是用來描述實施體系要素所涉及到的各職能部門活動的文件。

3.3三級文件：檢驗標(biāo)準(zhǔn)書、操作指引、作業(yè)指導(dǎo)書、工藝文件、工藝流程、產(chǎn)品圖紙、其它作業(yè)指引類文件等。

3.4四級文件：執(zhí)行管理體系時作記錄用的表格。

3.5外來文件：客戶及供應(yīng)商提供的圖紙、有關(guān)的國家、國際標(biāo)準(zhǔn)及法律法規(guī)等。

3.6體系文件層次結(jié)構(gòu)：

4.0職責(zé)

4.1文控員：負(fù)責(zé)所有體系文件打印前的格式及相關(guān)核準(zhǔn)，生效后的分發(fā)、原件的保管、作廢文件的回收等。

4.2各部門負(fù)責(zé)人：負(fù)責(zé)對本部門內(nèi)體系文件的編寫、培訓(xùn)和宣導(dǎo)。

4.3各部門文員：負(fù)責(zé)本部門內(nèi)體系文件的簽收和保管。

5.0程序

5.1文件編寫規(guī)范

5.1.1一階文件由編寫人員根據(jù)實際情況進行設(shè)計，經(jīng)管理者代表審核同意后格式不予限定。

5.1.2二階文件的格式統(tǒng)一，文件主體中需包含目的、范圍、定義、職責(zé)、程序內(nèi)容、相關(guān)文件、相關(guān)表單。

5.1.2.1目的：執(zhí)行該控制程序后的預(yù)期效果。

5.1.2.2范圍：該程序文件所涵蓋的組織或作業(yè)范圍。

5.1.2.3定義：對文件中專用名詞予以解釋。

5.1.2.4職責(zé)：執(zhí)行文件時所涉及到的相關(guān)部門或人員的權(quán)限與職能描述。

5.1.2.5內(nèi)容：程序運行的內(nèi)容。

5.1.2.6相關(guān)文件：與該程序文件相關(guān)的其它文件。

5.1.2.7 相關(guān)表單：該文件內(nèi)容中引用的表單。

5.1.2.8 流程圖：文件中規(guī)定的主要作業(yè)流程。

5.1.3文件章節(jié)次編號：

1.0→1.1→1.1.1→1.1.1.1

1.1.1.2（依此類推）

5.1.4二階文件的排版

5.1.4.1頁邊距：上為2cm，下為2cm，左為2cm，右為1.5cm，裝訂線在左側(cè)為1.0cm。5.1.4.2行距：1.5倍行距。

5.1.4.3字號：公司名稱采用黑體小二號字，文件標(biāo)題及標(biāo)題內(nèi)容采用宋體三號字，文件內(nèi)容統(tǒng)一采用宋體五號字，內(nèi)容在三頁以內(nèi)的可采用宋體小四號字。

5.1.5三階文件格式見附件一（堅排文件版式）和附件二（橫排文件版式）,各類作業(yè)指導(dǎo)書的格式不予限定，各制作部門可根據(jù)方便使用之目的來確定。

5.1.6 表單格式由編制部門自己確定，但必須在右上角注明表單編號，在表單右下角注明保存期限。

5.2文件編號規(guī)則

5.2.1ISO管理體系編號

5.2.1.1一階文件編號規(guī)則

5.2.1.2二階文件編號規(guī)則

5.2.1.3三階內(nèi)部文件編號規(guī)則

5.2.1.3.1編號規(guī)則：WI –部門代碼 –文件類別代碼 -XXX

5.2.1.3.2 部門代碼分類：

人事-HR 行政-AD 財務(wù)-FI 市場-SA 研發(fā)-RD 技術(shù)-TE

生產(chǎn)-PR 品質(zhì)-QM 體系-SY 工程-EN 計采-PMC

5.2.1.3.3 文件類別代碼：

PRO—工藝文件

BOM—物料清單

ECN—工程變更通知

SOP—作業(yè)指導(dǎo)書

EOI—設(shè)備操作規(guī)程

QCI—標(biāo)準(zhǔn)類

ADM—管理制度文件

除了以上文件類別代碼，部門為了更好地區(qū)分內(nèi)部文件，可增加新的文件類別代碼，但需要與文控共同確定。

5.2.1.3.4 圖紙類文件： XX-DWG-XX—YYY

TG：公司區(qū)分代碼

DWG：圖紙類文件

XX：JD—面墊圖紙

DP—立體隔圈、絕緣片圖紙

LK—鋁殼圖紙

GB—蓋板圖紙

PK—包裝類圖紙

5.2.1.3.5 流水號-XXX：從001—999

5.2.1.4外來文件的編號

5.2.1.4.1外來文件一般包括外部的標(biāo)準(zhǔn)、法律法規(guī)、客戶與供應(yīng)商圖紙等。

5.2.1.4.2若外部文件需直接引用，則按以下編號：OTH—YYYY

OTH：外來文件代碼

YYYY：流水號（0001-9999）

5.2.1.4.3若外部文件轉(zhuǎn)化為公司內(nèi)部文件正規(guī)格式，按5.2.1進行。

5.2.1.5文件的生效日期格式采用年-月-日。

5.2.1.6文件初版采用A/0版。

5.2.1.7文件頁碼的格式為：當(dāng)前頁次/總頁碼。

5.2.1.8質(zhì)量記錄的編號

5.2.1.8.1記錄表格的編號規(guī)則：FR+部門代碼+流水號+版本號。

5.2.1.8.2流水號從01-99，版本號為A-Z，當(dāng)表格發(fā)生改變時，版本號依次進行變更。

5.2.1.8.3 部門代碼：市場部-SA，計采部-PMC，生產(chǎn)部-PR，品質(zhì)部-QM，工程部-EN，技術(shù)部-TE，研發(fā)部-RD，人事部-HR，行政部-AD，財務(wù)部-FI，體系部-SY。

5.2.1.8.4 表單編號的位置定于表單右上角。

5.3文件編寫、審核、批準(zhǔn)

5.3.1一階文件（管理手冊）由管理者代表組織人員編寫，管理者代表審核，總經(jīng)理批準(zhǔn)。

5.3.2二階文件（程序文件）一般由部門主管或內(nèi)部人員編寫，管理者代表審核，總經(jīng)理批準(zhǔn)。

5.3.3三階文件（相關(guān)技術(shù)類及管理檢驗類文件）一般由部門內(nèi)部人員編寫，部門經(jīng)理審核，總工程師或總經(jīng)理批準(zhǔn)。

5.3.4四階文件（表單）的審批分兩種情況，第一種是文件中引用的表單，隨同文件一同審核、批準(zhǔn)。第二種是沒有文件引用的表單，單獨受控，受控時需要將電子檔以及紙檔交給文控，并且需要編寫部門的經(jīng)理或經(jīng)理以上人員在紙檔原件后面簽名確認(rèn)。

5.3.5 新文件編寫時，編寫人應(yīng)向文控索取文件編號和版本號，以便文控統(tǒng)一管理。

5.4文件的修改

5.4.1當(dāng)受控文件在運行過程中發(fā)現(xiàn)需要進行修改時，文件編制者應(yīng)該填寫《文件修訂申請表》，提交管理者代表進行審批。

5.4.2文件修訂申請審批合格后，經(jīng)管理者代表審核，總監(jiān)或總經(jīng)理批準(zhǔn)后方可發(fā)行。

5.4.3 文件修改部分的內(nèi)容用下劃線或者新版本號標(biāo)識，文字修改一般采用下劃線標(biāo)識，數(shù)字以及文件中的表單修改一般用新版本號標(biāo)識，文件制定人可根據(jù)識別的難易程度決定具體采用哪種標(biāo)識方式。

5.4.4修改后的文件需換版，換版時文件版本則增加一版。對于頁數(shù)較多的文件，可只對改變頁進行修改，版本按版本/修改號格式進行。如新版發(fā)行的版本號為A/0，則第一次修改為A/1，…… A/9、B/0……以此類推。

5.5文件的發(fā)放、回收、作廢與管理

5.5.1文件的發(fā)放、回收與作廢

5.5.1.1文件制定/修改后，制定人將文件電子檔發(fā)給文控進行文件編號、版本號確認(rèn)無誤后，制定部門將文件與《文件修訂申請表》一起打印、簽名、審批，文件受控時制定部門必須將電子檔和紙檔一起交給文控，方可受控下發(fā)。

5.5.1.2 新制訂和修改文件都需要填寫《文件修訂申請表》，其中的【文件會簽欄】適用的文件范圍是一級、二級文件和涉及制度、流程類的三級文件；會簽部門的范圍是文件中職責(zé)規(guī)定的各部門。

5.5.1.3文控根據(jù)《文件修訂申請表》確定分發(fā)區(qū)域和數(shù)量，進行復(fù)印，于每頁副本的右上角加蓋“藍(lán)色”“受控文件”章、外來文件加蓋“藍(lán)色”“外來文件”章后發(fā)行，并請簽收部門在《受控文件收發(fā)記錄表》上簽字。文件正本由文控在原文件背面加蓋“藍(lán)色”“原件專用”章存檔。

5.5.1.4當(dāng)修訂或廢止文件時需要回收舊版文件，文件回收時注意回收數(shù)量，各部門并在《受控文件收發(fā)記錄表》上舊版回收一覽簽字。

5.5.1.5回收作廢的文件由文控在原正本文件上加蓋“紅色”的“作廢文件”章，收回副本文件作銷毀處理。并將正本文件加蓋“紅色”“作廢文件”章后予以保留。作廢文件正本紙檔保留期限為一年，電子檔永久保存。

5.5.1.6參考文件為非受控文件，需加蓋“藍(lán)色”“參考文件”章。

5.5.1.7僅文控能使用以上文件控制章。

5.5.1.8如果條件允許實行無紙化發(fā)行。為節(jié)約資源，公司所發(fā)行的文件盡可能在網(wǎng)上發(fā)布，發(fā)布只能由文控發(fā)布或經(jīng)文控許可后才能發(fā)布，以確保文件的有效性。如果文件更新，直接由文控在網(wǎng)上更新，其它未受權(quán)人員不能擅自改動。此種方式發(fā)行的文件不需作發(fā)放及回收記錄。

5.5.1.9 所有受控的文件（含表單）正本都要有紙檔和電子檔兩種方式保存，電子檔永久保存。

5.5.2文件的管理

5.5.2.1文控需確保發(fā)放給相關(guān)部門的文件都是有效的。

5.5.2.2文控中心發(fā)放之蓋有藍(lán)色“受控文件”有效章的文件不允許隨意涂改。受控文件發(fā)放時如有缺頁、破損、字跡模糊或遺失等現(xiàn)象，使用部門應(yīng)填寫《文件補發(fā)申請單》，由部門負(fù)責(zé)人審核，管理者代表批準(zhǔn)后方可交于文控補發(fā)。

5.5.2.3各部門如因工作需要而增加文件使用數(shù)量時，使用部門需要填寫《受控文件補發(fā)申請單》，經(jīng)部門負(fù)責(zé)人審核，管理者代表批準(zhǔn)后交文控受控發(fā)行。

5.5.2.4各部門之文件應(yīng)分類歸檔，并建立本部門《文件清單》以方便查找。

5.5.2.5其它部門如需向文控借閱文件，需先填寫《文件借閱登記表》經(jīng)過相關(guān)領(lǐng)導(dǎo)簽字同意后方可予以借閱。

5.5.2.6對于因業(yè)務(wù)關(guān)系受控文件需要發(fā)出公司以外的地方時，由申請人員填寫《文件借閱登記表》備注原因，經(jīng)部門負(fù)責(zé)人審核，管理者代表批準(zhǔn)后，由文控中心將原文件復(fù)印，于復(fù)印件右上角蓋“藍(lán)色”“外發(fā)文件”印章后方可發(fā)出。文控人員同時進行發(fā)出記錄的登記。外發(fā)后的文件不再受更改控制，文控亦不再做回收處理。

5.5.3外來文件的控制

5.5.3.1對國際、國家及行業(yè)標(biāo)準(zhǔn)，由各部門收集確認(rèn)后交文控登記在《外來文件清單》中，其分發(fā)與其它受控文件一樣進行控制。

5.5.3.2客戶或供應(yīng)商提供的圖紙等資料，由文控按公司內(nèi)部的編碼規(guī)則編號后，根據(jù)接收部門的要求發(fā)放。

5.5.4受控文件廢止

5.5.4.1由文件原制定部門或相關(guān)人員填寫《受控文件廢止申請單》，經(jīng)部門負(fù)責(zé)人審核，管理者代表批準(zhǔn)后由文控對文件進行回收銷毀處理。

5.6 與文件控制有關(guān)的記錄由文控負(fù)責(zé)保存。

6.0相關(guān)文件

無

7.0相關(guān)表單

7.1《文件修訂申請表》

7.2《受控文件收放記錄表》

7.3《受控文件補發(fā)申請單》

7.4《文件借閱登記表》

7.5《受控文件廢止申請單》

7.6《文件清單》

7.7《外來文件清單》

8.0 流程圖

無

體系管理質(zhì)量、環(huán)境、職業(yè)健康安全等管理體系知識分享！包括管理知識培訓(xùn)教材PPT、體系運行文件制度及記錄表單、審核技巧知識、實戰(zhàn)報告案例、體系內(nèi)審?fù)鈱徶R、審核員培訓(xùn)、各體系標(biāo)準(zhǔn)及標(biāo)準(zhǔn)解讀分享，支持一鍵式打包下載！是ISO各管理體系知識專業(yè)分享平臺！

什么是程序文件。

一般情況下，從外而言，程序文件是符合某種體系或者客戶的要求建立的。

從內(nèi)而言，為了標(biāo)準(zhǔn)化和規(guī)范公司的經(jīng)營活動而設(shè)立的。

所以，無論如何，對于一個成熟的企業(yè)，程序文件是必須的。

程序文件的兩種極端

程序文件的編制有兩種極端。

一種是公司就寫的大概，大致的程序文件。

這種情況下，很容易會出現(xiàn)不符合某個體系的要求或者不滿足客戶的要求，導(dǎo)致的的結(jié)果呢是拿不到體系或者客戶的認(rèn)證，進而影響公司的業(yè)務(wù)。

一種情況是公司將所有的經(jīng)營活動事無巨細(xì)全部定義在程序文件中。

比如報表的建立。

這種情況下，一般不會出現(xiàn)體系認(rèn)證機構(gòu)或者客戶處的質(zhì)問了。

但是會對企業(yè)的運營帶來一定的負(fù)擔(dān)。

1）程序文件的運行要求留存必要的記錄和追溯。

2）程序文件的執(zhí)行難度越來越高！

3）程序文件的維護成本會升高。

4）很大程度限制了公司的靈活性。

那到底程序文件應(yīng)該怎么來規(guī)劃呢？

首先先確保程序文件的范圍符合體系或者客戶的要求，確保不遺漏要求。

所以，合規(guī)性已經(jīng)規(guī)定了程序文件的最少數(shù)量。

其次，要根據(jù)目前的程序文件的實施情況來確定。

1）評估目前程序文件的執(zhí)行情況

如果普遍存在程序文件的執(zhí)行率低的情況，一般建議是不再額外增加程序文件，而是轉(zhuǎn)而去評估和改善現(xiàn)有程序文件的執(zhí)行率。

2）在某些特殊要求(比如客戶要求，比如經(jīng)營需要）需要新增內(nèi)容，如已經(jīng)有相關(guān)程序文件，不建議新增新的程序文件，而是在之前的程序文件中做增補。

3）除了以上情況下，一般會給與公司一定的靈活性。相關(guān)行為僅作為規(guī)范行為，而非加入到程序文件的行列。

十五、編班

基本流程：由教務(wù)處組織按學(xué)校編班基本原則編位 —> 主管校長簽字定稿 —> 教務(wù)處組織年級組長、班主任當(dāng)場抽簽定班，教務(wù)處統(tǒng)一編排座號。

十六、休學(xué)、復(fù)學(xué)

基本流程：

A休學(xué):學(xué)生本人及家長打報告并附相關(guān)證明 —> 班主任、年級組長簽字 —> 教務(wù)處核實情況 —> 教務(wù)處主任審核 —> 分管副校長審議 —> 校長批準(zhǔn) —> 教育局報備或報批。

B復(fù)學(xué):

1.新學(xué)期開始，學(xué)生本人持到復(fù)學(xué)時間的休學(xué)證書及醫(yī)院證明(證明該生健康狀態(tài)可到校學(xué)習(xí)) —>由校醫(yī)簽署意見—>教務(wù)處主任或分管副主任審核—>分管校領(lǐng)導(dǎo)審批—>教務(wù)處會同年級組長確定編入班級—>告知班主任，學(xué)生入學(xué)。(說明：休學(xué)生復(fù)學(xué)一律在開學(xué)初辦理)

2.因特殊情況不能按規(guī)定時間復(fù)學(xué)(推遲或提前)者，學(xué)生和家長打報告并附相關(guān)證明—>校醫(yī)務(wù)室核實病情—>教務(wù)主任或分管副主任審核—>分管校領(lǐng)導(dǎo)審批—>教務(wù)處辦理。（推遲復(fù)學(xué)者應(yīng)重新辦理再休學(xué)手續(xù)并向教育局報備）

3.超過期限未來校復(fù)學(xué)且不辦理相關(guān)手續(xù)者，教務(wù)處及時告知并于開學(xué)一周后以自動退學(xué)處理，并書面通知學(xué)生家長。

十七、訂購書籍資料

基本流程：

A教學(xué)用書：教研組長會商各備課組長在預(yù)訂單上簽單 —> 分管校領(lǐng)導(dǎo)審批 —> 圖書室統(tǒng)一辦理。

B配套用書：備課組長書面報告 —> 教務(wù)主任審簽 —>分管校領(lǐng)導(dǎo)審批 —> 圖書室統(tǒng)一辦理。

十八、打印材料

基本流程：

A自編的稿件：申請打印人編好材料、打好文稿、到文印室打印 —>書面申請 —> 教務(wù)處分管主任審批后付印。

B翻印的材料：分管校領(lǐng)導(dǎo)審批 —> 交經(jīng)辦人備案后付印。

十九、長期調(diào)課與臨時調(diào)配

基本流程：報請教務(wù)處主任同意—> 分管領(lǐng)導(dǎo)審批 —> 經(jīng)辦人員給予調(diào)課 —> 經(jīng)辦人員將調(diào)課表送達有關(guān)老師和班級 —> 出現(xiàn)意外無人上課，年級組長可應(yīng)急調(diào)課并報知教務(wù)處。

二十、外來聽課或教研

基本流程：至少提前一天向教務(wù)處提出申請 —> 本旗五人以內(nèi)，經(jīng)教務(wù)處主任同意；本旗五人以上或外地，需分管校領(lǐng)導(dǎo)同意 —> 經(jīng)辦人員給予安排聽課班級，通知授課教師，并告知門衛(wèi) —> 屆時門衛(wèi)放行。

二十一、外聘代課教師

基本流程：用人教研組提出書面申請 —> 教務(wù)處主任審核 —> 分管校領(lǐng)導(dǎo)審批—> 用人教研組推薦人選 —> 校長決定人選、待遇。

二十二、學(xué)生注冊繳費（財務(wù)室、教務(wù)處、政教處）

基本流程：

A開學(xué)前：1.新生。教務(wù)處向財務(wù)室提供新生信息、分班信息 —> 財務(wù)室整理學(xué)生資料 —> 開學(xué)時班主任領(lǐng)取新生繳費通知等說明，并向?qū)W生發(fā)放 —>學(xué)生按繳費通知及時繳納學(xué)費。 2.老生。上學(xué)期末財務(wù)室下發(fā)下學(xué)期繳費通知 —> 教務(wù)處組織班主任在放假前將繳費通知發(fā)放給學(xué)生 —> 學(xué)生按繳費通知要求及時繳納學(xué)費 —> 教務(wù)處向財務(wù)室提供分班信息 —> 財務(wù)室整理學(xué)生信息

B開學(xué)后:教務(wù)處提供簿籍信息及學(xué)生變動信息\圖書館提供課本信息\政教處提供學(xué)生住宿情況 —> 財務(wù)室\教務(wù)處\政教處共同向未繳費學(xué)生催繳 —> 財務(wù)室發(fā)放學(xué)生繳費票據(jù)

★ 總務(wù)處

二十三、請購

基本流程：

A一般及少量日用品：各部門填寫采購的申領(lǐng)請購單，做好經(jīng)費預(yù)算 —>送總務(wù)處 —> 由總務(wù)處在年度預(yù)算范圍內(nèi)統(tǒng)一組織采購。

B大宗物品，由處室主任提出申請—> 分管校領(lǐng)導(dǎo)簽字 —> 經(jīng)校長批準(zhǔn) —> 送總務(wù)處 —> 由總務(wù)處在年度預(yù)算范圍內(nèi)統(tǒng)籌采購。

二十四、采購

基本流程：

A政策規(guī)定屬政府控購和采購的：持經(jīng)批準(zhǔn)的請購手續(xù)報總務(wù)處 —> 總務(wù)處匯總后報政府采購辦統(tǒng)一采購。

B屬學(xué)校采購的：持經(jīng)批準(zhǔn)的請購手續(xù)報總務(wù)處統(tǒng)籌 —> 原則上需兩人或兩人以上經(jīng)辦 —> 大宗物品應(yīng)采用多家競標(biāo)方式 —> 有關(guān)人員共同確定性價比最合理的一家 —> 大宗采購結(jié)果在校務(wù)公開欄上公示 —> 領(lǐng)用人如在規(guī)定時限內(nèi)發(fā)現(xiàn)物品質(zhì)量有問題，采購人員應(yīng)負(fù)責(zé)退還或索賠。

二十五、驗收

基本流程：物品購回或取回 —> 校保管及有關(guān)人員核對驗收，填寫驗收報告，登記入賬 —> 各請購部門填寫領(lǐng)取單，核對領(lǐng)取。

二十六、領(lǐng)用

基本流程：

A個人用品領(lǐng)用：到保管室填寫領(lǐng)用單 —> 保管依有關(guān)規(guī)定發(fā)放物品。

B集體用品領(lǐng)用：相關(guān)部門領(lǐng)導(dǎo)簽批的領(lǐng)用申請單 —> 到保管室填寫領(lǐng)用單 —>保管依有關(guān)規(guī)定發(fā)放物品。

C特殊用品領(lǐng)用：相關(guān)部門領(lǐng)導(dǎo)簽領(lǐng)用申請單 —> 分管行政校領(lǐng)導(dǎo)簽批 —> 保管依有關(guān)規(guī)定發(fā)放物品。

二十七、報銷

基本流程：

A一般報銷：持相關(guān)手續(xù)（經(jīng)校長辦公會議通過的須附會議紀(jì)要，外出培訓(xùn)、學(xué)習(xí)需附相關(guān)文件、通知等證明材料）到財務(wù)室按要求填寫報銷單 —> 經(jīng)辦人簽章 —> 審核人簽章 —> 經(jīng)校長授權(quán)的分管領(lǐng)導(dǎo)簽批—> 校長簽批—> 持完整材料回財務(wù)室辦理有關(guān)報銷手續(xù)。

B支票轉(zhuǎn)帳 ：持相關(guān)材料（經(jīng)校長辦公會議通過的須附會議紀(jì)要）到財務(wù)室按要求填寫支票申請單、交驗發(fā)票 —> 經(jīng)辦人簽章 —> 審核人簽章 —>經(jīng)校長授權(quán)的分管領(lǐng)導(dǎo)簽批 —> 校長簽批—>回財務(wù)室辦理有關(guān)報銷手續(xù)。

二十八、報廢、報損

基本流程：已達規(guī)定使用年限的，或損壞無法維修繼續(xù)使用的，由使用人和保管清點列表并寫申請報告 —> 固定資產(chǎn)管理人員簽名 —> 校長授權(quán)的分管領(lǐng)導(dǎo)簽名 —> 按照財政有關(guān)要求上報。

二十九、修繕、裝飾、改擴建工程

基本流程：

A10萬元以上(含10萬元)重大修繕、裝飾、改擴建工程：有關(guān)部門訂出計劃 —>部門主任簽名同意后報分管校領(lǐng)導(dǎo)簽批 —> 送總務(wù)處核實情況 —> 總務(wù)處在年度預(yù)算范圍內(nèi)統(tǒng)籌安排 —>編制工程預(yù)算 —> 分管總務(wù)校領(lǐng)導(dǎo)審核 —> 經(jīng)過校長辦公會議研究決定，校長簽批 —> 按有關(guān)規(guī)定進行工程公開招標(biāo) —> 組織施工—>申請人全過程參與工程管理 —> 組織工程驗收 —> 工程結(jié)算。

B1萬元以上（含1萬元）10萬元以下的修繕、裝飾、改擴建工程： 申請部門向總務(wù)處反映并詳細(xì)登記 —> 總務(wù)處根據(jù)年度資金預(yù)算統(tǒng)籌安排，編制工程預(yù)算—> 分管總務(wù)校領(lǐng)導(dǎo)審核 —> 經(jīng)過校長辦公會議研究決定，校長簽批 —> 組織工程邀請招標(biāo)或者詢價比選 —> 組織施工 —> 申請人全過程參與工程管理—> 組織驗收 —> 工程驗收完畢后由申請人（或使用人）接收。

C1萬元以下的修繕、裝飾、改擴建工程：申請部門向總務(wù)處反映并詳細(xì)登記 —> 總務(wù)處根據(jù)年度資金預(yù)算統(tǒng)籌安排，編制工程預(yù)算 —> 分管總務(wù)校領(lǐng)導(dǎo)審批 —> 組織工程邀請招標(biāo)或者詢價比選 —> 組織施工 —> 申請人全過程參與工程管理 —> 組織驗收 —> 工程驗收完畢后由申請人（或使用人）接收。

備注：此程序如有與國家政策法規(guī)或省、市有關(guān)規(guī)定條例相抵觸，以國家政策法規(guī)或省、市有關(guān)規(guī)定條例為準(zhǔn)。

在本文中，渲云教大家找出一種刪除堵塞硬盤驅(qū)動器的緩存文件的方法（我們以Premiere Pro 為例）。

如何從Premiere Pro 釋放磁盤空間

以下是步驟：

• 從菜單中，單擊 Edit。
• 選擇首選項 > 媒體。
• 在 Media Cache Database 下，單擊 Clean。
• 點擊 確定關(guān)閉首選項對話框。

然后你會看到一個進度條出現(xiàn)，它會在完成時通知你。

完成后，會清除大量磁盤空間。

或者，您可以通過訪問此目錄來訪問媒體緩存文件：C:\Users\ *您的計算機名稱* \AppData\Roaming\ Adobe\ Common \Media Cache Files。

該文件夾中的那些文件是渲染后的視頻，如果您不使用它們，則可以刪除它們。

清理緩存后，您會看到您的計算機已獲得大量磁盤空間，這些空間被無用的文件占用。

您可以更改保存媒體緩存文件的位置，這樣 C 盤就不會總是滿了。您還可以選擇“編輯”>“首選項”>“媒體”>“媒體緩存文件”， 然后單擊“媒體”首選項中的“瀏覽”按鈕之一。

然后您可以在任何您想要的驅(qū)動器中找到它的任何位置，然后單擊“確定”完成。

總結(jié)

如何操作讓Pr軟件釋放磁盤空間，超實用教程來看看，有需求的小伙伴們一定要來看看了。另外推薦設(shè)計師們渲染可以試試渲云渲染。

渲云可以根據(jù)自身需求選擇合適的的云端服務(wù)器的配置和數(shù)量，聯(lián)機渲染，批量渲染，速度更快，價格實惠，最大限度的提升渲染速度。

更多資訊，繼續(xù)關(guān)注我吧，渲云渲染，您身邊的渲染專家。

• 前端：我們網(wǎng)站的頁面，包括網(wǎng)站的樣式、圖片、視頻等一切用戶可見的內(nèi)容都是前端的內(nèi)容。
• 后端：處理網(wǎng)站的所有數(shù)據(jù)來源，比如我們之前從數(shù)據(jù)庫中查詢數(shù)據(jù)，而我們查詢的數(shù)據(jù)經(jīng)過處理最終會被展示到前端，而用于處理前端數(shù)據(jù)的工作就是由后端來完成的。

相當(dāng)于，前端僅僅是一層皮，它直接決定了整個網(wǎng)站的美觀程度，我們可以自由地編排頁面的布局，甚至可以編寫好看的特效；而靈魂則是后端，如何處理用戶的交互、如何處理數(shù)據(jù)查詢是后端的職責(zé)所在，我們前面學(xué)習(xí)的都是后端內(nèi)容，而Java也是一門專注于后端開發(fā)的語言。

對于前端開發(fā)我們需要學(xué)習(xí)一些新的內(nèi)容，只有了解了它們，我們才能編寫出美觀的頁面。

學(xué)習(xí)前端的目的只是為了讓同學(xué)們了解前后端的交互方式，在進行后端開發(fā)時思路能夠更加清晰，有關(guān)前端的完整內(nèi)容學(xué)習(xí)，可以瀏覽其他前端知識教程。

我們在最開始講解網(wǎng)絡(luò)編程時，提到了瀏覽器訪問服務(wù)器，實際上瀏覽器訪問服務(wù)器就是一種B/S結(jié)構(gòu)（ Browser/Server，瀏覽器/服務(wù)器模式 ），而我們使用Java代碼編寫的客戶端連接服務(wù)器就是一種C/S結(jié)構(gòu)（ Client/Server架構(gòu)，即客戶端/服務(wù)器架構(gòu) ）。

HTML頁面

我們前面學(xué)習(xí)了XML語言，它是一種標(biāo)記語言，我們需要以成對標(biāo)簽的格式進行填寫，但是它是專用于保存數(shù)據(jù)，而不是展示數(shù)據(jù)，而HTML恰恰相反，它專用于展示數(shù)據(jù)，由于我們前面已經(jīng)學(xué)習(xí)過XML語言了，HTML語言和XML很相似，所以我們學(xué)習(xí)起來會很快。

第一個HTML頁面

我們前面知道，通過瀏覽器可以直接瀏覽XML文件，而瀏覽器一般是用于瀏覽HTML文件的，以HTML語言編寫的內(nèi)容，會被瀏覽器識別為一個頁面，并根據(jù)我們編寫的內(nèi)容，將對應(yīng)的組件添加到瀏覽器窗口中。

我們一般使用Chrome、Safari、Microsoft Edge等瀏覽器進行測試，IE瀏覽器已經(jīng)徹底淘汰了！

比如我們可以創(chuàng)建一個Html文件來看看瀏覽器會如何識別，使用IDEA也能編寫HTML頁面，我們在IDEA中新建一個 Web模塊 ，進入之后我們發(fā)現(xiàn)，項目中沒有任何內(nèi)容，我們右鍵新建一個HTML文件，選擇HTML5文件，并命名為index，創(chuàng)建后出現(xiàn)：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

我們發(fā)現(xiàn)，它和XML基本長得一樣，并且還自帶了一些標(biāo)簽，那么現(xiàn)在我們通過瀏覽器來瀏覽這個HTML文件（這里推薦使用內(nèi)置預(yù)覽，不然還得來回切換窗口）

我們發(fā)現(xiàn)現(xiàn)在什么東西都沒有，但是在瀏覽器的標(biāo)簽位置顯示了網(wǎng)頁的名稱為 Title ，并且顯示了一個IDEA的圖標(biāo)作為網(wǎng)頁圖標(biāo)。

現(xiàn)在我們稍微進行一些修改：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lbw的直播間</title>
</head>
<body>
    現(xiàn)在全體起立
</body>
</html>

再次打開瀏覽器，我們發(fā)現(xiàn)頁面中出現(xiàn)了我們輸入的文本內(nèi)容，并且標(biāo)題也改為了我們自定義的標(biāo)題。

我們可以在設(shè)置->工具->Web瀏覽器和預(yù)覽中將重新加載頁面規(guī)則改為 變更時 ，這樣我們使用內(nèi)置瀏覽器或是外部瀏覽器，可以自動更新我們編寫的內(nèi)容。

我們還可以在頁面中添加一個圖片，隨便將一張圖片放到html文件的同級目錄下，命名為 image.xxx ，其中xxx是后綴名稱，不要修改，我們在body節(jié)點中添加以下內(nèi)容：

<img width="300" src="image.xxx" alt="劍光如我，斬盡牛雜">
<!--  注意xxx替換成對應(yīng)的后綴名稱  -->

我們發(fā)現(xiàn)，我們的頁面中居然能夠顯示我們添加的圖片內(nèi)容。因此，我們只需要編寫對應(yīng)的標(biāo)簽，瀏覽器就能夠自動識別為對應(yīng)的組件，并將其展示到我們的瀏覽器窗口中。

我們再來看看插入一個B站的視頻，很簡單，只需要到對應(yīng)的視頻下方，找到分享，我們看到有一個嵌入代碼：

<iframe src="//player.bilibili.com/player.html?aid=333231998&bvid=BV1rA411g7q8&cid=346917516&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="800" height="500"> </iframe>

每一個頁面都是通過這些標(biāo)簽來編寫的，幾乎所有的網(wǎng)站都是使用HTML編寫頁面。

HTML語法規(guī)范

一個HTML文件中一般分為兩個部分：

• 頭部：一般包含頁面的標(biāo)題、頁面的圖標(biāo)、還有頁面的一些設(shè)置，也可以在這里導(dǎo)入css、js等內(nèi)容。
• 主體：整個頁面所有需要顯示的內(nèi)容全部在主體編寫。

我們首先來看頭部，我們之前使用的HTML文件中頭部包含了這些內(nèi)容：

<meta charset="UTF-8">
<title>lbw的直播間</title>

首先 meta 標(biāo)簽用于定義頁面的一些元信息，這里使用它來定義了一個字符集（編碼格式），一般是UTF-8，下面的 title 標(biāo)簽就是頁面的標(biāo)題，會顯示在瀏覽器的上方。我們現(xiàn)在來給頁面設(shè)置一個圖標(biāo)，圖標(biāo)一般可以在字節(jié)跳動的IconPark網(wǎng)站找到： https://iconpark.oceanengine.com/home，選擇一個自己喜歡的圖標(biāo)下載即可。

將圖標(biāo)放入到項目目錄中，并命名為icon.png，在HTML頭部添加以下內(nèi)容：

<link rel="icon" href="icon.png" type="image/x-icon" />

link 標(biāo)簽用于關(guān)聯(lián)當(dāng)前HTML頁面與其他資源的關(guān)系，關(guān)系通過 rel 屬性指定，這里使用的是icon表示這個文件是當(dāng)前頁面圖標(biāo)。

現(xiàn)在訪問此頁面，我們發(fā)現(xiàn)頁面的圖標(biāo)已經(jīng)變成我們指定的圖標(biāo)樣式了。

現(xiàn)在我們再來看主體，我們可以在主體內(nèi)部編寫該頁面要展示的所有內(nèi)容，比如我們之前就用到了img標(biāo)簽來展示一個圖片，其中每一個標(biāo)簽都稱為一個元素：

<img width="300" src="image.xxx" alt="當(dāng)圖片加載失敗時，顯示的文本">

我們發(fā)現(xiàn)，這個標(biāo)簽只存在一個，并沒有成對出現(xiàn)，HTML中有些標(biāo)簽是單標(biāo)簽，也就是說只有這一個，還有一些標(biāo)簽是雙標(biāo)簽，必須成對出現(xiàn)，HTML中，也不允許交叉嵌套，但是出現(xiàn)交叉嵌套時，瀏覽器并不會提示錯誤，而是仍舊嘗試去解析這些內(nèi)容，甚至?xí)椭覀冞M行一定程度的修復(fù)，比如：

<body>

    <iframe src="//player.bilibili.com/player.html?aid=333231998&bvid=BV1rA411g7q8&cid=346917516&page=1" width="800" height="500"
            scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true">
</body>
</iframe>

很明顯上面的代碼已經(jīng)出現(xiàn)交叉嵌套的情況了，但是依然能夠在瀏覽器中正確地顯示。

在主體中，我們一般使用div標(biāo)簽來分割頁面：

<body>
    <div>我是第一塊</div>
    <div>我是第二塊</div>
</body>

通過使用 div 標(biāo)簽，我們將整個頁面按行劃分，而高度就是內(nèi)部元素的高度，那么如果只希望按元素劃分，也就是說元素占多大就劃分多大的空間，那么我們就可以使用 span 標(biāo)簽來劃分：

<body>
    <div>
        <span>我是第一塊第一個部分</span>
        <span>我是第一塊第二個部分</span>
    </div>
    <div>我是第二塊</div>
</body>

我們也可以使用 p 段落標(biāo)簽，它一般用于文章分段：

<body>
    <p>
        你看這個彬彬啊，才喝幾罐就醉了，真的太遜了。 這個彬彬就是遜呀！
        聽你這么說，你很勇哦？ 開玩笑，我超勇的，超會喝的啦。
        超會喝，很勇嘛。身材不錯哦，蠻結(jié)實的嘛。
    </p>
    <p>
        哎，杰哥，你干嘛啊。都幾歲了，還那么害羞！我看你，完全是不懂哦！
        懂，懂什么??？ 你想懂？我房里有一些好康的。
        好康，是新游戲哦！ 什么新游戲，比游戲還刺激！
    </p>
    <p>
        杰哥，這是什么??？ 哎呦，你臉紅啦！來，讓我看看。
        不要啦??！ 讓我看看嘛。 不要啦，杰哥，你干嘛??！
        讓我看看你法語正不正常啊！
    </p>
</body>

那么如果遇到特殊字符該怎么辦呢？和XML一樣，我們可以使用轉(zhuǎn)義字符：

注意：多個連續(xù)的空格字符只能被識別為一個，如果需要連續(xù)多個必須使用轉(zhuǎn)義字符，同時也不會識別換行，換行只會變成一個空格，需要換行必須使用 br 標(biāo)簽。

通過了解了HTML的一些基礎(chǔ)語法，我們現(xiàn)在就知道一個頁面大致是如何編寫了。

HTML常用標(biāo)簽

前面我們已經(jīng)了解了HTML的基本語法規(guī)范，那么現(xiàn)在我們就來看看，有哪些常用的標(biāo)簽吧，首先是換行和分割線：

• br 換行
• hr 分割線

<body>
    <div>
        我是一段文字<br>我是第二段文字
    </div>
    <hr>
    <div>我是底部文字</div>
</body>

標(biāo)題一般用h1到h6表示，我們來看看效果：

<body>
<h1>一級標(biāo)題</h1>
<h2>二級標(biāo)題</h2>
<h3>三級標(biāo)題</h3>
<h4>四級標(biāo)題</h4>
<h5>五級標(biāo)題</h5>
<h6>六級標(biāo)題</h6>
<p>我是正文內(nèi)容，真不錯。</p>
</body>

現(xiàn)在我們來看看超鏈接，我們可以添加一個鏈接用于指向其他網(wǎng)站：

<a href="https://www.bilibili.com">點擊訪問小破站</a>

我們也可以指定頁面上的一個錨點進行滾動：

<body>
<a href="#test">跳轉(zhuǎn)錨點</a>
<img src="image.jpeg" width="500">
<img src="image.jpeg" width="500">
<img src="image.jpeg" width="500">
<img src="image.jpeg" width="500">
<div id="test">我是錨點</div>
<img src="image.jpeg" width="500">
<img src="image.jpeg" width="500">
<img src="image.jpeg" width="500">
</body>

每個元素都可以有一個id屬性，我們只需要給元素添加一個id屬性，就使用a標(biāo)簽可以跳轉(zhuǎn)到一個指定錨點。

我們接著來看看列表元素，這是一個無需列表，其中每一個 li 表示一個列表項：

<ul>
    <li>一號選項</li>
    <li>二號選項</li>
    <li>三號選項</li>
    <li>四號選項</li>
    <li>五號選項</li>
</ul>

我們也可以使用 ol 來顯示一個有序列表：

<ol>
    <li>一號選項</li>
    <li>二號選項</li>
    <li>三號選項</li>
    <li>四號選項</li>
    <li>五號選項</li>
</ol>

表格也是很重要的一種元素，但是它編寫起來相對有一點麻煩：

<table>
    <thead>
    <tr>
        <th>學(xué)號</th>
        <th>姓名</th>
        <th>性別</th>
        <th>年級</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>0001</td>
        <td>小明</td>
        <td>男</td>
        <td>2019</td>
    </tr>
    <tr>
        <td>0002</td>
        <td>小紅</td>
        <td>女</td>
        <td>2020</td>
    </tr>
    </tbody>
</table>

雖然這樣生成了一個表格，但是這個表格并沒有分割線，并且格式也不符合我們想要的樣式，那么如何才能修改這些基礎(chǔ)屬性的樣式呢，我們就需要聊聊CSS了。

HTML表單

表單就像其名字一樣，用戶在頁面中填寫了對應(yīng)的內(nèi)容，點擊按鈕就可以提交到后臺，比如登陸界面，就可以使用表單來實現(xiàn)：

一個網(wǎng)頁中最重要的當(dāng)屬輸入框和按鈕了，那么我們來看看如何創(chuàng)建一個輸入框和按鈕：

<label>
    我是輸入框
    <input type="text">
</label>

對于一個輸入框，我們一般會將其包括在一個 lable 標(biāo)簽中，它和span效果一樣，但是我們點擊前面文字也能快速獲取輸入框焦點。

<body>
<div>登陸我們的網(wǎng)站</div>
<hr>
<div>
    <label>
        賬號：
        <input type="text">
    </label>
</div>
<div>
    <label>
        密碼：
        <input type="password">
    </label>
</div>
</body>

輸入框可以有很多類型，我們來試試看password，現(xiàn)在輸入內(nèi)容就不會直接展示原文了。

創(chuàng)建一個按鈕有以下幾種方式，在學(xué)習(xí)JavaWeb時，我們更推薦第二種方式，我們后面進行登陸操作需要配合表單使用：

<button>登陸</button>
<input type="submit" value="登陸">
<input type="button" value="登陸">

現(xiàn)在我們就可以寫一個大致的登陸頁面了：

<body>
    <h1>登陸我們的網(wǎng)站</h1>
    <form>
        <div>
            <label>
                賬號：
                <input type="text" placeholder="Username...">
            </label>
        </div>
        <div>
            <label>
                密碼：
                <input type="password" placeholder="Password...">
            </label>
        </div>
        <br>
        <a href="https://www.baidu.com">忘記密碼</a>
        <br>
        <br>
        <div>
            <input type="submit" value="登陸">
        </div>
    </form>
</body>

表單一般使用 form 標(biāo)簽將其囊括，但是現(xiàn)在我們還用不到表單提交，因此之后我們再來講解表單的提交。

input 只能實現(xiàn)單行文本，那么如何實現(xiàn)多行文本呢？

<label>
    這是我們的文本框<br>
    <textarea placeholder="文本內(nèi)容..." cols="10" rows="10"></textarea>
</label>

我們還可以指定默認(rèn)的行數(shù)和列數(shù)，拖動左下角可以自定義文本框的大小。

我們還可以在頁面中添加勾選框：

<label>
    <input type="checkbox">
    我同意本網(wǎng)站的隱私政策
</label>

上面演示的是一個多選框，那么我們來看看單選框：

<label>
    <input type="radio" name="role">
    學(xué)生
</label>
<label>
    <input type="radio" name="role">
    教師
</label>

這里需要使用name屬性進行分組，同一個組內(nèi)的選項只能選擇一個。

我們也可以添加列表讓用戶進行選擇，創(chuàng)建一個下拉列表：

<label>
    登陸身份：
    <select>
        <option>學(xué)生</option>
        <option>教師</option>
    </select>
</label>

默認(rèn)選取的是第一個選項，我們可以通過 selected 屬性來決定默認(rèn)使用的是哪個選項。

當(dāng)然，HTML的元素遠(yuǎn)不止我們所提到的這些，有關(guān)更多HTML元素的內(nèi)容，可以自行了解。

CSS樣式

之前我們編寫的頁面非常基礎(chǔ)，我們只能通過一些很基本的屬性來排列我們的頁面元素，那么如何實現(xiàn)更高度的自定義呢，我們就需要用到CSS來自定義樣式，首先我們創(chuàng)建一個名為 style.css 的文件。

首先在我們HTML文件的頭部添加：

<link href="style.css" rel="stylesheet">

我們在CSS文件中添加以下內(nèi)容：

body {
    text-align: center;
}

我們發(fā)現(xiàn)，網(wǎng)頁的內(nèi)容全部變?yōu)榫又酗@示了，這正是css在生效，相當(dāng)于我們現(xiàn)在給頁面添加了自定義的樣式規(guī)則。

當(dāng)然，我們也可以選擇不使用CSS，而是直接對某個元素添加樣式：

<body style="text-align: center;">
  ...

這樣的效果其實是等同于上面的css文件的，相當(dāng)于我們直接把樣式定義在指定元素上。

也可以在頭部直接定義樣式，而不是使用外部文件：

<style>
    body {
        text-align: center;
    }
</style>

使用以上三種方式都可以自定義頁面的樣式，我們推薦使用還是第一種，不然我們的代碼會很繁雜。

樣式的屬性是非常多的，我們不可能一個一個全部講完，視頻中用到什么再來講解什么，如果同學(xué)們感興趣，可以自行下去了解。

CSS選擇器

我們首先來了解一下選擇器，那么什么是選擇器呢？我們想要自定義一個元素的樣式，那么我們肯定要去選擇某個元素，只有先找到要自定義的元素，我們才能開始編寫樣式。

我們上面的例子中使用的就是標(biāo)簽名選擇器，它可以快速選擇頁面中所有指定的的標(biāo)簽，比如我們之前使用的就是 body 標(biāo)簽，那么就相當(dāng)于頁面中所有的body元素全都使用此樣式，那么我們現(xiàn)在來試試看選擇頁面中所有的 input 標(biāo)簽：

input {
    width: 200px;
}

我們發(fā)現(xiàn)，頁面中所有的 input 元素寬度全部被設(shè)定為了200個像素（ px 是單位大小，代表像素，除了 px 還有 em 和 rem ，他們是根據(jù)當(dāng)前元素字體大小決定的相對大小，一般用于適配各種大小的瀏覽器窗口，這里暫時不用）

樣式編寫完成后，如果只有一個屬性，可以不帶 ; 若多個屬性則每個屬性后面都需要添加一個 ;

因此，一個標(biāo)簽選擇器的格式為：

標(biāo)簽名稱 {
  屬性名稱: 屬性值
}

我們還可以設(shè)定輸入框的字體大小、行高等：

input {
    width: 200px;
    font-size: 20px;
    line-height: 40px;
}

我們現(xiàn)在可以通過選擇器快速地去設(shè)置某個元素樣式了，那么如何實現(xiàn)只設(shè)置某個元素的樣式呢，現(xiàn)在我們來看看，id選擇器，我們之前已經(jīng)講解過了，每個元素都可以有一個id屬性，我們可以將其當(dāng)做一個跳轉(zhuǎn)的錨點使用，而現(xiàn)在，我們可以使用css來進行定位：

我們先為元素添加id屬性：

<h1 id="title">登陸我們的網(wǎng)站</h1>

現(xiàn)在使用CSS選擇我們的元素，并設(shè)定一個屬性，選擇某個id需要在前面加上一個 # ：

#title {
    color: red;
}

雖然id選擇器已經(jīng)可以很方便的指定某個元素，但是如果我們希望n個但不是元素都被選擇，id選擇器就無法實現(xiàn)了，因為每個元素的id是唯一的，不允許出現(xiàn)重復(fù)id的元素，因此接著我們來講解一下類選擇器。

每個元素都可以有一個 class 屬性，表示當(dāng)前元素屬于某個類（注意這里的類和我們Java中的類概念完全不同）一個元素可以屬于很多個類，一個類也可以被很多個元素使用：

<form>
    <div >
        <label class="test">
            賬號：
            <input type="text" placeholder="Username...">
        </label>
    </div>
    <div>
        <label class="test">
            密碼：
            <input type="password" placeholder="Password...">
        </label>
    </div>
</form>

上面的例子中，兩個 label 元素都使用了 test 類（類名稱是我們自定義的），現(xiàn)在我們在css文件中編寫以下內(nèi)容來以類進行選擇：

.test{
    color: blue;
}

我們發(fā)現(xiàn)，兩個標(biāo)簽的文本內(nèi)容都變?yōu)榱怂{(lán)色，因此使用類選擇器，能夠?qū)λ袨榇祟惖脑靥砑訕邮?。注意在進行類選擇時，我們需要在類名前面加上 . 來表示。

組合選擇器和優(yōu)先級問題

我們也可以讓多個選擇器，共用一個css樣式：

.test, #title {
    color: red;
}

只需要并排寫即可，注意中間需要添加一個英文的逗號用于分割，我們也可以使用 * 來一次性選擇所有的元素：

* {
    color: red;
}

我們還可以選擇位于某個元素內(nèi)的某個元素：

div label {
    color: red;
}

這樣的話，就會選擇所有位于div元素中的label元素。

當(dāng)然，我們這里只介紹了一些常用的選擇器，有關(guān)詳細(xì)的CSS選擇器可以查閱： https://www.runoob.com/cssref/css-selectors.html

我們接著來看一下選擇器的優(yōu)先級：

我們根據(jù)上面的信息，來測試一下，首先編寫一下HTML文件：

<body>
    <div class="test" id="simple" style="color: blue">我是測試文本內(nèi)容</div>
</body>

現(xiàn)在我們來編寫一下css文件：

.test {
    color: yellow;
}

#simple {
    color: red;
}

* {
    color: palegreen;
}

那么現(xiàn)在我們可以看到，實際上生效的是我們直接編寫在標(biāo)簽內(nèi)部的內(nèi)聯(lián)屬性，那么現(xiàn)在我們依次進行移除，來看看它們的優(yōu)先級。

那么如果我們希望某個屬性無視任何的優(yōu)先級，我們可以在屬性后面添加 !important 標(biāo)記，表示此屬性是一個重要屬性，它的優(yōu)先級會被置為最高。

思考：那要是我每個選擇器的這個屬性后面都加一個 !important 會怎么樣？

自定義邊距

我們來看看，如何使用css控制一個div板塊的樣式，首先編寫以下代碼，相當(dāng)于一個div嵌套了一個div元素：

<div id="outer">
    <div id="inner">
        
    </div>
</div>

現(xiàn)在編寫一下自定義的css樣式，我們將div設(shè)定為固定大小，并且背景顏色添加為綠色：

#outer {
    background: palegreen;
    width: 300px;
    height: 300px;
}

我們發(fā)現(xiàn)左側(cè)快速預(yù)覽頁面存在空隙，這是因為瀏覽器給我們添加了一個邊距屬性，我們只需要覆蓋此屬性并將其設(shè)定為0即可：

body {
    margin: 0;
}

現(xiàn)在我們給內(nèi)部嵌套的div也設(shè)定一個大小，并將顏色設(shè)定為橙色：

#inner {
    background: darkorange;
    width: 100px;
    height: 100px;
}

現(xiàn)在我們發(fā)現(xiàn)內(nèi)部的div元素位于右上角，我們還可以以百分比的形式來指定大?。?/span>

#inner {
    background: darkorange;
    width: 100%;
    height: 100%;
}

百分比會依照當(dāng)前可用大小來進行分配，比如當(dāng)前位于一個div內(nèi)部，并且外部div元素是固定大小300px，因此100%就相當(dāng)于使用了外部的全部大小，也是300px，現(xiàn)在內(nèi)部元素完全將外部元素覆蓋了，整個元素現(xiàn)在呈現(xiàn)為橙色。

我們可以為一個元素設(shè)定邊距，邊距分為外邊距和內(nèi)邊距，外部元素內(nèi)邊距決定了內(nèi)部元素與外部元素之間的間隔，我們來修改一下css樣式：

#outer {
    background: palegreen;
    width: 300px;
    height: 300px;
    padding: 10px;
}

我們發(fā)現(xiàn)，內(nèi)部的div元素小了一圈，這是因為外部div元素設(shè)定了內(nèi)邊距，上下左右都被設(shè)定為10px大小。

而我們發(fā)現(xiàn)，實際上我們在一開始也是將body的外邊距設(shè)定為了0，整個頁面跟瀏覽器窗口直接間隔0px的寬度。

編寫一個漂亮的登陸界面

現(xiàn)在我們就來嘗試編寫一個漂亮的登陸界面吧！

JavaScript語言

也稱為js，是我們整個前端基礎(chǔ)的重點內(nèi)容，只有了解了JavaScript語言，我們才能了解前端如何與后端交互。

JavaScript與Java沒有毛關(guān)系，僅僅只是名字中包含了Java而已，跟Java比起來，它更像Python，它是一門解釋型語言，不需要進行編譯，它甚至可以直接在瀏覽器的命令窗口中運行。

它相當(dāng)于是前端靜態(tài)頁面的一個補充，它可以讓一個普通的頁面在后臺執(zhí)行一些程序，比如我們點擊一個按鈕，我們可能希望執(zhí)行某些操作，比如下載文件、頁面跳轉(zhuǎn)、頁面彈窗、進行登陸等，都可以使用JavaScript來幫助我們實現(xiàn)。

我們來看看一個簡單的JavaScript程序：

const arr = [0, 2, 1, 5, 9, 3, 4, 6, 7, 8]

for (let i = 0; i < arr.length; i++) {
    for (let j = 0; j < arr.length - 1; j++) {
        if(arr[j] > arr[j+1]){
            const tmp = arr[j]
            arr[j] = arr[j+1]
            arr[j+1] = tmp
        }
    }
}

window.alert(arr)

這段代碼實際上就是實現(xiàn)了一個冒泡排序算法，我們可以直接在頁面的頭部中引用此js文件，瀏覽器會在加載時自動執(zhí)行js文件中編寫的內(nèi)容：

<script src="test.js"></script>

我們發(fā)現(xiàn)JS的語法和Java非常相似，但是它還是和Java存在一些不同之處，而且存在很多陰間語法，那么我們來看看JS的語法。

JavaScript基本語法

在js中，定義變量和Java中有一些不同，定義一個變量可以使用 let 關(guān)鍵字或是 var 關(guān)鍵字，IDEA推薦我們使用 let 關(guān)鍵字，因為 var 存在一定的設(shè)計缺陷（這里就不做講解了，之后一律使用let關(guān)鍵字進行變量聲明）：

let a = 10;
a++;
window.alert(a)

上面的結(jié)果中，我們得到了a的結(jié)果是11，也就是說自增和自減運算在JS中也是支持的，并且JS每一句結(jié)尾可以不用加分號。

js并不是Java那樣的強類型語言（任意變量的類型一定是明確的），它是一門弱類型語言，變量的類型并不會在一開始確定，因此我們在定義變量時無需指定變量的確切類型，而是在運行時動態(tài)解析類型：

let a = 10;
a = "HelloWorld！"
console.info(a)

我們發(fā)現(xiàn)，變量a已經(jīng)被賦值為數(shù)字類型，但是我們依然在后續(xù)能將其賦值一個字符串，它的類型是隨時可變的。

很多人說，這種變態(tài)的類型機制是JS的一大缺陷。

世界上只有兩種語言：一種是很多人罵的，一種是沒人用的。

我們接著來看看，JS中存在的基本數(shù)據(jù)類型：

• Number：數(shù)字類型（包括小數(shù)和整數(shù)）
• String：字符串類型（可以使用單引號或是雙引號）
• Boolean：布爾類型（與Java一致）

還包括一些特殊值：

• undefined：未定義 – 變量聲明但不賦值默認(rèn)為undefined
• null：空值 – 等同于Java中的null
• NaN：非數(shù)字 – 值不是合法數(shù)字，比如：
• window.alert(100/'xx')

我們可以使用 typeof 關(guān)鍵字來查看當(dāng)前變量值的類型：

let a = 10;
console.info(typeof a)
a = 'Hello World'
console.info(typeof a)

JavaScript邏輯運算和流程控制

我們接著來看看js中的關(guān)系運算符，包括如下8個關(guān)系運算符：大于（>）,小于（<）,小于等于（<=）,大于等于（>=）,相等（），不等（!=），全等（=），不全等（!==）

其實關(guān)系運算符大致和Java中的使用方法一致，不過它還可以進行字符串比較，有點像C++的語法：

console.info(666 > 777)
console.info('aa' > 'ab')

那么，相等和全等有什么區(qū)別呢？

console.info('10' == 10)
console.info('10' === 10)

我們發(fā)現(xiàn)，在Java中，若運算符兩邊是不同的基本數(shù)據(jù)類型，會直接得到false，而JS中卻不像這樣，我們發(fā)現(xiàn)字符串的10居然等于數(shù)字10，而使用全等判斷才是我們希望的結(jié)果。

== 的比較規(guī)則是：當(dāng)操作數(shù)類型一樣時，比較的規(guī)則和恒等運算符一樣，都相等才相等，如果兩個操作數(shù)是字符串，則進行字符串的比較，如果里面有一個操作數(shù)不是字符串，那兩個操作數(shù)通過Number()方法進行轉(zhuǎn)換，轉(zhuǎn)成數(shù)字進行比較。

因此，我們上面進行的判斷實際上是運算符兩邊都進行了數(shù)字轉(zhuǎn)換的結(jié)果進行比較，自然也就得到了true，而全等判斷才是我們在Java中認(rèn)識的相等判斷。

我們接著來看邏輯運算，JS中包括&&、||、&、|、?:等，我們先來看看位運算符：

console.info(4 & 7)
console.info(4 | 7)

實際上和Java中是一樣的，那么我再來看看邏輯運算：

console.info(true || false)

對于boolean變量的判斷，是與Java一致的，但是JS也可以使用非Boolen類型變量進行判斷：

console.info(!0)
console.info(!1)

和C/C++語言一樣，0代表false，非0代表true，那么字符串呢？

console.info(!"a")
console.info(!"")

我們發(fā)現(xiàn)，空串為false，非空串為true，我們再來看看：

console.info(true || 7)
console.info(7 || true)

我們發(fā)現(xiàn)，前者得到的結(jié)果為true，而后者得到的結(jié)果卻是是7，真是滑天下之大稽，什么鬼玩意，實際上是因為，默認(rèn)非0都是true，而后者又是先判斷的7，因此會直接得到7而不是被轉(zhuǎn)換為true

那么我們再來看看幾個特殊值默認(rèn)代表什么：

console.info(!undefined)
console.info(!null)
console.info(!NaN)

最后來使用一下三元運算符，實際上和Java中是一樣的：

let a = true ? "xx" : 20
console.info(a)

得益于JS的動態(tài)類型，emmm，三元運算符不一定需要固定的返回值類型。

JS的分支結(jié)構(gòu)，實際上和Java是一樣的，也是使用if-else語句來進行：

if("lbwnb"){   //非空串為true
    console.info("!!!")
} else {
    console.info("???")
}

同理，多分支語句也能實現(xiàn)：

if(""){
    console.info("!!!")
} else if(-666){
    console.info("???")
} else {
    console.info("O.O")
}

當(dāng)然，多分支語句也可以使用switch來完成：

let a = "a"
switch (a){
    case "a":
        console.info("1")
        break
    case "b":
        console.info("2")
        break
    case "c":
        console.info("3")
        break
    default:
        console.info("4")
}

接著我們來看看循環(huán)結(jié)構(gòu)，其實循環(huán)結(jié)構(gòu)也和Java相差不大：

let i = 10
while(i--){
    console.info("100")
}

for (let i = 0; i < 10; i++) {
    console.info("??")
}

JavaScript函數(shù)定義

JS中的方法和Java中的方法定義不太一樣，JS中一般稱其為函數(shù)，我們來看看定義一個函數(shù)的格式是什么：

function f() {
    console.info("有一個人前來買瓜")
}

定義一個函數(shù)，需要在前面加上 function 關(guān)鍵字表示這是一個函數(shù)，后面跟上函數(shù)名稱和 () ，其中可以包含參數(shù)，在 {} 中編寫函數(shù)代碼。我們只需要直接使用函數(shù)名+ () 就能調(diào)用函數(shù)：

f();

我們接著來看一下，如何給函數(shù)添加形式參數(shù)以及返回值：

function f(a) {
    console.info("得到的實參為："+a)
    return 666
}

f("aa");

由于JS是動態(tài)類型，因此我們不必指明參數(shù)a的類型，同時也不必指明返回值的類型，一個函數(shù)可能返回不同類型的結(jié)果，因此直接編寫return語句即可。同理，我們可以在調(diào)用函數(shù)時，不傳參，那么默認(rèn)會使用undefined：

function f(a) {
    console.info("得到的實參為："+a)
    return 666
}

f();

那么如果我們希望不傳參的時候使用我們自定義的默認(rèn)值呢？

function f(a = "6666") {
    console.info("得到的實參為："+a)
    return 666
}

f();

我們可以直接在形參后面指定默認(rèn)值。

函數(shù)本身也是一種類型，他可以被變量接收，所有函數(shù)類型的變量，也可以直接被調(diào)用：

function f(a = "6666") {
    console.info("得到的實參為："+a)
    return 666
}

let k = f;
k();

我們也可以直接將匿名函數(shù)賦值給變量：

let f = function (str) {
    console.info("實參為："+str)
}

既然函數(shù)是一種類型，那么函數(shù)也能作為一個參數(shù)進行傳遞：

function f(test) {
    test();
}

f(function () {
    console.info("這是一個匿名函數(shù)")
})

對于所有的匿名函數(shù)，可以像Java的匿名接口實現(xiàn)一樣編寫lambda表達式：

function f(test) {
    test();
}

f(() => {
    console.info("可以，不跟你多bb")
})

function f(test) {
    test("這個是回調(diào)參數(shù)");
}

f(param => {
    console.info("接受到回調(diào)參數(shù)："+param)
})

JavaScript數(shù)組和對象

JS中的數(shù)組定義與Java不同，它更像是Python中的列表，數(shù)組中的每個元素并不需要時同樣的類型：

let arr = [1, "lbwnb", false, undefined, NaN]

我們可以直接使用下標(biāo)來訪問：

let arr = [1, "lbwnb", false, undefined, NaN]
console.info(arr[1])

我們一開始編寫的排序算法，也是使用了數(shù)組。

數(shù)組還可以動態(tài)擴容，如果我們嘗試訪問超出數(shù)組長度的元素，并不會出現(xiàn)錯誤，而是得到undefined，同樣的，我們也可以直接往超出數(shù)組長度的地方設(shè)置元素：

let arr = [1, "lbwnb", false, undefined, NaN]
arr[5] = "???"
console.info(arr)

也可以使用 push 和 pop 來實現(xiàn)棧操作：

let arr = [1, "lbwnb", false, undefined, NaN]
arr.push("bbb")
console.info(arr.pop())
console.info(arr)

數(shù)組還包括一些其他的方法，這里就不一一列出了：

let arr = [1, "lbwnb", false, undefined, NaN]
arr.fill(1)
console.info(arr.map(o => {
    return 'xxx'+o
}))

我們接著來看對象，JS中也能定義對象，但是這里的對象有點顛覆我們的認(rèn)知：

let obj = new Object()
let obj = {}

以上兩種寫法都能夠創(chuàng)建一個對象，但是更推薦使用下面的一種。

JS中的對象也是非常隨意的，我們可以動態(tài)為其添加屬性：

let obj = {}
obj.name = "傘兵一號"
console.info(obj)

同理，我們也可以給對象動態(tài)添加一個函數(shù)：

let obj = {}
obj.f = function (){
    console.info("我是對象內(nèi)部的函數(shù)")
}

obj.f()

我們可以在函數(shù)內(nèi)使用this關(guān)鍵字來指定對象內(nèi)的屬性：

let name = "我是外部變量"
let obj = {}
obj.name = "我是內(nèi)部變量"
obj.f = function (){
    console.info("name屬性為："+this.name)
}

obj.f()

注意：如果使用lambda表達式，那么this并不會指向?qū)ο蟆?/span>

除了動態(tài)添加屬性，我們也可以在一開始的時候指定對象內(nèi)部的成員：

let obj = {
    name: "我是內(nèi)部的變量",
  	f: function (){
        console.info("name屬性為："+this.name)
    }
}

obj.f()

注意如果有多行屬性，需要在屬性定義后添加一個 , 進行分割！

JavaScript事件

當(dāng)我們點擊一個頁面中的按鈕之后，我們希望之后能夠進行登陸操作，或是執(zhí)行一些JS代碼來實現(xiàn)某些功能，那么這個時候，就需要用到事件。

事件相當(dāng)于一個通知，我們可以提前設(shè)定好事件發(fā)生時需要執(zhí)行的內(nèi)容，當(dāng)事件發(fā)生時，就會執(zhí)行我們預(yù)先設(shè)定好的JS代碼。

事件有很多種類型，其中常用的有：

• onclick：點擊事件
• oninput：內(nèi)容輸入事件
• onsubmit：內(nèi)容提交事件

那么如何為事件添加一個動作呢？

<input type="password" oninput="console.info('正在輸入文本')">

我們可以直接為一個元素添加對應(yīng)事件的屬性，比如 oninput 事件，我們可以直接在事件的值中編寫js代碼，但是注意，只能使用單引號，因為雙引號用于囊括整個值。

我們也可以單獨編寫一個函數(shù)，當(dāng)事件發(fā)生時直接調(diào)用我們的函數(shù)：

function f() {
    window.alert("你輸入了一個字符")
}

<input type="password" oninput="oninput()">

僅僅了解了事件，還不足以實現(xiàn)高度自定義，我們接著來看DOM。

Document對象

當(dāng)網(wǎng)頁被加載時，瀏覽器會創(chuàng)建頁面的文檔對象模型（ D ocument O bject M odel），它將整個頁面的所有元素全部映射為JS對象，這樣我們就可以在JS中操縱頁面中的元素。

比如我現(xiàn)在想要讀取頁面中某個輸入框中的內(nèi)容，那么我們就需要從DOM中獲取此輸入框元素的對象：

document.getElementById("pwd").value

通過document對象就能夠快速獲取當(dāng)前頁面中對應(yīng)的元素，并且我們也可以快速獲取元素中的一些屬性。

比如現(xiàn)在我們可以結(jié)合事件，來進行密碼長度的校驗，密碼長度小于6則不合法，不合法的密碼，會讓密碼框邊框變紅，那么首先我們先來編寫一個css樣式：

.illegal-pwd{
    border: red 1px solid !important;
    box-shadow: 0 0 5px red;
}

接著我們來編寫一下js代碼，定義一個函數(shù)，此函數(shù)接受一個參數(shù)（元素本身的對象）檢測輸入的長度是否大于6，否則就將當(dāng)前元素的class屬性設(shè)定為css指定的class：

function checkIllegal(e) {
    if(e.value.length < 6) {
        e.setAttribute("class", "illegal-pwd")   
    }else {
        e.removeAttribute("class")
    }
}

最后我們將此函數(shù)綁定到 oninput 事件即可，注意傳入了一個this，這里的this代表的是輸入框元素本身：

<input id="pwd" oninput="checkIllegal(this)" type="password">

現(xiàn)在我們在輸入的時候，會自動檢查密碼是否合法。

既然oninput本身也是一個屬性，那么實際上我們可以動態(tài)進行修改：

document.getElementById("pwd").oninput = () => console.info("???")

那么，我們前面提及的window對象又是什么東西呢？

實際上Window對象范圍更加廣闊，它甚至直接代表了整個窗口，當(dāng)然也包含我們的Document對象，我們一般通過Window對象來彈出提示框之類的東西。

發(fā)送XHR請求

JS的大致內(nèi)容我們已經(jīng)全部學(xué)習(xí)完成了，那么如何使用JS與后端進行交互呢？

我們知道，如果我們需要提交表單，那么我們就需要將表單的信息全部發(fā)送給我們的服務(wù)器，那么，如何發(fā)送給服務(wù)器呢？

通過使用XMLHttpRequest對象，來向服務(wù)器發(fā)送一個HTTP請求，下面是一個最簡單的請求格式：

let xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.baidu.com');
xhr.send();

上面的例子中，我們向服務(wù)器發(fā)起了一次網(wǎng)絡(luò)請求，但是我們請求的是百度的服務(wù)器，并且此請求的方法為GET請求。

我們現(xiàn)在將其綁定到一個按鈕上作為事件觸發(fā)：

function http() {
    let xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://www.baidu.com');
    xhr.send();    
}

<input id="button" type="button" onclick="http()">

我們可以在網(wǎng)絡(luò)中查看我們發(fā)起的HTTP請求并且查看請求的響應(yīng)結(jié)果，比如上面的請求，會返回百度這個頁面的全部HTML代碼。

實際上，我們的瀏覽器在我們輸入網(wǎng)址后，也會向?qū)?yīng)網(wǎng)站的服務(wù)器發(fā)起一次HTTP的GET請求。

在瀏覽器得到頁面響應(yīng)后，會加載當(dāng)前頁面，如果當(dāng)前頁面還引用了其他資源文件，那么會繼續(xù)向服務(wù)器發(fā)起請求，直到頁面中所有的資源文件全部加載完成后，才會停止。

但您知道家丞存儲同樣也可以進行微信、qq、企業(yè)微信的重要文字、PPT和表格的備份以及進行文檔投屏嗎？

關(guān)于家丞存儲，這兩個有用的小技巧您得知道。

微信、QQ、企業(yè)微信文件備份

微信、qq作為我們生活中重要的社交軟件，在我們使用過程中積累了越來越多的word、Excel、PPT等文檔。但這些文件不是永久保存的，不及時存檔就會過期或被清理。

如何使用家丞存儲備份微信等社交軟件上的文檔？

首先，在微信、qq或企業(yè)微信中的聊天記錄里找到要保存到家丞存儲的文件，如下圖所示（以微信為例）：

然后打開文件，點擊右上角的“ … ”按鈕，選擇“其他應(yīng)用打開”，選擇“家丞存儲”，如下圖所示：

↓↓↓

↓↓↓

最后，選擇到家丞存儲app的目標(biāo)文件夾或者新建文件夾后，點擊確定，您的文件就會保存到家丞存儲上。如下圖所示：

我的空間：為個人空間，如果備份在這里，則文檔只有自己能看到。

共享空間：備份到共享空間的文檔，家丞存儲設(shè)備的所有成員都可以看到，有便于快速分享給大家。

外部存儲：如果備份到外存儲，文檔則直接保存在外聯(lián)的移動硬盤等存儲設(shè)備中。

根據(jù)文件的保密程度，選好要備份的文件夾后，點擊確定，文件就直接備份到了您的家丞存儲設(shè)備中。不僅是word文檔，包括Excel、PPT等文件都可以輕松備份，這樣就不用在擔(dān)心文件在微信、qq或企業(yè)微信中過期失效，而且還可以放心清理緩存，釋放手機空間。

如此文件存儲在家里的 設(shè)備中，無論您在哪里，通過手機、電腦隨時隨地遠(yuǎn)程瀏覽查看，隨存隨取，簡單實用，趕快來試一下吧。

技巧二：文檔一鍵投屏

市面上有很多投屏設(shè)備，但大多數(shù)連接不方便需要在顯示屏下載第三方軟件，而且鏡像投屏也經(jīng)常將投屏設(shè)備的屏幕操作同步顯示在大屏上，如果不涉及個人隱私還好，一旦接收隱私信息暴露在眾目睽睽之下，那種尷尬在場的人都能體會到。

家丞投屏的必備條件：任意有HDMI接口的屏幕（大屏、電視、電腦顯示器等均可）、家丞存儲盒子、連接網(wǎng)絡(luò)。

將屏幕HDMI接口與家丞存儲連接，就能全格式一鍵投屏。

首先，打開家丞存儲APP進入主頁

選擇要投屏的文件類型（圖片、視頻、文檔）

以文檔投屏為例，點擊進入文檔頁面，會顯示PDF、Word、Excel、PPT等各種類型的文件。

如要PPT文檔投屏進行演講，點擊演示，從中選擇自己文件。

點開文件后，點擊右上角的投屏圖標(biāo)，就可以實現(xiàn)一鍵投屏了。

由于家丞存儲 對數(shù)據(jù)的聚合智能管理，手機本地以及盒子中的文件都能直觀的顯示在手機中，非常方便查找。

手機可作為遙控，對文件進行翻頁以及放大縮小，而且由于家丞投屏采用內(nèi)容投屏模式，在投屏過程中手機接收的信息以及手機其它操作都不會在大屏中顯示，保護了屏幕隱私。

學(xué)會這兩個小技巧將會給您日常生活辦公帶來很大的便利，家丞存儲還有很多實用小技巧，后期繼續(xù)為您生活“支招”。