整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
當web開發還是一項新技術的時候，無論定義網頁內容還是定義網頁樣式，都是使用的HTML語言，HTML的內容和樣式沒有區分開，如古老的HTML樣式：
<H3 COLOR=RED><CENTER>樣式</CENTER></H3>
其中color表示顏色，center讓文字居中，不是目前規范的書寫形式，而且舊的HTML標簽都是大寫的，web開發人員還需要來回切換大小寫，所以很多人認識到了這種開發方式并不理想。
Web開發人員想開發一種新的語言，把表示樣式的代碼從HTML中分離出來，并且創建一種規則來定義HTML標簽要顯示成什么樣子，這門語言叫做CSS，CSS是用來描述HTML標簽應該如何顯示的一個代碼。如：
<h3>樣式</h3>
用CSS可以讓h3標簽顯示成綠色，讓h3字體在大一點，讓h3有一個下劃線，可以統一字體的顯示樣式等。
CSS樣式
CSS的全稱叫做 Cascading Style Sheets 級聯樣式表，CSS的工作方式依賴于"選擇器"可以選擇HTML標簽，并且修改這些標簽的樣子。
選擇器的類型有：
1、類型選擇器：不帶尖括號的標簽名，最簡單的選擇器
類型選擇器
定義了一個P標簽，如果想在CSS中選擇這個標簽，首先寫上字母P，然后選擇要定的屬性如text-decoration，并設置這個屬性的屬性值為underline下劃線，在瀏覽器中這個段落就會顯示下劃線。
類型選擇器
使用選擇器的時候我們必須要遵守選擇器的特殊語法規則：
選擇器名字后面是一個開始的大括號，屬性和屬性值中間是冒號，屬性值后面是分號，這里面任何一部分都不能丟掉，否則CSS無法正常工作，并且要注意標點符號全部是英文半角的，最后在所有的屬性列表后面是一個結束的大括號，大括號的作用就是可以在里面寫很多屬性，如圖：
類型選擇器
顯示結果為帶下劃線的紅色字體段落：
類型選擇器
在CSS中使用標簽名選擇標簽的時候，類型選擇器會作用在所有同名標簽中。所以這里只定義額一CSS樣式，它會作用在所有的P標簽中。
2、派生選擇器
可以讓CSS標簽作用在很小的范圍內，如下圖，只讓CSS作用在li標簽中，所以選擇ul標簽中的li標簽即可。
派生選擇器
3、偽類選擇器
1）在原有選擇器的基礎上添加一個限定條件，當某種情況發生時在選擇這個標簽。如下圖，首先定義個a的類型選擇器，讓頁面中所有的超鏈接下劃線都不顯示，然后通過派生選擇器控制鼠標的動作，當鼠標移上去的時候，超鏈接文字顯示下劃線并顯示為深藍色。
偽類選擇器
偽類選擇器
這條規則只有當鼠標放到超鏈接上停留的時候才會被應用，因此當某種情況發生時候偽類選擇器才會被應用在某個標簽上。
a的偽類選擇器一共有四種：
:link 未被訪問的鏈接的樣式；和a標簽相同時，并且同時存在的時候會覆蓋a標簽
:hover 鼠標移動到超鏈接上的時候
:active 選擇器用于活動鏈接，被選定的超鏈接。
:visited 已被訪問的超鏈接，
注釋：在 CSS 定義中，:hover 必須位于 :link 和 :visited 之后（如果存在的話），這樣樣式才能生效。
2）使用偽類選擇器縮小選擇范圍
:first-child 縮小標簽的選擇范圍，如圖：
如果一個標簽后面還接了一個子標簽，在子標簽后面冒號：first-child，說明這里只選擇了子標簽中的第一個標簽，可以看到瀏覽器中有序列表中的第一個li子元素"北京"顏色為紫色。
偽類選擇器
偽類選擇器
CSS樣式
在head標簽中添加style子標簽，在style標簽里寫一個屬性type="text/css"，這樣瀏覽器就知道當頁面顯示出來的時候，需要把style中的CSS代碼應用到HTML中，因此可以在style標簽中創建CSS規則。
css樣式
每天進步一點點，跟著教頭學開發。
0月19日，江蘇省教育考試院公布江蘇省2024年普通高考報名問答，對考生在高考報名中的疑問進行了詳細解答——
1.2024年高考網上報名的時間和網址是什么？
答：2024年高考網上報名時間為2023年11月1日至4日，信息確認的截止時間為11月7日17時。報名網址為www.jseea.cn或gk.jseea.cn。
2.哪些人員可以參加高考報名？
答：（1）具有我省戶籍且同時符合下列條件的人員，可以申請報名：①遵守中華人民共和國憲法和法律；②高級中等教育學校畢業或具有同等學力；③身體狀況符合相關要求。
（2）非我省戶籍的來蘇務工就業人員隨遷子女（以下簡稱“隨遷子女”）申請在我省參加高考的，除符合上述條件外，還須同時具備以下條件：①在我省取得普通高中學籍并有完整的普通高中學習經歷；②其監護人在我省有合法穩定職業、合法穩定住所（含租賃）。
（3）在我省定居并符合報名條件的外國人，持公安機關簽發的《中華人民共和國外國人永久居留身份證》，可以申請報名。符合條件的港澳臺籍考生，可以申請報名。
3.哪些人員不能參加高考報名？
答：下列人員不得報名：
（1）具有普通高等學歷教育資格的高校在校生，或已被普通高校錄取并保留入學資格的學生；
（2）高級中等教育學校非應屆畢業的在校生；
（3）在高級中等教育階段非應屆畢業年份以弄虛作假手段報名并違規參加普通高校招生考試（包括全國統考、省級統考和高校單獨組織的招生考試）的應屆畢業生；
（4）因違反國家教育考試規定，被給予暫停參加高考處理且在停考期內的人員；
（5）因觸犯刑法已被有關部門采取強制措施或正在服刑者。其中，未成年人按相關法律規定執行。
4.我省學籍的高級中等教育學校應屆畢業生如何報名？
答：我省學籍的高級中等教育學校應屆畢業生必須遵循“高考與合格性考試同一屬地報名考試”的原則，在報名地市、縣（市、區）招生考試機構指定的地點辦理報名手續。
5.非我省學籍的我省戶籍應屆畢業生如何報名？
答：非我省學籍的我省戶籍應屆畢業生，在其戶籍所在市、縣（市、區）招生考試機構指定的地點辦理報名手續。在報名開始前，一律先由市、縣（市、區）招生考試機構指定的專人進行資格審核，審核通過后才能報名。非我省學籍的我省戶籍應屆畢業生報名時，須提供當地教育行政部門出具的學籍卡和實際就讀證明等佐證材料。
6.往屆生、社會考生如何報名？
答：往屆生、社會考生，在其戶籍所在市、縣（市、區）招生考試機構指定的地點辦理報名手續。在報名開始前，一律先由專人進行資格審核，審核通過后才能報名。往屆生、社會考生須提供畢業證等有關證件。已被普通高校錄取而未報到或報到后退學的考生，報名時必須上交有關高校的錄取通知書或提供退學證明。
7.在我省就讀的隨遷子女如何報名？
答：隨遷子女考生須由考生本人向現就讀中學提交《2024年來蘇務工就業人員隨遷子女高考報名申請表》，由現就讀中學匯總后報就讀中學所屬教育行政部門和縣（市、區）招生考試機構，經審核通過后方可完成報名手續。報名時還須提供以下證明材料：（1）身份證明?？忌救硕矸葑C和戶口簿的原件及復印件。（2）穩定住所證明?？忌救嘶蚱浔O護人的房屋產權證、房屋買賣合同、租賃合同，或考生和其監護人在我省的暫住證（居住證）等證明材料的原件和復印件。（3）監護人就業證明。監護人在我省的就業單位或所在社區（村委會）出具的就業證明原件。
8.在我省定居的外國人、港澳臺籍考生以及其他非普通高中應屆畢業生等，如何報名？
答：在我省定居的外國人、港澳臺籍考生以及其他非普通高中應屆畢業生等，在報名開始前，一律先由專人進行資格審核，審核通過后才能報名。
9.考生的報考科類有哪些？
答：考生的報考科類分為普通類、體育類和藝術類。
10.2024年普通高考考試科目有哪些？
答：2024年我省普通高考實行“3+1+2”模式。其中“3”是指統一高考的語文、數學、外語3門科目；“1”是指考生首選科目在物理、歷史兩門中選擇1門；“2”是指考生再選科目在思想政治、地理、化學、生物4門中選擇2門。
語文、數學、外語3門統考科目采用全國統一命題試卷，選擇性考試科目由我省自行組織命題。
11.高考文化總成績是如何組成的？
答：高考總分值為750分，由全國統一高考的語文、數學、外語3個科目成績和考生選擇的3門學業水平選擇性考試科目成績組成。
語文、數學、外語3門統考科目，每門150分，其中外語科目含聽力考試30分。各科均以原始分計入考生總分。
3門選擇性考試科目，每門100分。其中，物理、歷史以原始分計入總分，其余4門科目（思想政治、地理、化學、生物）以等級分計入總分。
12.選擇性考試科目組合有哪些？
答：選擇性考試科目有12種組合，具體如下：
13.考生選科時須參考2024年擬在江蘇招生的普通高校本科專業選考科目要求，在哪查看？
答：從2024年起，普通高校本科專業選考科目要求按教育部2021年新修訂的《普通高校本科招生專業選考科目要求指引（通用版）》執行。省教育考試院已于2022年1月在網站發布了2024年擬在江蘇招生的普通高校本科專業選考科目要求（https://www.jseea.cn/webfile/index/index_zkxx/2022-01-18/27031.html），請考生登錄查看。2024年在我省實際招生的高校、專業、計劃及選考科目要求，以省教育考試院公布的2024年招生計劃?？癁闇?。
14.綜合素質評價有哪些內容？
答：綜合素質評價內容分為思想品德、學業水平、身心健康、藝術素養、社會實踐、自我認識與生涯規劃六個方面。
思想品德主要考察學生在愛黨愛國、理想信念、誠實守信、仁愛友善、責任義務、安全防范等方面的認知與表現。
學業水平主要考察學生各門課程基礎知識、基本技能掌握情況以及運用知識解決問題的能力等。
身心健康主要考察學生的健康生活方式、體育鍛煉習慣、身體機能、運動技能和心理素質等。
藝術素養主要考察學生對藝術的審美感受、理解、鑒賞和表現的能力。
社會實踐主要考察學生的創新素養和在社會生活中動手操作、勞動技能、體驗經歷等情況。
自我認識與生涯規劃主要考察學生加強自我認知、樹立專業志向、學會選擇課程、實現主動發展等情況。
15.綜合素質評價在高校招生錄取中有何作用？
答：綜合素質評價是高校招生錄取的重要參考。高校根據學校辦學特色和人才培養要求，制定科學規范的高中學生綜合素質評價使用辦法，在招生章程中明確，并提前向社會公布，評價結果作為招生錄取的重要參考。在考生分數相同時，可作為優先錄取和優先安排專業的依據。
16.哪些考生可申請享受照顧政策？
答：（1）有下列情形之一的考生，在其文化統考成績總分的基礎上增加一定分數投檔；達到高校投檔條件的，由高校審查決定是否錄取。同一考生如符合多項增加分數投檔條件的，只能取其中幅度最大的一項分值，且不得超過20分。所有高考加分項目及分值均不得用于高校不安排分省招生計劃的藝術類專業、高水平運動隊、高校專項計劃等招生項目。
①烈士子女，錄取時加20分投檔。
②在服役期間榮立二等功以上或被戰區（原大軍區）以上單位授予榮譽稱號的退役軍人，錄取時加20分投檔。
③歸僑、華僑子女、歸僑子女和臺灣省籍考生（含臺灣戶籍考生），錄取時加5分投檔。
④自主就業的退役士兵，錄取時加10分投檔。
（2）符合下列條件之一，達到有關高校投檔要求的，在與其他考生同等條件下優先錄?。?/p>
平時榮獲二等功或者戰時榮獲三等功以上獎勵軍人的子女，一至四級殘疾軍人的子女，因公犧牲軍人的子女，駐國家確定的三類以上艱苦邊遠地區和西藏自治區、解放軍總部劃定的二類以上島嶼工作累計滿20年軍人的子女，在國家確定的四類以上艱苦邊遠地區或者解放軍總部劃定的特類島嶼工作累計滿10年軍人的子女，在飛或停飛不滿1年或達到飛行最高年限空勤軍人的子女，從事艦艇工作滿20年軍人的子女，在航天和涉核崗位工作累計滿15年軍人的子女，公安英模和因公犧牲、一級至四級因公傷殘公安民警子女，退出部隊現役的考生，殘疾人民警察，經共青團中央青年志愿者守信聯合激勵系統認定獲得5A級青年志愿者的考生，受到市級以上人民政府或省級以上部門表彰的見義勇為人員或其子女。
國家綜合性消防救援隊伍人員及其子女參加全國統考錄取的，參照軍人有關優待政策執行。
17.如何申請享受照顧政策？
答：符合照顧政策的考生須由本人申請，認真填寫《江蘇省2024年普通高校招生享受照顧政策考生申請表》，按規定流程完成相應職能部門資格審核，并于2023年12月31日前連同相關證明材料交高考報名點。逾期不予受理。
18.網上報名的主要流程如何？
答：（1）信息填報
考生須在規定時間內憑身份證、考籍號登錄網上報名系統，根據自身實際情況和填報要求如實填報相關信息，并立即網上提交?？忌W上提交報名信息時，網上報名系統將對考生報名信息進行數據邏輯校驗，如果出現警告或提示信息，說明考生填報的欄目信息有誤或有關成績不符合要求，考生必須按警告或提示的內容仔細檢查所填報欄目并進行修改，直至正確為止。
（2）網上支付
考生報名信息網上提交成功后，系統將根據考生實際所報考科目自動生成應繳納報名考試費金額，考生可通過網銀、支付寶、微信等方式，按照核定金額支付報名考試費。網上支付成功后，考生方可到規定的報名點簽字確認報考信息。
報考藝術類專業省統考的考生，還須單獨支付相應的報名考試費。
（3）信息確認
網上支付成功的考生，各報名點統一打印考生報名信息確認表，考生須在規定的時間內到規定的報名點仔細核對本人的報名信息，核對無誤后，由考生本人在報名信息確認表上親筆簽字確認。報名信息確認截止時間為11月7日17時。
19.考生應如何正確填報戶籍信息？
答：考生務必核準本人最新戶籍信息，并確保與公安戶籍信息一致。如考生戶籍調整，須及時申請修改報名時填報的信息。如因填寫錯誤或戶籍信息更新不及時，導致后期不能填報相關志愿，以及由此引起的其他遺留問題均由考生本人負責。
20.網上報名成功后，可以修改報考信息嗎？
答：考生報名信息網上提交成功后，在打印信息確認表之前，考生可憑密碼重新上網修改自己所填的報名信息?？忌鷪竺畔⒁唤洿蛴〈_認，任何人不得擅自更改。如因特殊情況確需修改信息的，由考生本人向報名點提出申請，經批準后，由報名點進行修改，并須重新打印后進行確認。
21.體育類、藝術類考生高考文化考試科目有哪些？
答：我省體育類、藝術類考生的高考文化考試科目與普通類考生一致，實行“3+1+2”模式。其中“3”是指統一高考的語文、數學、外語3門科目；“1”是指考生首選科目在物理、歷史兩門中選擇1門；“2”是指考生再選科目在思想政治、地理、化學、生物4門中選擇2門。
22.體育類、藝術類考生如何進行專業考試報名？
答：報考體育類、藝術類專業考試的考生須在高考報名時一并填報體育類或藝術類專業考試相關信息。
23.2024年藝術類專業省統考如何報名？
答：我省2024年普通高校招生藝術類專業省統考報名與2024年高考報名同步進行。從2024年起，我省開設音樂、舞蹈、表（導）演、播音與主持、美術與設計和書法等6類省統考，考生可報考上述1類或多類。
報考省統考的考生須于11月1日至7日按照報考類別分別進行省統考專業考試報考信息確認和繳費，截止時間為11月7日17時。考生完成網上支付后，須返回系統查詢繳費狀態，當繳費狀態為“已支付”時方可打印專業考試信息確認表。報名結束后，考生須在規定的時間內自行上網打印專業考試通知書?？忌鷳{相應的專業考試通知書和本人身份證參加省統考專業考試。
24.音樂類專業省統考如何填報報名信息？
答：音樂類專業省統考分音樂表演、音樂教育兩個方向。其中音樂表演方向僅設主項（聲樂或器樂），無副項；音樂教育方向設主項（聲樂或器樂）和副項（器樂或聲樂），主項和副項須不同。報名時，考生可兼報音樂表演和音樂教育兩個方向。兼報音樂表演和音樂教育的考生，其兩個方向的主項須相同，相同考試科目只考1次，考試成績互認（按相應的分值比例折算）。報考方向和主項一經選定，不得修改。
25.表（導）演類專業省統考如何填報報名信息？
答：表（導）演類專業省統考分為戲劇影視表演、服裝表演和戲劇影視導演3個方向。報名時，考生可兼報戲劇影視表演、服裝表演、戲劇影視導演方向。兼報戲劇影視表演和戲劇影視導演的考生，相同考試科目只考1次，考試成績互認（按相應的分值比例折算）。報考方向一經選定，不得修改。
26.報考戲曲類省際聯考的考生如何填報報名信息？
答：根據教育部有關規定，戲曲類省際聯考由有關省級教育行政部門、招生考試機構、戲曲類本科專業招生高校共同組織實施，考試成績用于戲曲類專業的招生錄取。戲曲類本科專業實行省際聯考后，招生高校不再組織其他考試。
實行省際聯考的高校戲曲類本科專業包括音樂表演（戲曲音樂）、作曲與作曲技術理論（戲曲音樂）、表演（戲曲表演）、戲劇影視導演（戲曲導演）等。每個專業或劇種（方向）在全國設置一個考點，相關考生均可申請參加考試。高校戲曲類?？茖I不再單獨組織省際聯考，由招生高校自行選擇對應到戲曲類省際聯考或省統考相應類別，并及時向考生公布。
報考戲曲類省際聯考的考生，在高考報名時須選擇“戲曲類省際聯考”，高考報名結束后按照組考高校要求參加報名和考試。
27.報考藝術類專業校考的考生報名時還需注意什么？
答：?？嫉膱竺麜r間、地點和要求由招生高校確定，考生根據招生高校的要求完成報名手續。報考有關院校藝術類專業校考的考生，如其所報考專業是省統考涵蓋專業，須根據江蘇省及招生高校的要求，參加相關專業省統考且省統考成績合格，方能按招生院校的錄取規則參加錄取。2024年江蘇省普通高校招生藝術類專業省統考涵蓋專業范圍按《關于公布2024年江蘇省普通高校招生藝術類專業省統考涵蓋專業范圍的通知》（蘇教考招〔2023〕1號）執行。
28.考生報考學業水平選擇性考試科目有什么要求？
答：考生所選的選擇性考試科目，其所選科目的學業水平合格性考試成績達到合格后，方可參加該科目的選擇性考試。
29.意向參加2024年高職院校提前招生的考生，對其合格性考試有何要求？
答：凡意向參加2024年高職院校提前招生的考生，須取得語文、數學、外語、思想政治、歷史、地理、物理、化學、生物、信息技術10門科目的合格性考試成績?？忌粑慈〉蒙鲜?0門科目的合格性考試成績，應報名參加相應科目考試?？忌魧σ讶〉玫暮细裥钥荚嚦煽儾粷M意的，可報名相應科目的考試。
揚子晚報/紫牛新聞記者 楊甜子
校對 王菲
今年國慶假期終于可以憋在家里了不用出門了，不用出去看后腦了，真的是一種享受。這么好的光陰怎么浪費，睡覺、吃飯、打豆豆這怎么可能（耍多了也煩），完全不符合我們程序員的作風，趕緊起來把文章寫完。
這篇文章比較基礎，在國慶期間的業余時間寫的，這幾天又完善了下，力求把更多的前端所涉及到的關于文件上傳的各種場景和應用都涵蓋了,若有疏漏和問題還請留言斧正和補充。
以下是本文所涉及到的知識點，break or continue ?
原理很簡單，就是根據 http 協議的規范和定義，完成請求消息體的封裝和消息體的解析，然后將二進制內容保存到文件。
我們都知道如果要上傳一個文件，需要把 form 標簽的enctype設置為multipart/form-data,同時method必須為post方法。
那么multipart/form-data表示什么呢？
multipart互聯網上的混合資源，就是資源由多種元素組成，form-data表示可以使用HTML Forms 和 POST 方法上傳文件，具體的定義可以參考RFC 7578。
multipart/form-data 結構
看下 http 請求的消息體
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryDCntfiXcSkPhS4PN 表示本次請求要上傳文件，其中boundary表示分隔符，如果要上傳多個表單項，就要使用boundary分割，每個表單項由———XXX開始，以———XXX結尾。
每一個表單項又由Content-Type和Content-Disposition組成。
Content-Disposition: form-data 為固定值，表示一個表單元素，name 表示表單元素的 名稱，回車換行后面就是name的值，如果是上傳文件就是文件的二進制內容。
Content-Type：表示當前的內容的 MIME 類型，是圖片還是文本還是二進制數據。
解析
客戶端發送請求到服務器后，服務器會收到請求的消息體，然后對消息體進行解析，解析出哪是普通表單哪些是附件。
可能大家馬上能想到通過正則或者字符串處理分割出內容，不過這樣是行不通的，二進制buffer轉化為string,對字符串進行截取后，其索引和字符串是不一致的，所以結果就不會正確，除非上傳的就是字符串。
不過一般情況下不需要自行解析，目前已經有很成熟的三方庫可以使用。
至于如何解析，這個也會占用很大篇幅，后面的文章在詳細說。
使用 form 表單上傳文件
在 ie時代，如果實現一個無刷新的文件上傳那可是費老勁了，大部分都是用 iframe 來實現局部刷新或者使用 flash 插件來搞定，在那個時代 ie 就是最好用的瀏覽器（別無選擇）。
DEMO
這種方式上傳文件，不需要 js ，而且沒有兼容問題，所有瀏覽器都支持，就是體驗很差，導致頁面刷新，頁面其他數據丟失。
HTML
<form method="post" action="http://localhost:8100" enctype="multipart/form-data">
選擇文件:
<input type="file" name="f1"/> input 必須設置 name 屬性，否則數據無法發送<br/>
<br/>
標題：<input type="text" name="title"/><br/><br/><br/>
<button type="submit" id="btn-0">上 傳</button>
</form>
復制代碼服務端文件的保存基于現有的庫koa-body結合 koa2實現服務端文件的保存和數據的返回。
在項目開發中，文件上傳本身和業務無關，代碼基本上都可通用。
在這里我們使用koa-body庫來實現解析和文件的保存。
koa-body 會自動保存文件到系統臨時目錄下，也可以指定保存的文件路徑。
然后在后續中間件內得到已保存的文件的信息，再做二次處理。
NODE
/**
* 服務入口
*/
var http = require('http');
var koaStatic = require('koa-static');
var path = require('path');
var koaBody = require('koa-body');//文件保存庫
var fs = require('fs');
var Koa = require('koa2');
var app = new Koa();
var port = process.env.PORT || '8100';
var uploadHost= `http://localhost:${port}/uploads/`;
app.use(koaBody({
formidable: {
//設置文件的默認保存目錄，不設置則保存在系統臨時目錄下 os
uploadDir: path.resolve(__dirname, '../static/uploads')
},
multipart: true // 開啟文件上傳，默認是關閉
}));
//開啟靜態文件訪問
app.use(koaStatic(
path.resolve(__dirname, '../static')
));
//文件二次處理，修改名稱
app.use((ctx) => {
var file = ctx.request.files.f1;//得道文件對象
var path = file.path;
var fname = file.name;//原文件名稱
var nextPath = path+fname;
if(file.size>0 && path){
//得到擴展名
var extArr = fname.split('.');
var ext = extArr[extArr.length-1];
var nextPath = path+'.'+ext;
//重命名文件
fs.renameSync(path, nextPath);
}
//以 json 形式輸出上傳文件地址
ctx.body = `{
"fileUrl":"${uploadHost}${nextPath.slice(nextPath.lastIndexOf('/')+1)}"
}`;
});
/**
* http server
*/
var server = http.createServer(app.callback());
server.listen(port);
console.log('demo1 server start ...... ');
復制代碼CODE
https://github.com/Bigerfe/fe-learn-code/
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
