9I制作厂

缃戠珯浠ｇ爜瀛︿范涓嶈�佹北父�寮赌濮嬫帉鎻℃墍链夌紪绋嬬煡璇嗐赌傛柊鎵嬪厛寤虹珛缃戦〉缁撴瀯銆佹牱寮忋赌佷氦浜掑拰娴忚�堝櫒杩愯�屾満鍒�杩欏洓绫诲熀纭�锛屽啀閫氳繃灏忛」鐩�涓茶仈鍓嶇��銆佹帴鍙ｄ笌鏁版嵁锛岄�氬父灏辫兘浠庘�滅湅鎳備唬鐮佲�濋�愭�ヨ繃娓″埌鈥滅嫭绔嬪仛鍑洪〉闈⑩�濄�傚�傛灉鐩�鏍囨槸鍒朵綔瀹屾暣缃戠珯锛岃繕闇�瑕佺户缁�瀛︿範 HTTP銆佸悗绔�璇�瑷�銆佹暟鎹�搴撳拰閮ㄧ讲銆�

涓赌銆佸厛纭�瀹氬�︿范锣冨洿锛氬墠绔�枭涉槸瀹屾暣缃戠珯

鈥灭綉绔欎唬镰佲赌濆寘鍚�鐨劼鄡鍥磋緝澶с�傚彧锅氶〉闈㈠睍绀猴紝鍓嶇��鍩虹��宸茬粡瓒冲�燂紱闇�瑕佺橱褰曘赌佽�㈠崟愣膩璇勮�恒赌佸唴瀹圭�＄悊绛夊姛鑳斤紝灏卞繀椤荤愇丕ｅ墠鍚庣��濡備綍槎臍璞伶帴鍙ｄ氦鎹㈡暟鎹�銆�

涓嶅悓鐩�鏍囧�瑰簲鐨勫熀纭赌鍐呭��

瀛︿范鐩�鏍�	浼樺厛鎺屾汇鐨勫唴瀹�	鍙�浠ュ畬鎴愮殑缁撴灉
鍒朵綔闈欐赌佺綉椤�	贬罢惭尝銆丆厂厂銆佹祻瑙堝櫒寮赌鍙戣赌呭伐鍏�	杩樺师椤甸溃缁撴瀯銆佸竷灞赌鍜岃�嗚�夋牱寮�
鍒朵綔浜や簰椤甸溃	闯补惫补厂肠谤颈辫迟銆丏翱惭銆佷簨浠躲赌佸紓姝ヨ�锋眰	瀹炵幇琛ㄥ崟銆佽彍鍗曘赌佺瓫閫夊拰鍔ㄦ赌佸唴瀹�
鍒朵綔瀹屾暣缃戠珯	鍓嶇��銆丠罢罢笔銆佸悗绔�愣膩鏁版嵁搴撱�侀儴缃�	瀹炵幇鏁版嵁淇濆瓨銆佺敤鎴锋搷浣滃拰涓氬姟娴佺▼

鍥犳�わ紝鍏ラ棬鏃朵笉蹇呭厛瀛︿範澶氫釜妗嗘灦鎴栧�嶆潅鐨勬湇鍔″櫒鎶�鏈�銆傚厛鐢ㄥ師鐢� HTML銆丆SS 鍜� JavaScript 鍋氬嚭涓�涓�鍙�浠ヨ繍琛岀殑灏忛〉闈�锛屽啀鏍规嵁椤圭洰闇�瑕佹墿灞曟妧鏈�鑼冨洿锛屽�︿範鏁堢巼鏇撮珮銆�

浜屻赌佺綉绔欎唬镰佸�︿範闇�瑕佹帉鎻＄殑鍏�椤瑰熀纭�

1. HTML锛氱悊瑙ｇ綉椤靛唴瀹瑰拰缁撴瀯

HTML 鍐冲畾椤甸潰涓�鏈変粈涔堝唴瀹癸紝浠ュ強鍐呭�逛箣闂寸殑灞傜骇鍏崇郴銆傛柊鎵嬪簲鍏堟帉鎻℃爣棰樸�佹�佃惤銆佸垪琛ㄣ�侀摼鎺ャ�佸浘鐗囥�佽〃鍗曘�佽〃鏍煎拰璇�涔夊寲缁撴瀯锛岀悊瑙ｅ厓绱犮�佸睘鎬с�佸祵濂楀拰鏂囨。缁撴瀯銆�

渚嬪�傦紝涓�涓�鐧诲綍琛ㄥ崟鑷冲皯瑕佽兘鍖哄垎琛ㄥ崟瀹瑰櫒銆佽緭鍏ユ�嗐�佹爣绛惧拰鎻愪氦鎸夐挳銆傝繖鏍峰仛涓嶄粎鏂逛究娴忚�堝櫒澶勭悊锛屼篃渚夸簬鍚庣画浣跨敤 JavaScript 鑾峰彇杈撳叆鍊硷紝骞惰�╁悗绔�鏄庣‘鎺ユ敹鍝�浜涘瓧娈点��

瀛︿範 HTML 鐨勫垽鏂�鏍囧噯涓嶆槸璁颁綇澶氬皯鏍囩�撅紝鑰屾槸鑳芥牴鎹�闇�姹傛惌鍑烘竻鏅般�佸彲缁存姢鐨勯〉闈㈢粨鏋勩��

2. CSS锛氭帶鍒跺竷灞�銆佸昂瀵稿拰閫傞厤

CSS 璐熻矗椤甸潰鐨勫�栬�傚拰甯冨眬銆傚熀纭�閮ㄥ垎鍖呮嫭閫夋嫨鍣ㄣ�佺户鎵裤�佺洅妯″瀷銆佸瓧浣撱�侀�滆壊銆佽竟璺濄�佸畾浣嶃�丗lex 甯冨眬鍜� Grid 甯冨眬銆傛柊鎵嬫渶瀹规槗鍗″湪鈥滀负浠�涔堝厓绱犳病鏈夋寜鐓ч�勬湡鎺掑垪鈥濓紝杩欓�氬父涓庣洅妯″瀷銆佸厓绱犵被鍨嬨�佺埗瀛愬�瑰櫒灏哄�告垨瀹氫綅鏂瑰紡鏈夊叧銆�

寤鸿��鍏堢敤 Flex 瀹屾垚瀵艰埅鏍忋�佸崱鐗囧垪琛ㄥ拰涓ゅ垪甯冨眬锛屽啀瀛︿範 Grid 澶勭悊鏇村�嶆潅鐨勯〉闈㈠尯鍩熴�傚悓鏃惰�佺粌涔犲獟浣撴煡璇�锛岃�╅〉闈㈣兘澶熼�傚簲鎵嬫満鍜岀數鑴戝睆骞曘�備竴涓�鍚堟牸鐨勫皬椤圭洰鑷冲皯搴斿湪涓嶅悓瀹藉害涓嬩繚鎸佸唴瀹瑰彲璇汇�佹寜閽�鍙�鐐瑰嚮銆佸浘鐗囦笉婧㈠嚭銆�

3. JavaScript锛氳�╃綉椤佃兘澶熷搷搴旀搷浣�

JavaScript 鏄�瀹炵幇缃戦〉浜や簰鐨勫熀纭�銆傚叆闂ㄩ樁娈靛簲鎺屾彙鍙橀噺銆佹暟鎹�绫诲瀷銆佹潯浠跺垽鏂�銆佸惊鐜�銆佸嚱鏁般�佹暟缁勩�佸�硅薄銆佹ā鍧楋紝浠ュ強 DOM 鏌ヨ��銆佷簨浠剁洃鍚�鍜岃〃鍗曞�勭悊銆�

渚嬪�傦紝鐐瑰嚮鎸夐挳鍚庢樉绀烘垨闅愯棌鑿滃崟锛屃船璐ㄤ笂鏄�鐩戝惉镣瑰嚮浜嬩欢锛屽啀淇�鏀瑰吤荽犵殑鐘陡鋪鎴栨牱宸娘紱鎻愪氦琛ㄥ崟鏃讹紝鍒欓湺蔫�佽�诲彇杈撳叆宥募愣膩妫�鏌ユ牸寮忥紝骞舵牴鎹�缁撴灢讟剧ず鎻愮ず淇℃伅愣膫

鍦ㄦ�ゅ熀纭�涓婏紝杩樿�佺悊瑙� Promise銆乤sync/await 鍜� JSON锛屽洜涓虹幇浠ｇ綉绔欑粡甯搁渶瑕佸紓姝ヨ幏鍙栨暟鎹�銆傚紓姝ヨ�锋眰瀹屾垚鍚庯紝椤甸潰鍐嶆牴鎹�杩斿洖缁撴灉鏇存柊鍒楄〃銆佹彁绀烘垨鎸夐挳鐘舵�併��

4. 娴忚�堝櫒鍜屽紑鍙戣�呭伐鍏凤細鐭ラ亾浠ｇ爜鍦ㄥ摢閲岃繍琛�

缃戠珯浠ｇ爜涓嶆槸鐩存帴鈥滃湪缃戦〉涓婃墽琛屸�濈殑銆侶TML銆丆SS 鍜� JavaScript 浼氳��娴忚�堝櫒瑙ｆ瀽銆佽�＄畻骞舵覆鏌撱�傚�︿範娴忚�堝櫒鍩虹��鍚庯紝搴旇兘浣跨敤寮�鍙戣�呭伐鍏锋��鏌ュ厓绱犮�佹煡鐪嬫牱寮忋�佸畾浣嶆帶鍒跺彴鎶ラ敊銆佽�傚療缃戠粶璇锋眰鍜岀‘璁ゅ搷搴斿唴瀹广��

鎺掓煡闂�棰樻椂锛屽彲浠ユ寜浠ヤ笅椤哄簭鍒ゆ柇锵�

• 椤甸溃缁撴瀯鏄�鍚︽�ｇ‘锛屽厓绱犳槸鍚﹀疄闄呯敓鎴愩赌�
• CSS 瑙勫垯鏄�鍚︾敓鏁堬紝鏄�鍚﹁��鍏朵粬閫夋嫨鍣ㄨ�嗙洊銆�
• JavaScript 鏄�鍚︽姤閿欙紝浜嬩欢鏄�鍚︽垚鍔熺粦瀹氥��
• 缃戠粶璇锋眰鏄�鍚﹀彂鍑猴紝鐘陡鋪鐮佸拰杩斿洖鏁版嵁鏄�鍚︾�﹀悎棰劻礋愣膫

杩欐瘮鍙嶅�嶄慨鏀逛唬鐮佹洿鍙�闈狅紝涔熸槸浠庣収鐫赌鏁欑▼鍐欎唬镰佽蛋鍚戠嫭绔嬪紑鍙戠殑閲嶈�佸熀纭�銆�

5. HTTP 鍜屾帴鍙ｏ細鐞嗚В鍓嶅悗绔�濡備綍閫氫俊

鍙�瑕佺綉绔欓渶瑕佺櫥褰曘�佹煡璇㈡垨淇濆瓨鏁版嵁锛屽氨蹇呴』鐞嗚В HTTP銆傞噸鐐瑰寘鎷�璇锋眰鍦板潃銆佽�锋眰鏂规硶銆佽�锋眰澶淬�佽�锋眰浣撱�佺姸鎬佺爜鍜屽搷搴旀牸寮忋�傚父瑙佹柟娉曚腑锛孏ET 閫氬父鐢ㄤ簬鑾峰彇璧勬簮锛孭OST 甯哥敤浜庢彁浜ゆ暟鎹�锛孭UT 鎴� PATCH 鍙�鐢ㄤ簬鏇存柊锛孌ELETE 鍙�鐢ㄤ簬鍒犻櫎锛涘叿浣撲娇鐢ㄤ粛搴斾互鎺ュ彛濂戠害涓哄噯銆�

鎺ュ彛濂戠害瑕佹槑纭�浠ヤ笅鍐呭�癸细

• 璇锋眰鍦板潃锛�瀹㈡埛绔�鍚戝摢涓�璧勬簮鍙戣捣璇锋眰銆�
• 璇锋眰鏂规硶锛�浣跨敤 GET銆丳OST 绛夊摢涓�绉嶆柟娉曘��
• 鍙傛暟浣嶇疆锛�鍙傛暟浣崭簬璺�宥秀�佹煡璇㈠瓧绗︿覆銆佽�锋眰澶磋繕鏄�璇锋眰浣撱赌�
• 鏁版嵁鏍煎纺锛�閫氬父闇�瑕佹槑纭� JSON 瀛楁�靛悕銆佺被鍨嬪拰鏄�鍚﹀繀濉�銆�
• 鍝嶅簲缁撴灉锛�鎴愬姛鍜屽け璐ュ垎鍒�杩斿洖浠�涔堢姸镐佺爜銆佸瓧娈靛拰閿欒��淇℃伅銆�

渚嬪�傦紝鍓嶇��璋冪敤绯麇綍鎺ュ彛鍓嶏紝搴旂煡閬撴帴鍙ｆ槸鍚︽帴鏀� username 鍜� password锛屾垚鍔熷悗杩斿洖浠赌涔堣韩浠藉嚟璇侊紝浠ュ强鍑�璇佸悗缁�鏀惧湪璇锋眰澶磋缮鏄�鍏朵粬浣嶇疆愣谋父嶈兘浠呭嚟鎺ュ彛鍚嶇О鐚滄祴鍙傛暟鍜岃繑鍥炲�硷紝瀹為檯寮赌鍙戝簲浠ユ帴鍙ｆ枃妗ｆ垨鍚庣��绾﹀畾涓哄噯銆�

6. Git 鍜屽熀纭�璋冭瘯锛氳�╀唬鐮佸彲浠ュ洖閫�鍜屽崗浣�

Git 涓嶅睘浜庣綉椤佃��瑷�锛屼絾瀹冩槸寮�鍙戠綉绔欐椂闈炲父瀹炵敤鐨勫熀纭�宸ュ叿銆傛柊鎵嬭嚦灏戝簲浼氬垱寤轰粨搴撱�佹煡鐪嬩慨鏀广�佹彁浜ょ増鏈�銆佸垱寤哄垎鏀�鍜屾仮澶嵳�嗗彶鐗堟湰銆傛瘡瀹屾垚涓�涓�娓呮櫚鐨勫皬鍔熻兘灏辨彁浜や竴娆★紝鍑虹幇闂�棰樻椂鏇村�规槗瀹氫綅鍜屽洖閫�銆�

鍚屾椂瑕佸缓绔嬭皟璇曚范鎯�锵稿厛澶嶇幇闂�棰橈紝鍐嶇缉灏忚寖鍥达紝鏌ョ湅鎶ラ敊淇℃伅锛岄獙璇佷慨鏀圭粨鏋溿赌备笉瑕佸彧渚濊禆澶嶅埗绮樿创瑙ｅ喅鏂规�堬紝鍥犱负鐩稿悓鎶ラ敊鍙�鑳界敱涓嶅悓铡熷洜閫犳垚銆�

涓夈赌佹柊鎵嬫洿閫傚悎鐨勫�︿範姝ラ��

绗�涓�闃舵�碉細鐢� HTML 鍜� CSS 瀹屾垚闈欐�侀〉闈�

鍙�浠ヤ粠涓�浜轰粙缁嶉〉銆佷骇鍝佸睍绀洪〉鎴栨枃绔犺�︽儏椤靛级腻�嬨赌傚厛鍐欓〉闈㈢粨鏋勶紝鍐嶈ˉ鍏呮牱寮忥紝链赌鍚庤繘琛岀Щ鍔ㄧ��閫傞厤銆傝繖涓�樽�娈电殑缁撴灉搴旀槸锛氢笉渚濊禆澶嶆潅妗嗘灦锛屼篃鑳借缮铡熶竴涓�缁撴瀯娓呮�氥赌佸竷灞赌绋冲畾鐨勯〉闈�愣膫

绗�浜岄樁娈碉細鍔犲叆 JavaScript 浜や簰

鍦ㄥ凡链夐〉闈�涓�澧炲姞瀵艰埅凿滃崟銆侀赌夐」鍗°赌佸浘鐗囧垏鎹�愣膩琛ㄥ崟鏍￠獙鍜屽垪琛ㄧ瓫槎膲愣膫娲�椤瑰姛鑳介兘瑕佽兘璇存槑鈥滆Е鍙戞潯浠躲赌佹墽琛岄赌昏緫鍜岄〉闈㈠彉鍖栤赌濓紝钥屼笉鏄�鍙�璁颁綇鏌愭�典唬鐮併��

绗�涓夐樁娈碉細鐢ㄦ帴鍙ｅ畬鎴愬姩娑膩鏁版嵁

閫夋嫨涓赌涓�鏈夋槑纭�鏂囨。鐨勬祴璇曟帴鍙ｆ垨镊�宸辩紪迤翮�赌鍗曞悗绔�锛岀粌浞惰�诲彇鍒楄〃銆佹彁浜よ〃鍗曘赌佸�勭悊鍔犺浇鐘陡鋪鍜屾樉绀洪敊璇�淇℃伅銆傝�锋眰鎴愬姛涓嶇瓑浜庝笟鍔℃垚鍔燂紝鍓嶇��枭设�佹牴鎹�鐘陡鋪鐮佸拰杩斿洖瀛楁�靛垽鏂�椤甸潰搴旇�ュ睍绀轰粈涔堛赌�

杩欎竴娴佺▼鍙�浠ョ敤浜庢枃绔犲垪琛ㄣ�佸晢鍝佹煡璇�愣膩鐣欒ǘ逆彁浜ょ瓑甯歌�佸姛鑳姐赌傝嫢鎺ュ彛杩斿洖瀛楁�靛彂鐢熷彉鍖栵紝鍓嶇��涔熷簲鑳介�氳绷鎺у埗鍙板拰缃戠粶闈㈡澘瀹氢綅闂�棰樸��

绗�鍥涢樁娈碉細鍐嶅�︿范妗嗘灦銆佸悗绔�鍜屾暟鎹�搴�

褰撳師鐢� JavaScript 宸茬粡鑳藉�熷畬鎴愮粍浠朵氦浜掑拰鎺ュ彛璇锋眰锛屽啀瀛︿範 Vue銆丷eact 绛夊墠绔�妗嗘灦浼氭洿瀹规槗鐞嗚В銆傛�嗘灦涓昏�佸府鍔╁紑鍙戣�呯粍缁囩粍浠躲�佺姸鎬佸拰椤甸潰鏇存柊锛屽苟涓嶄細鏇夸唬 HTML銆丆SS銆丣avaScript 鎴� HTTP 鍩虹��銆�

濡傛灉瑕佸紑鍙戝畬鏁寸綉绔欙紝鍙�浠ラ�夋嫨涓赌绉嶅悗绔�璇�瑷赌锛屽�︿範璺�鐢便赌佸弬鏁版牎楠屻赌佽韩浠借�よ瘉愣膩鏁版嵁搴撳�炲垹鏀规煡鍜岄敊璇�澶勭悊愣膫鏁版嵁搴撳叆闂ㄥ簲鍏堢愇丕ｈ〃愣膩瀛楁�点赌佷富閿�愣膩鍏宠仈鍜屾煡璇㈡潯浠讹紝鍐嶆牴鎹�椤圭洰閫夋嫨鍏蜂綋鏁版嵁搴撱赌�

鍥涖赌佸垽鏂�鑷�宸辨槸鍚︾湡姝ｅ叆闂ㄧ殑椤圭洰鏍囧噯

涓嶈�佺敤舛拿饻嬪畬澶氬皯璇剧▼舛臐鍒ゆ柇瀛︿範鏁堟灉锛屽彲浠ユ６逆煡鏄�鍚﹀畬鎴愪简涓赌涓�灏忓瀷闂�鐜�椤圭洰愣膫椤圭洰鑷冲皯搴斿寘鍚�涓赌涓�娓呮櫚椤甸潰愣膩涓�涓�浜や簰鍔熻兘愣膩涓�娆℃帴鍙ｈ�锋眰鍜屼付腻�楀紓宁告彁绀恒赌�

• 鑳戒粠闇赌姹傛媶鍑洪〉闈㈢粨鏋勫拰鏁版嵁瀛楁�点��
• 鑳戒娇鐢� HTML 鍜� CSS 瀹屾垚鍩虹��甯冨眬锛屽苟閫傞厤甯歌�佸睆骞曞昂瀵搞��
• 鑳界敤 JavaScript 缁戝畾浜嬩欢銆佽�诲彇琛ㄥ崟骞舵洿鏂伴〉闈�銆�
• 鑳芥寜鐓ф帴鍙ｅ�戠害鍙戣捣璇锋眰锛屾６逆煡鐘陡鋪鐮佸拰鍝嶅簲鏁版嵁愣膫
• 鑳介赌氳绷寮赌鍙戣赌呭伐鍏峰畾浣嶆牱寮忋赌佽剼链�鍜岀綉缁滈棶棰樸��
• 鑳界敤 Git 淇濆瓨鐗堟湰锛屽苟鍐欎笅椤圭洰杩愯�屽拰鎺ュ彛浣跨敤璇存槑銆�

鎬荤粨鏉ヨ�达紝缃戠珯浠ｇ爜瀛︿範鐨勮捣鐐规槸 HTML銆丆SS 鍜� JavaScript锛屾晥鐜囨彁鍗囩殑鍏抽敭鏄�娴忚�堝櫒璋冭瘯涓� HTTP 鎺ュ彛鐞嗚В銆傚厛鍋氶潤鎬侀〉闈�锛屽啀鍔犲叆浜や簰鍜屾暟鎹�璇锋眰锛屾渶鍚庢墿灞曞埌妗嗘灦銆佸悗绔�鍜屾暟鎹�搴擄紝灏辫兘褰㈡垚浠庨〉闈㈠埌瀹屾暣缃戠珯鐨勮繛缁�瀛︿範璺�寰勩��