web前端是做什么的
web前端是做什么的:又称为Web开发前端,是指用户在浏览器上看到和操作的网页界面。
前端介绍如下:
前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。
前端的核心技术介绍如下:
这三个是前端开发中最基本也是最必须的三个技能。前端的开发中,在页面的布局时,HTML将元素进行定义,CSS对展示的元素进行定位,再通过JavaScript实现相应的效果和交互。
虽然表面看起来很简单,但这里面需要掌握的东西绝对不会少。在进行开发前,需要对这些概念弄清楚、弄明白,这样在开发的过程中才会得心应手。
HTML介绍如下:
指的是超文本标记语言(Hyper Text Markup Language),这个也是我们网页最常用普通的语言了,经历了多个版本的发展,已经发展到5.0版了,得力于W3C建立的标准和规范,已普遍升级到了XHTML。
XHTML指可扩展超文本标签语言(EXtensible HyperText Markup Language),XHTML于2000年的1月26日成为W3C标准,是更严格更纯净的HTML代码,XHTML的目标是取代 HTML。
XHTML与HTML4.01几乎是相同的,XHTML是作为一种XML应用被重新定义的HTML,是一个W3C标准。W3C将XHTML定义为最新的HTML版本。所有新的浏览器都支持XHTML。
绛旓細1銆Web鍓嶇鏄璁$畻鏈虹瀛﹀紑鍙戠殑鏍稿績鍜岄鍩燂紝瀹冧富瑕侀拡瀵圭紪鐮佸拰鏋勫缓鍙鐨勪笢瑗匡紝涔熷氨鏄敤鎴疯繘琛屼氦浜掔殑鐣岄潰锛岄泦涓湪Web搴旂敤绋嬪簭鎴栫綉绔欎腑銆傚畠杩樺寘鎷Щ鍔ㄥ簲鐢ㄧ▼搴忕殑寮鍙戯紝璐熻矗鍒涘缓杩欎簺绫诲瀷鐨勫簲鐢ㄧ▼搴忕殑甯冨眬鎴栨灦鏋勭殑浜哄憳鏄墠绔紑鍙戜汉鍛樸2銆佸墠绔紑鍙戜汉鍛樺埄鐢ㄤ簡鍐呭绠$悊绯荤粺锛圕MS锛夛紝濡侻agento锛屽叾浠栧寘鎷琖ordPress锛...
绛旓細web鍓嶇锛鍋氱殑宸ヤ綔涓庣綉绔欑郴缁熺殑椤甸潰鐩稿叧宸ヤ綔锛屼富瑕佹槸鍒朵綔缃戦〉锛屽苟涓斿湪鍘熸湁鐨勯潤鎬侀〉闈笂澧炲姞鍚勭鐗规晥锛屼互鍙婄綉涓婄殑缁存姢绛夈俉eb鏄竴椤瑰緢鐗规畩鐨勫伐浣滐紝娑电洊鐨勭煡璇嗛潰闈炲父骞匡紝鏃㈡湁鍏蜂綋鐨勬妧鏈紝鍙堟湁鎶借薄鐨勭悊蹇点傜畝鍗曞湴璇达紝瀹冪殑涓昏鑱岃兘灏辨槸鎶婄綉绔欑殑鐣岄潰鏇村ソ鍦板憟鐜扮粰鐢ㄦ埛銆備娇鐢ㄥ埌鐨勪富瑕佹妧鏈寘鎷細HTML銆丆SS銆...
绛旓細鍓嶇寮鍙戠殑宸ヤ綔鍐呭涓昏鏄袱绫伙紝Web UI 鍜 Web App锛1. UI 涓昏鏄仛灞曠ず椤甸潰銆傜敤 HTML 鏋勫缓椤甸潰妗嗘灦锛堢粨鏋勶級锛岀劧鍚庣敤 CSS 璋冩暣鍐呭鐨勫竷灞銆佸瓧浣撱侀鑹茬瓑澶栬灞炴э紙琛ㄧ幇锛夛紝涔熶細鍊熷姪 JS 锛堜富瑕佹槸 jQuery锛夋潵鎺у埗椤甸潰鐨勪氦浜掞紙鐐瑰嚮銆佽Е鎽革級鍜屾暟鎹紙琛屼负锛夈2. App 鏂归潰鍖呭惈浜 UI 鐨勫ぇ閮ㄥ垎宸ヤ綔锛屼富瑕...
绛旓細寰堝浜哄惉杩Web鍓嶇宸ョ▼甯堬紝浣嗕笉鐭ラ亾鍏蜂綋鏄粈涔堝伐浣滐紝閭d箞Web鍓嶇宸ョ▼甯鏄共浠涔堢殑锛熸帴涓嬫潵灏辨潵涓哄ぇ瀹惰瑙c俉eb鍓嶇寮鍙戝伐绋嬪笀鏄渶杩戝嚑骞村彈閲嶈鐨勮亴涓氾紝鏈夋垚涓篧eb鍓嶇寮鍙戝伐绋嬪笀銆俉eb鍓嶇寮鍙戝伐绋嬪笀锛屼富瑕佸伐浣滄槸缁勭粐鍜屽疄琛岀綉绔欓噸鏋勶紝瀹炵幇鎵嬫満鍜岀數鑴戝鎴风涓婄湅鍒扮殑椤甸潰锛屽拰涓浜涚偣鍑汇佹煡鐪嬭鎯呯瓑鐨勪氦浜掓晥鏋溿俉eb...
绛旓細1. Web鍓嶇鎸囩殑鏄綉绔欑殑瀹㈡埛绔儴鍒嗭紝瀹冮氳繃娴忚鍣ㄥ湪PC绔拰绉诲姩绔睍鐜扮粰鐢ㄦ埛娴忚鐨勭綉椤靛唴瀹广2. Web鍓嶇鎶鏈湪缃戠珯椤甸潰鍒朵綔銆佸井淇°佺Щ鍔ㄥ簲鐢ㄥ紑鍙戜互鍙婁紤闂叉父鎴忓埗浣滅瓑澶氫釜棰嗗煙寰楀埌浜嗗箍娉涘簲鐢ㄣ3. Web鍓嶇鎶鏈爤涓昏鍖呮嫭HTML5銆丆SS3鍜孞avaScript锛圝S锛夈傝繖涓夎呭垎鍒搴旂綉椤电殑楠ㄦ灦銆佸瑙備互鍙婁氦浜掑姛鑳姐4. HTML...
绛旓細鏍峰紡銆佷氦浜掑埌鎬ц兘浼樺寲绛夐兘闇瑕佷粬浠繘琛岃冭檻鍜屽鐞嗐傚悓鏃讹紝浠栦滑杩橀渶瑕佷笌璁捐甯堛佸悗绔紑鍙戜汉鍛樼瓑鍥㈤槦鎴愬憳杩涜鍗忎綔锛屽叡鍚屽畬鎴愪竴涓」鐩殑寮鍙戝拰涓婄嚎銆傚笇鏈涜繖涓洖绛旇兘澶熷府鍔╀綘鏇村ソ鍦颁簡瑙Web鍓嶇涓昏鍋氱殑宸ヤ綔銆傚鏋滀綘杩樻湁鍏朵粬闂鎴栭渶瑕佹洿澶氱殑甯姪锛岄殢鏃惰仈绯绘垜銆傛垜灏嗗敖鍔涗负浣犳彁渚涙渶鍑嗙‘鐨勭瓟妗堝拰鏈濂界殑寤鸿銆
绛旓細web鍓嶇鍗充负缃戠珯鐨勫墠绔紑鍙,鍓嶇寮鍙戞槸鍒涘缓Web椤甸潰鎴朼pp绛夊墠绔晫闈㈠憟鐜扮粰鐢ㄦ埛鐨勮繃绋嬨倃eb鍓嶇寮鍙戦氳繃HTML,CSS鍙奐avaScript浠ュ強琛嶇敓鍑烘潵鐨勫悇绉嶆妧鏈佹鏋躲佽В鍐虫柟妗,鏉ュ疄鐜颁簰鑱旂綉浜у搧鐨勭敤鎴风晫闈氦浜掋1.鏍规嵁椤圭洰鎴栬呬骇鍝侀渶姹傝礋璐e疄鐜癙C绔強绉诲姩椤甸潰鐨勮璁″拰寮鍙戙佽皟璇曠瓑宸ヤ綔锛岄珮鏁堛侀珮璐ㄥ湴瀹屾垚浠g爜缂栧啓锛岀‘淇濈鍚...
绛旓細web鍓嶇灏辨槸鍓嶇缃戠粶缂栫▼锛屼篃琚涓烘槸鐢ㄦ埛绔紪绋嬶紝鏄负浜嗙綉椤垫垨鑰呯綉椤靛簲鐢紝鑰岀紪鍐橦TML锛孋SS浠ュ強JS浠g爜锛屾墍浠ョ敤鎴疯兘澶熺湅鍒板苟涓斿拰杩欎簺椤甸潰杩涜浜ゆ祦銆傚墠绔綉缁滅紪绋嬬殑鎸戞垬鍦ㄤ簬鐢ㄤ簬瀹炵幇鍓嶇椤甸潰鐨勫伐鍏蜂互鍙婃妧鏈彉鍖栧緱寰堝揩锛屾墍浠ュ伐绋嬪笀闇瑕佷笉鏂敞鎰忎骇涓氭槸濡備綍鍙戝睍鐨(渚嬪ECMAScript 6)銆傝璁$綉椤电殑鐩殑鍦ㄤ簬纭繚鐢ㄦ埛鎵撳紑...
绛旓細Web鍓嶇鎸囩殑鏄疻eb涓轰富鐨勬妧鏈爤锛屼笖鍋忕敤鎴蜂氦浜掍晶锛屼互JS/CSS/HTML涓哄熀纭銆Web鍓嶇鐨瀛︿範璧锋潵鐩稿绠鍗曪紝鏈潵鐨勫彂灞曞墠鏅篃鏄潪甯镐笉閿欑殑銆5G鏃朵唬锛屽墠绔細杩庢潵涓杞柊鏈洪亣鍜屾洿骞块様鐨勫彂灞曠┖闂淬5G瀵逛簬缃戠珯鐨勫彉鍖栧繀灏嗘槸宸ㄥぇ鐨勶紝鍐嶅姞涓婁竾鐗╀簰鑱旓紝VR銆佸彲绌挎埓璁惧銆佽溅杞界郴缁熴佹櫤鑳芥姇褰便佹櫤鑳戒氦浜掔瓑鏂板簲鐢ㄥ満鏅殑鍑虹幇锛...
绛旓細1銆web鍓嶇鏄涓涓仛鏈夊叧缃戦〉鐨勪竴涓杩帮紝鏄竴涓綉椤祐iew灞傜殑鎬诲緱绉板懠銆2銆丠5鏄2014骞存洿鏂扮殑涓涓獁eb璁捐鐨勬爣蹇楀拰涓浜涙柊鐨勮娉曪紝浠ュ墠鍓嶇鏄笉瀛樺湪鐨勶紝鍥犱负鍚庡彴涔鍋氬墠绔殑浜嬶紝鎵浠ョ幇鍦ㄥ墠绔嫭绔嬪嚭鏉ワ紝鑰屽緢澶氫汉鍙煡閬撴椂涓嬫柊鐨凥5锛屾槸鍥犱负涓嶄簡瑙h繖涓墠绔伐浣滐紝鏄疕5鏉ヤ唬鏇縲eb鍓嶇鐨勪竴鑸兘鏄笉浜嗚В鍓嶇宸ヤ綔鐨...