1. 程式人生 > >前端名詞解釋(持續更新)

前端名詞解釋(持續更新)

名詞:HTML
解釋:
• HTML 是用來描述網頁的一種語言。
• HTML擁有很多標籤入<a><p><span>等。
• HTML文件 = 網頁,HTML文件包含“標籤”和“純文字”。
• HTML的結構決定這個頁面穩不穩定,規不規範,效能好不好。

名詞:HTML5
解釋:
• HTML5 是 HTML的新標準,它更加語義化,並新增了許多語義化標籤。
• 由於HTML5在PC上只相容較高階瀏覽器(IE相容性差),所以我們一般用HTML5來做移動端的頁面,也就是我們口中常說的H5。

名詞:CSS
解釋:
• CSS 全稱為“層疊樣式表”。
• CSS是為了解決內容與表現分離的。好比一個姑娘的身體器官五官是HTML的話,那麼CSS就是這個姑娘所化的妝、衣服、髮型等。
• CSS就決定了這個頁面好不好看,動畫效果酷不酷炫。

名詞:CSS3
解釋:
• CSS3是最新的CSS標準。
• CSS3相比之前版本主要新增了一些屬性,對動畫及效果的支援更好了。
• CSS3對流媒體等資源的支援性更好了。

小結:綜合來說,HTML+CSS是靜態頁的基本組成,能滿足大部分瀏覽器的相容和頁面效果。而HTML5+CSS3是可以滿足更高階的動畫效果但只能相容高階瀏覽器(如IE瀏覽器相容性就不好)

名詞:JavaScript
解釋:
• JavaScript 是一種輕量級的程式語言。
• JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行,相容性還行
• 如果說HTML+CSS是一個人的面板五官毛髮,那麼JavaScript就是這個人的骨架血液,它能夠讓你的頁面“動起來”實現互動。

名詞:JQuery
解釋:
• jQuery 是一個 JavaScript 函式庫。
• 如果說JavaScript是一個個的積木,你要使用的時候就拿這些積木去搭建房屋。那麼JQuery就是已經搭建好的各式各樣的房屋,你只需要拿你想用的那塊去用可以了。提高了開發的效率,降低了難度。

名詞:AJAX
解釋:
• AJAX 是一種用於建立快速動態網頁的技術。
• 通過在後臺與伺服器進行少量資料交換,AJAX 可以使網頁實現非同步更新。這意味著可以在不重新載入整個網頁的情況下,對網頁的某部分進行更新。
• 傳統的網頁(不使用 AJAX)如果需要更新內容,必需過載整個網頁面。
• 有很多使用 AJAX 的應用程式案例:新浪微博、Google 地圖、開心網等等。

名詞:JSON
解釋:
• JSON是純文字
• JSON具有“自我描述性”(人類可讀,語義化)
• JSON具有層級結構(值中存在值)
• JSON可通過JavaScript解析
• JSON可通過AJAX進行傳輸

名詞:SQL
解釋:
• SQL是用於訪問和處理資料庫的標準的計算機語言。
• SQL語言可以對資料庫進行操作,包括,增刪改查、插入、建立等功能。
• SQL存在各種版本的語言,但他們的關鍵詞(比如 SELECT、UPDATE、DELETE、INSERT、WHERE 等等)還是一樣的。

名詞:ASP
解釋:
• ASP 指 Active Server Pages(動態伺服器頁面)
• ASP檔案可包含文字、HTML、JS指令碼等
• ASP和HTML的區別在於:
當瀏覽器請求某個 HTML 檔案時,伺服器會返回這個檔案。
而當瀏覽器請求某個 ASP 檔案時。ASP 引擎會逐行地讀取這個檔案,並執行檔案中的指令碼。最後,ASP 檔案將以純 HTML 的形式返回到瀏覽器。
但最終展示給使用者的效果還是一樣的。

名詞:PHP
解釋:
• PHP是一種被廣泛使用的開源指令碼語言。
• PHP 指令碼在伺服器上執行。
• PHP檔案能夠包含文字、HTML、CSS及PHP程式碼
• PHP能動態生成頁面內容,能夠建立、開啟、讀取、寫入、刪除及關閉伺服器上的檔案。還能新增、刪除、修改資料庫中的資料。限制使用者訪問網站中的某一些頁面。

名詞:WebP
解釋:
• WebP(發音weppy),是一種同時提供了有失真壓縮與無失真壓縮(可逆壓縮)的圖片檔案格式。
• WebP能減少檔案大小,在達到和JPEG格式相同的圖片質量同時,能夠減少圖片在網路上的傳送時間。
• WebP支援的畫素最大數量是16383x16383。
• WebP有靜態與動態兩種模式。

名詞:SharpP
解釋:
• sharpP是騰訊公司SNG即通產品部音視訊技術中心推出的一種圖片壓縮元件,現已支援iOS、Android、Windows、Linux四個平臺。
• 編碼壓縮率、編碼耗時、解碼耗時相比webP有明顯的優勢。
• sharpP採用有失真壓縮,轉換工具會讀取原圖質量引數,適當降低。

名詞:WebM
解釋:
• WebM是一個開放的、免版權費用的視訊檔案格式。
• WebM視訊檔案格式應能提供高質量的視訊壓縮以配合HTML 5使用。
• WebM採用了On2 Technologies開發的VP8及其後續版本VP9視訊編解碼器和Xiph.Org基金會開發的Vorbis音訊編解碼器,使用的封裝格式則以Matroska格式為基礎

名詞:MP4
解釋:
• MP4,全稱MPEG-4 Part 14,是一種使用MPEG-4的多媒體電腦檔案格式,副檔名為.mp4。
• MP4以儲存數字音訊及數字視訊為主。
• MP4至今仍是各大影音分享網站所使用主流
• MP4可以在每分鐘約4MB的壓縮縮率下提供接近DVD質量的影音效果。
• MP4優點是壓縮質量優、轉換容易,目前智慧手機錄影檔,九成以上皆為MP4檔。

名詞:Flash
解釋:
• Flash同時有三種含義:創作環境,播放器和程式檔案。
• 創作環境, Adobe Flash是創作環境。
• 播放器,Adobe Flash Player是一種廣泛使用的、專有的多媒體程式播放器。
• 程式檔案,Flash Player使用的SWF檔案可由Adobe Animate、Adobe Flex或者其他軟體或第三方工具建立。

名詞:AR
解釋:
• 增強現實(Augmented Reality,簡稱AR)。
• AR是一種實時地計算攝影機影像的位置及角度並加上相應影象的技術。
• AR技術可以在螢幕上把虛擬世界套在現實世界並進行互動。

名詞:VR
解釋:
• 虛擬實境(英語:virtual reality,縮寫為VR),簡稱虛擬技術,也稱虛擬環境。
• VR是利用電腦模擬產生一個三維空間的虛擬世界,提供使用者關於視覺等感官的模擬,讓使用者感覺彷彿身歷其境,可以及時、沒有限制地觀察三維空間內的事物。使用者進行位置移動時,電腦可以立即進行復雜的運算,將精確的三維世界視訊傳回產生臨場感。
• VR技術集成了計算機圖形、計算機模擬、人工智慧、感應、顯示及網路並行處理等技術的最新發展成果,是一種由計算機技術輔助生成的高技術模擬系統。

名詞:SVG
解釋:
• 可縮放向量圖形(英語:Scalable Vector Graphics,SVG)。
• SVG是一種基於可擴充套件標記語言(XML),用於描述二維向量圖形的圖形格式,由W3C制定,是一個開放標準。

名詞:Canvas
解釋:
• Canvas元素是HTML5的一部分,允許指令碼語言動態渲染點陣圖像。。
• Canvas由一個可繪製地區HTML程式碼中的屬性定義決定高度和寬度。JavaScript程式碼可以訪問該地區,通過一套完整的繪圖功能類似於其他通用二維的API,從而使動態生成的圖形。
• 可以使用Canvas構造圖形,動畫,遊戲和圖片。

名詞:Webapp
解釋:
• Webapp是網路應用程式,是一種使用網頁瀏覽器在網際網路或企業內部網上操作的應用軟體。
• Webapp是一種以網頁語言(例如HTML、JavaScript、Java等程式語言)撰寫的應用程式,需要通過瀏覽器來執行。
• Webapp可以直接在各種電腦平臺上執行,不需要事先安裝或定期升級等程式。常見的網頁應用程式有Webmail、網路商店、網路拍賣、wiki、網路論壇、部落格、網路遊戲等許多應用。