表現與數據分離、web語義化的理解

表現與數據分離

• 什麼是表現與數據分離

一是先後端分離，全部數據都是後端經過AJAX發送給前端，前端負責展示頁面，後端負責提供數據。

二是前端頁面展示與數據處理分離，也就是在前端處理數據的過程當中，處理DOM的代碼與處理數據的代碼要區分開，不能混在一塊兒，這樣改起來不會牽連太多。

• 表現與數據分離有什麼意義

一些小的功能或者項目其實用不用倒無所謂，可是若是一個項目很大，代碼很長，DOM與處理數據摻雜在一塊兒，那麼維護代碼時會很痛苦，而表現與數據分離使得開發和維護更加方便

• 如何實現表現與數據分離

使用mvvm、mvc、mvp等mv*框架，如vue、react等。m即model，指數據層，v即view，指表現層。

web語義化

• 什麼是web語義化

web語義化是指使用恰當語義的html標籤、class類名等，讓頁面具備良好的結構和含義，使得人和機器都能快速理解網頁內容。

• web語義化有什麼意義

1. 去掉或者丟失樣式時能夠讓頁面呈現清晰的結構；
2. 有利於SEO，和搜索引擎創建良好溝通，有利於爬蟲抓取更多有效信息；
3. 方便其餘設備解析（好比屏幕閱讀器、移動設備等）；
4. 便於團隊開發和維護，語義化更具可讀性，是下一代web技術的重要方向。

• 如何實現web語義化

能夠使用h1~h六、p等具備語義的標籤，以及使用html5新增的一些語義化標籤，如header、footer、nav等替代div，以此來實現語義化。