從零開始Web APP嘗試(三 前端開發

好的，所有的工具都準備好了。讓我們開始編寫一個基本的前端框架。我的前端采用MUI框架，這也是目前比較流行的WebApp框架。搭建框架的具體步驟如下：

1.打開Hbulider。

2.創建新的移動應用項目。

3.查看新的helloMUI示例模板，只需填寫您的項目名稱。

4.然后在左上角更改觀看模式，打開剛剛創建的項目，然后打開索引。頁面查看左側的測試視圖。

5.這個例子展示了MUI框架提供的所有功能模塊。你可以一個接一個地嘗試它們，體驗它們的功能，然后檢查它們的css和js代碼，看看它們是如何實現的。然后，您可以將它們嵌入到您自己的項目中，以實現您需要的所有功能。現在開始創建自己的項目，創建一個新的項目，選擇mui項目模板，然后創建自己的頁面，并在模板上編寫自己的代碼

6.代碼是易于學習的基本前端代碼。當然也有一個特點，易學難精。有時候，當你看到前端老板寫的代碼時，你會懷疑你和他們是否使用相同的語言。所以，學習一些前端大佬的代碼，也是提升自己能力的一種方式。只要在度娘上隨便搜索網頁，就會有各種模板，前端模板然后下載模板導入到hb舒勒慢慢研究，選擇自己覺得不錯的部分，學會加入自己的項目。這里就不細說了。首先，大致寫下自己的頁面，看看是否達到了自己想要的效果。css仍然可以設計一些漂亮的前端頁面。不要對小小白失望，他對前端一無所知。在這里，我們提供了一個專門學習前端代碼的網站：W3School，并模仿編寫里面的代碼，讓大家大致了解什么是語言，什么是css語言，什么是js語言。

我們稍后將討論js語言。首先我們會用自己的webapp搭建一個房間結構，然后在里面添加各種家具，在各種家具上添加自己的功能，這樣一個溫馨的小家就完成了。

先試著給自己建一個簡單的網頁。