Web前端學習第一天·fighting_與網頁設計相關的名詞術語

Web前端開發面試知識點大綱php

  • HTML&CSS
    對Web標準的理解、瀏覽器內核差別
    兼容性hack
    CSS基本功:佈局、盒子模型、選擇器優先級及使用
    Html5
    CSS3
    移動端頁面開發
 
  • JavaScript
    數據類型
    面向對象
    繼承
    閉包
    插件
    做用域
    跨域
    原型鏈
    模塊化
    自定義事件
    內存泄漏
    事件機制
    異步裝載回調
    模板引擎
    前端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相關的名詞術語
  • W3C
    World Wide Web Consortium 萬維網聯盟
    標準化組織
    發展Web規範,描述Web通訊協議
 
  • ECMAScript
    腳本程序設計語言
    其實是一種腳本在語法語義上的標準,JavaScript、JScript、ActionScript都創建在這個標準上擴展本身的功能
 
  • JavaScript
    從上到下解釋執行的弱類型語言,不須要編譯
    用於嵌入到HTML的客戶端腳本語言,由ECMAScript+DOM+BOM組成
    DOM:文檔對象模型
    BOM:瀏覽器對象模型(瀏覽記錄、網址、全屏、窗口大小也設置爲對象)
 
  • HTTP
    HyperText Transfer Protocol 超文本傳輸協議
    經過HTTP協議將服務器端的超文本資源下載到本地
    訪問一個網頁須要發送屢次請求,請求的前後順序是:文本、樣式/腳本、圖片
    圖片訪問一次後緩存到本地(可是不能支架瀏覽,須要拷貝到其餘文件夾下瀏覽),下次訪問能夠提升速度
    狀態碼:200(OK)、304(下載完畢)、404(未找到)
 
  • URL
    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中默認的端口號能夠不出現
 
  • CSS
    Cascading Style Sheets 層疊樣式表
    主要的做用在於美化頁面
 
  • SGML
    Standard Generalize Markup Language 標準通用標記語言
    用來解決不一樣操做系統中文檔格式不一樣的問題
    是一種數據描述,數據模型,數據交流的標準,html和xml都基於此
    純文本,全部平臺都能很好的識別
 
  • XML 
    eXtensible Markup Language  可擴展標記語言
    用於描述數據的標記語言,跨平臺性強,是目前使用最普遍的數據格式
 
  • HTML
    HyperText Markup Language 超文本標記語言
    用來製做網頁
 
  • XHTML
    eXtensible HyperText Markup Language 可擴展超文本標記語言
    X即表明XML,HTML即HTML,XHTML是HTML的純淨版,結構更加清晰,語法更加嚴格,既有HTML的特色,又有XML的特色
 
結構化文檔的四個特色
  整個文檔有且僅有一個根元素
  每一個元素都由開始標籤和結束標籤組成,除非使用空元素語法
  元素與元素之間合理嵌套<a><b> ********</b></a>,而不能有如下形式<a><b> ********</a> </b>
  元素的屬性必須有屬性值,屬性值用引號括起來(單引號和雙引號均可以)
 
DTD
  Document Type Definition 文檔類型定義
  W3C使用DTD來定義HTML和XHTML的語義約束,包括HTML文檔中能夠出現哪些元素,各元素支持哪些屬性
 
HTML容許元素使用大寫字母
 
XHTML要求全部的元素和屬性都是小寫字母
 
HTML5基本結構
  將HTML4中的DTD定義爲以下結構便可,其餘不變
   <!DOCTYPE HTML> 
 
HTML5語法的改變
  標籤(元素)不區分大小寫
  元素能夠省略結束標籤
  元素屬性能夠省略屬性值
  屬性值能夠不用引號
 
HTML5支持的兩種指定頁面使用的字符集的方式
  • 使用Content-Type指定字符集

     <meta http-equiv="Content-Type" content="text/html ;charset=gb2312"/> html

  • 直接使用charset指定字符集
     <meta charset="gb2312"/>   
 
網頁文件類型
  靜態網頁:.html和.htm(DOS操做系統保留)
  動態網頁:.jsp、.php、.asp、.aspx
相關文章
相關標籤/搜索