Web前端開發面試知識點大綱php
對Web標準的理解、瀏覽器內核差別
兼容性hack
CSS基本功:佈局、盒子模型、選擇器優先級及使用
Html5
CSS3
移動端頁面開發
數據類型
面向對象
繼承
閉包
插件
做用域
跨域
原型鏈
模塊化
自定義事件
內存泄漏
事件機制
異步裝載回調
模板引擎
前端MVC
路由
Node.js
JSON
ajax
HTTP
Web安全
正則
優化
重構
響應式
SEO
UED
架構
Web前端職位要求
JavaScript
HTML
CSS
jQuery(客戶端腳本的一種框架)(ExtJS、YUI、Mootools、Dojo)
瀏覽器兼容
Http基本原理(用於jsp動態網頁設計)
Ajax技術(提高Web性能,提取所須要的數據)
性能優化
Web安全
Web開發工具
後端語言(PHP、Java)
編輯器
sublime
webstorm
類庫框架
用於瀏覽器:jQuery、BootStrap
用於nodejs:自帶模塊、其餘模塊
理論知識
- 軟知識:數據結構、算法、OOP編程思想、設計模式
- 硬知識:Http標準(Http請求過程、狀態碼的意義、Http頭部信息、Cookie狀態管理、get/post請求、安全連接https),W3C標準(WebSocket、JSON、XML、JS、CSS、CSS三、HTML、HTML5),ECMAScript(全部客戶端腳本的鼻祖)
與Web相關的名詞術語
World Wide Web Consortium 萬維網聯盟
標準化組織
發展Web規範,描述Web通訊協議
腳本程序設計語言
其實是一種腳本在語法語義上的標準,JavaScript、JScript、ActionScript都創建在這個標準上擴展本身的功能
從上到下解釋執行的弱類型語言,不須要編譯
用於嵌入到HTML的客戶端腳本語言,由ECMAScript+DOM+BOM組成
DOM:文檔對象模型
BOM:瀏覽器對象模型(瀏覽記錄、網址、全屏、窗口大小也設置爲對象)
HyperText Transfer Protocol 超文本傳輸協議
經過HTTP協議將服務器端的超文本資源下載到本地
訪問一個網頁須要發送屢次請求,請求的前後順序是:文本、樣式/腳本、圖片
圖片訪問一次後緩存到本地(可是不能支架瀏覽,須要拷貝到其餘文件夾下瀏覽),下次訪問能夠提升速度
狀態碼:200(OK)、304(下載完畢)、404(未找到)
Uniform Resource Locator 統一資源定位符
惟一標識互聯網上的每個資源
URL的組成:協議://服務器名稱(IP地址):端口號/路徑/文件名
常見的兩種形式的URL:
http://www.baidu.com 域名訪問
http://192.168.37.200/User/Login 明文的IP地址訪問
協議:http(超文本傳輸協議)、https(用安全套接字層傳送的超文本傳輸協議)、ftp(文件傳輸協議)、mailto(電子郵件地址)、file(當地文件或網上分享的文件)
服務器:在互聯網上有惟一IP地址的電腦,通常經過域名映射到該主機,既能夠使用域名也能夠使用IP地址
端口號:用於監聽某一特定服務的請求,80 端口是Web服務器的默認端口,在URL中默認的端口號能夠不出現
Cascading Style Sheets 層疊樣式表
主要的做用在於美化頁面
Standard Generalize Markup Language 標準通用標記語言
用來解決不一樣操做系統中文檔格式不一樣的問題
是一種數據描述,數據模型,數據交流的標準,html和xml都基於此
純文本,全部平臺都能很好的識別
eXtensible Markup Language 可擴展標記語言
用於描述數據的標記語言,跨平臺性強,是目前使用最普遍的數據格式
HyperText Markup Language 超文本標記語言
用來製做網頁
eXtensible HyperText Markup Language 可擴展超文本標記語言
X即表明XML,HTML即HTML,XHTML是HTML的純淨版,結構更加清晰,語法更加嚴格,既有HTML的特色,又有XML的特色
結構化文檔的四個特色
整個文檔有且僅有一個根元素
每一個元素都由開始標籤和結束標籤組成,除非使用空元素語法
元素的屬性必須有屬性值,屬性值用引號括起來(單引號和雙引號均可以)
DTD
Document Type Definition 文檔類型定義
W3C使用DTD來定義HTML和XHTML的語義約束,包括HTML文檔中能夠出現哪些元素,各元素支持哪些屬性
HTML容許元素使用大寫字母
XHTML要求全部的元素和屬性都是小寫字母
HTML5基本結構
將HTML4中的DTD定義爲以下結構便可,其餘不變
<!DOCTYPE HTML>
HTML5語法的改變
標籤(元素)不區分大小寫
元素能夠省略結束標籤
元素屬性能夠省略屬性值
屬性值能夠不用引號
HTML5支持的兩種指定頁面使用的字符集的方式
<meta http-equiv="Content-Type" content="text/html ;charset=gb2312"/> html
<meta charset="gb2312"/>
網頁文件類型
靜態網頁:.html和.htm(DOS操做系統保留)
動態網頁:.jsp、.php、.asp、.aspx