七、View.js介紹
阿新 • • 發佈：2018-12-12
檢視，是使用者視覺上在裝置上看到的一頁內容，也是由View.js驅動的單頁應用的頁面區塊載體。
如下所示，ID為"view1"和"view2"的兩個DOM元素，便是兩個檢視的佈局骨架：
<!DOCTYPE HTML> <html> <head> <link rel = "stylesheet" href = "js/plugin/view/view.min.css"/> <link rel = "stylesheet" href = "css/main/view1.css"/> <link rel = "stylesheet" href = "css/main/view2.css"/> </head> <body> <section id = "view1" data-view = "true" data-view-default = "true" data-view-title="View title 1"> ... </section> <section id = "view2" data-view = "true" data-view-title = "View title 2"> ... </section> <script type = "text/javascript" src = "js/plugin/view/view.min.js"></script> <!-- 使能view1操作 --> <script type = "text/javascript" src = "js/main/view1/init.js"></script> <script type = "text/javascript" src = "js/main/view1/action.js"></script> <!-- 使能view2操作 --> <script type = "text/javascript" src = "js/main/view2/init.js"></script> <script type = "text/javascript" src = "js/main/view2/action1.js"></script> <script type = "text/javascript" src = "js/main/view2/action2.js"></script> </body> </html>
亦即，使用者在手機螢幕上看到的介面，是由view1和view2提供的。當區塊view1活動時，使用者看到的是view1的表現效果；當活動的檢視切換至view2時，使用者看到的是view2的表現效果。
至於view1和view2的展示效果和操作體驗，則是開發者使用html、css和js等web知識開發完成的效果。
View.js為開發者提供了多種檢視切換方式，我們將會在後文中詳細闡述。