1. Web前端的基本概念是什麼Web瀏覽器的功能都有哪些
Web前端的基本概念
主要內容包括：網頁設計基礎知識；HTML的使用及HTML5新標簽的介紹；CSS基礎和應用、CSS3.0新特徵的使用； JavaScript腳本編程；本書的最後1章介紹Web前端設計的新技術——響應式網頁及目前流行的用於實現響應式網頁設計的Bootstrap前端框架的使用，通過案例詳敘了基於Bootstrap框架的響應式網站的設計與開發的完整實現過程。
Web瀏覽器的功能
不同的瀏覽器有不同的功能，現時瀏覽器和網頁會有很多功能和技術是以往沒有的。如之前提到的，因為瀏覽器戰的出現，瀏覽器和萬維網得以迅速但混亂地擴展。
以下是較為人熟悉的功能列表：
支援標准
HTTP（超文本傳輸協議）和HTTPS
HTML（超文本連結標記語言），XHTML（可擴展的超文本標記語言）及XML（可擴展標記語言）
圖形檔案格式如GIF、PNG、JPEG、SVG
CSS（層疊樣式表）
JavaScript（動態網頁DHTML）
Cookie讓網站可以追蹤瀏覽者
電子證書
Macromedia Flash
Java applet
Favicons
無線應用協議
基本功能
書簽管理
下載管理
網頁內容快取
透過第三方插件（plugins）支援多媒體
附加功能
網址和表單資料自動完成
分頁瀏覽
禁止彈出式廣告
廣告過濾
2. web前端項目經歷怎麼寫
工作描述：
1、負責基於HTML、CSS、Javascript的Web前端開發；
2、負責基於HTML5、CSS3、Javascript的移動端前端開發；
3、與UI設計師積極合作，完成網頁的前端頁面實現；
4、與後端開發工程師積極合作，完成前端與後端的整合；
5、負責前端頁面切圖及專題模版製作，優化前端頁面性能，能夠解決瀏覽器兼容性問題；
6、研究和跟蹤最新的前端技術發展，合理應用到項目中。
3. web前端開發都需要學什麼
如果你是0基礎學習web前端的話，你需要從基礎開始，由淺入深，循序漸進。
首先，學習Web前端基礎知識HTML5+CSS3、JS交互設計，這兩部分內容是Web初級前端開發工程師需要掌握的;
其次，學習Node開發、前端框架，這兩部分內容是Web前端中級開發工程師、全棧開發工程師、Vue中高級開發工程師、React初級開發工程師需要掌握的;
最後，學習小程序+數據可視化，這部分內容學習完成是全棧開發工程師、小程序開發工程師、數據可視化開發工程師需要掌握的。
除了理論知識，更重要的是實操項目，將理論技術點運用到實踐中，這樣才能達到學以致用！
4. web前端怎麼才算一個項目，小案例算嗎
算的，是一個工程都算一個項目，只是項目大小問題
5. Web前端學習之Javascript繼承的常用4種方法
今天小編要跟大家分享的文章是關於Javascript繼承的常用4種方法。相信很多學習web前端開發技術的小夥伴在學習前端開發的javascript部分的時候，在面向對象的部分就很難走下去了，主要的原因還是邏輯更加復雜了，需要理解的內容比直觀的開發布局難一點。
在面向對象編程里，封裝和繼承是比較重要的，這中間，繼承是相對而言比較難理解的，因為javascript的繼承方式比較多，也有不同的優缺點。今天小編為大家帶來這篇文章就是來和大家一起說一說Javascript繼承的常用4種方法，希望能夠對你有所幫助。
1、原型鏈繼承
核心：將父類的實例作為子類的原型
缺點：父類新增原型方法/原型屬性，子類都能訪問到，父類一變其它的都變了
2、構造繼承
基本思想
借用構造函數的基本思想就是利用call或者apply把父類中通過this指定的屬性和方法復制(借用)到子類創建的實例中。
因為this對象是在運行時基於函數的執行環境綁定的。也就是說，在全局中，this等於window，而當函數被作為某個對象的方法調用時，this等於那個對象。
call、apply方法可將一個函數的對象上下文從初始的上下文改變為由thisObj指定的新對象。
所以，這個借用構造函數就是，new對象的時候(new創建的時候，this指向創建的這個實例)，創建了一個新的實例對象，並且執行Parent裡面的代碼，而Parent裡面用call調用了Person，也就是說把this指向改成了指向新的實例，所以就會把Person裡面的this相關屬性和方法賦值到新的實例上，而不是賦值到Person上面,所以所有實例中就擁有了父類定義的這些this的屬性和方法。
因為屬性是綁定到this上面的，所以調用的時候才賦到相應的實例中，各個實例的值就不會互相影響了。
核心：使用父類的構造函數來增強子類實例，等於是復制父類的實例屬性給子類(沒用到原型)
缺點：方法都在構造函數中定義，
只能繼承父類的實例屬性和方法，不能繼承原型屬性/方法，無法實現函數復用，每個子類都有父類實例函數的副本，影響性能
3、組合繼承
組合繼承(所有的實例都能擁有自己的屬性，並且可以使用相同的方法，組合繼承避免了原型鏈和借用構造函數的缺陷，結合了兩個的優點，是最常用的繼承方式)
核心：通過調用父類構造，繼承父類的屬性並保留傳參的優點，然後再通過將父類實例作為子類原型，實現函數復用
缺點：調用了兩次父類構造函數，生成了兩份實例(子類實例將子類原型上的那份屏蔽了)
4、寄生組合繼承
核心：通過寄生方式，砍掉父類的實例屬性，這樣，在調用兩次父類的構造的時候，就不會初始化兩次實例方法/屬性，避免的組合繼承的缺點
缺點：堪稱完美，但實現較為復雜
以上就是小編今天為大家分享的關於web前端學習之Javascript繼承的常用4種方法的文章，希望本篇文章能夠對正在學習web前端技術的小夥伴們有所幫助。想要了解更多web前端知識記得關注北大青鳥web培訓官網。
文章轉載自公眾號：前端研究所
6. 2020年Web前端自學之路指南
今天小編要跟大家分享的文章是關於2020年Web前端自學之路指南。許多人可能跟著網路上的各種教程就入了前端這行的門，但大多數都只是機械的學習著資料中的內容。俗話說，選擇要比努力重要。那麼學習開發，首先應該要有一個清晰的學習路線。希望這篇文章，能為大家在選擇未來的發展方向時提供一些參考和幫助。下面來和小編一起看一看吧！
1、基礎學習
●HTML+CSS基礎：
HTML進階、CSS進階、div+css布局、排版、html+css整站開發，樣式美化和瀏覽器兼容
●JavaScript基礎：
掌握Js基本語法、條件、語句和循環、js內置對象常用方法、ECMAscript、DOM、BOM、定時器和焦點圖，並學習增強邏輯的常用演算法，實現木馬、拖放、放大鏡等常見的網路特效。
●JavaScript高級特性：
正則表達式與JSON、正則表達式案例、JavaScript原理與庫封裝、閉包、函數節流、作用域鏈、面向對象基礎、事件與運動框架封裝
●JQuery基礎使用：
DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件的基本使用，開發復雜的交互功能和效果，並能熟悉JQuery的插件開發機制。
2、HTML5+CSS3和移動Web開發
●HTML5：
HTML5新語義標簽、HTML5表單、音頻和告早視頻、離線和本地存儲、SVG、WebSocket
●CSS3：
CSS3新選擇器、偽元素、顏色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作
●圖像學：
Canvas、Canvas游戲、數據可視化、Heighcharts.js
●Bootstrap：
響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用擾友乎模板、LESS和SASS
●移動Web開發：
跨終端WEB和主流設備簡介、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、商城頁面、滾屏
3、HTTP服務和AJAX編程
●WEB伺服器基礎：
伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹
●PHP基礎：
PHP基礎語法，使用PHP處理簡單的GET/POST請求
●AJAX上篇：
Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用
●AJAX下篇：
JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI用法、使用Ajax實現瀑布流案例
4、面向對象進階
●面向對象終極篇：
從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器
●面向對象三大特徵：
繼承性、多態性、封裝性、介面
●設計模式：
面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程
5、封裝一個屬於自己的框架
●框架封裝基礎：
事件流、冒泡、捕獲、事件對象、事件框架、選擇框架
●框架封裝中級：
運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝
●框架封裝高級和補充：
JQuery框架雛形、可擴展性、模緩悉塊化
6、模塊化組件開發
●面向組件編程：
面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序
●面向模塊編程：
AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS、CommonJS、ES6Moles
7、工程化&構建、主流的框架
●Web開發工作流：
GIT/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack、打包案例
●MVC/MVVM/MVW框架：
Vue.js、React、Angular.js、Backbone.js、Knockout/Ember、項目驅動
8、Node.js全棧開發
●快速入門：
Node.js發展、生態圈、Io.js、Linux/Windows/OS
X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試;掌握node.js全棧的解決方案和在伺服器端JS高效開發
●核心模塊和對象：
全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO
●Web開發基礎：
HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。
●快速開發框架：
Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。
●資料庫：
mongoose/mongoDB、MYSQL
●Node.js開發電子商務實戰：
需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊
9、微信系列
●微信公眾號
JS-SDK配置、定製菜單、回調、定製分享內容、掃一掃、地理位置、微信音頻、圖像、語音識別功能、伺服器端curl
庫、支付、卡券、微店、微信開發模式與公眾號分析、統計分析
●微信小程序
小程序項目、uni-app、mpvue
10、移動APP(Web/Native/Hybrid)
●ReactNative簡介、ReactNative環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API
●Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)
11、其他
●職業素養
溝通表達、團隊合作、目標管理、時間管理、心態管理
●就業指導
簡歷&投遞技巧、面試&筆試技巧
12、推薦一些編程學習網站
01、嗶哩嗶哩
這個網站如果讓我評價，可謂是上邊的視頻都是非常高質量的，你可以去搜索看一下。
02、菜鳥教程
這個網站雖然不是視頻網站，一聽名字就知道適合菜鳥的，但是基礎的知識寫的非常詳細，很清晰易懂，非常適合剛開始學習編程的小夥伴。
03、W3School
之前剛開始學WEB開發時，經常在該網站，就是結合w3school學習前端，開發時，如果遇到記不清的標簽，就去w3school搜索，平常有時間，就來慕課看前端視頻。
類似這樣的學習網站還有很多，該開始入門的話上面的網站足矣。其他的網站推薦還有騰訊課堂、實驗樓、果殼MOOC學院等、知乎、掘金......
以上就是小編今天為大家分享的關於2020年Web前端自學之路指南的文章，希望本篇文章能夠對正在從事Web前端工作的小夥伴們有所幫助，想要了解更多Web前端知識記得關注北大青鳥Web培訓官網，最後祝願小夥伴們工作順利，成為一名優秀的Web前端工程師。
文章來源：原創前端猿前端猿指北