[學習筆記]html+css+js特性
- html
- css
- js
-
html
1.語義特性
HTML5會賦予網頁更好的意義和結構。更加豐富的标簽将随着對RDFa、微資料、微格式、等方面的支援，建構對程式、對使用者更有價值的資料驅動Web。
好處：
① HTML5可以讓很多更語義化結構化的代碼标簽代替大量的無意義的div标簽
②這種語義化的特性提升了網頁的品質和語義
③對搜尋引擎更加的友好
<div></div>
/*被精簡為*/ <head></head> /*等*/
2.本地存儲特性
基于HTML5開發的網頁APP擁有更短的啟動時間，更快的聯網速度，這全得益于HTML5 APP Cache、本地存儲功能、Indexed DB（HTML5本地存儲最重要的技術之一）和API說明文檔。
解決問題：
cookie存儲的資訊量不多且不能夠大量存儲。
好處：
提供了通路特定域名下的會話存儲或本地存儲的功能。
3.裝置相容特性
從Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者提供了更多功能上的優化選擇，帶來了更多體驗功能。HTML5提供了前所未有的資料與應用接入開放接口。使外部應用可直接與浏覽器内部的資料直接相連，譬如：視訊影音可直接與microphones及攝像頭相聯。
好處：
使外部應用可以直接與浏覽器内部的資料直接相連。
4.連接配接特性
更有效的連接配接效率，使得基于頁面的實時聊天，更快速的網頁遊戲體驗，更優化的線上交流得到實作。HTML5擁有更有效的伺服器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能幫助我們實作伺服器将資料“推送”到用戶端的功能。
5.網頁多媒體特性
支援網頁端的Audio、Video等多媒體功能，與網站自帶的APPS、攝像頭、影音功能相得益彰。
6.三維、圖形、特效特性
基于SVG、Canvas、WebGL、CSS3的3D功能，使用者會驚歎于在浏覽器中，所呈現的驚人視覺效果。
7.性能、內建特性
沒有使用者會永遠等待你的Loading——HTML5會通過XML Http Request 2等技術，解決以前的跨域問題，幫Web應用和網站在多樣化的環境中更快速工作。
8.css3特性
在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格、更強的效果。此外，較以前的Web排版，Web的開放字型格式（WOFF）也提供了更高的靈活性和控制性。
-
css
1.層疊性
層疊性是多種CSS樣式的疊加，是浏覽器處理樣式沖突的方式。在HTML中對于同一個元素可以有多個CSS樣式存在，當有相同權重的樣式存在時，會根據這些樣式出現的先後順序來決定，處于最後面的CSS樣式将會覆寫前面的CSS樣式。
div{
color:red;
}
div{
color:blue;
}
/*後面的樣式會覆寫前面的樣式*/
注意：
①樣式不沖突，不會層疊。
②樣式沖突，遵循就近原則。 長江後浪推前浪，後面樣式蓋前+
2.繼承性
簡單的了解為—“子承父業“，是指子标簽會繼承父标簽的某些樣式，如文本顔色和字号。想要設定一個可繼承的屬性，隻需将它應用于父元素即可。
<style>
div{color:pink;font-size:20px;}
</style>
<div>
<span>
我是什麼顔色的？
</span>
</div>
注意：
①合理使用繼承可以簡化代碼，降低CSS樣式的複雜性。對于字型、字号、顔色、行距等文本類屬性具有繼承性，都可以在body中統一設定，然後影響文檔中所有文本。
②但是，并不是所有的CSS屬性都可以繼承，如邊框、外邊距、内邊距、背景、定位、元素高度等與塊級元素相關的屬性都不具有繼承性
3.優先級
注意：
①繼承樣式的權重為0 。也就是說，在嵌套結構中，無論父元素樣式權重多大，子元素繼承時，應用在子元素上的權重都為0，即子元素定義的樣式會覆寫所有繼承來的樣式。
②行内樣式優先。應用style屬性的元素，其行内樣式的權重非常高，可以了解為遠大于100。總之，他擁有比上面提高的選擇器都大的優先級。
③權重相同時，CSS遵循就近原則。也就是說靠近元素的樣式具有最大的優先級，或者說排在最後的樣式優先級最大。
④CSS定義了一個!important指令，該指令被賦予最大的優先級。也就是說不管權重如何以及樣式位置的遠近，!important都具有最大優先級。
-
js
1.解釋性語言。不需要提前預編譯。
2.弱類型語言。在定義變量的時候不需要定義變量的類型。變量是松散類型，即可以用來儲存任何類型的資料。
3.沒有塊作用域（if，for都是塊），但有函數作用域。
4.重複定義變量并不會報錯，定義的新變量的值會覆寫之前定義的值。函數也是一樣。
5.相對安全的腳本語言（JavaScript語言不允許通路本地的硬碟，且不能将資料存入伺服器，不允許對網絡文檔進行修改和删除。進而有效的防止資料的丢失或對系統非法通路。）
6.事件驅動的腳本語言。
7.跨平台的腳本語言（JavaScript依賴的是浏覽器本身，與其操作環境無關，隻要計算機能運作浏覽器，并支援JavaScript的浏覽器，就可以正确執行。）
![nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)