css與javascript重難點，學前端，基礎不好一切白費！

JavaScript是一種屬於網路的指令碼語言,已經被廣泛用於Web應用開發,常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是通過嵌入在HTML中來實現自身的功能的。

CSS（Cascading Style Sheet）層疊樣式表單

表現（presentation）——設計網頁的表現樣式，即“如何顯示有關內容”

CSS是將樣式資訊與網頁內容分離的一種標記語言，我們使用css為每個元素定義樣式；它主要用於美化HTML頁面。

語法為：selector {property：value} (選擇符 {屬性：值})。

通過設定對應的樣式屬性可以修改html文件內各元素的顯示、位置等樣式；如修改顏色、字型、字號、寬高、位置、背景等

JS（JavaScript）一種動態指令碼語言

行為（behavior）——控制網頁的行為（效果），即“內容應該如何對事件做出反應”

使用JavaScript程式碼可以讓前臺變的有互動(點選事件)，常用來為網頁新增各式各樣的動態功能,為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是通過嵌入在HTML中來實現自身的功能的。

JavaScript的常用功能：

1、嵌入動態文字於HTML頁面

2、對瀏覽器事件作出響應

3、讀寫HTML元素

4、在資料被提交到伺服器之前驗證資料

5、檢測訪客的瀏覽器資訊

6、控制cookies，包括建立和修改等

HTML頁面載入和解析流程 ：

使用者輸入網址（假設是個html頁面，並且是第一次訪問），瀏覽器向伺服器發出請求，伺服器返回html檔案。

瀏覽器開始載入html程式碼，發現標籤內有一個標籤引用外部CSS檔案。

瀏覽器又發出CSS檔案的請求，伺服器返回這個CSS檔案。

瀏覽器繼續載入html中部分的程式碼，並且CSS檔案已經拿到手了，可以開始渲染頁面了。

伺服器返回圖片檔案，由於圖片佔用了一定面積，影響了後面段落的排布，因此瀏覽器需要回過頭來重新渲染這部分程式碼。

瀏覽器發現了一個包含一行Javascript程式碼的<script>標籤，趕快執行它。

Javascript指令碼執行了這條語句，它命令瀏覽器隱藏掉程式碼中的某個 <style>（style.display=”none”）。瀏覽器不得不重新渲染這部分程式碼。

最終執行到了 </html>

當使用者點了一下介面中的“換膚”按鈕，Javascript讓瀏覽器換了一下 ＜link＞標籤的CSS路徑。

瀏覽器向伺服器請求了新的CSS檔案，重新渲染頁面。

對web前端這門技術感興趣的小夥伴可以加入到我們的學習圈來，程式設計工作第六個年頭了，與大家分享一些學習方法，實戰開發需要注意的細節。784-783-012 秋裙。從零基礎開始怎麼樣學好前端。看看前輩們是如何在程式設計的世界裡傲然前行！不停更新最新的教程和學習方法（web前端系統學習路線，詳細的前端專案實戰教學視訊），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入。我們會一起結伴同行   學習前端我們是認真的

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69901074/viewspace-2662138/，如需轉載，請註明出處，否則將追究法律責任。