男女性潮高清免费网站,久久精品国产亚洲av麻豆图片,啊灬啊别停灬用力啊岳,国产天堂亚洲国产碰碰,亚洲精品一区二区久久,久久人人爽人人爽人人片av高清 ,久久本道综合久久伊人,伊人情涩网
熱門文章> h5頁面應該如何開發 >

h5頁面應該如何開發

36氪企服點評小編
2022-01-11 10:36
675次閱讀

       H5被全稱為HTML5,是HTML的第五個版本。HTML(Hyper Text Mark-up Language)也就是超文本標記語言,是目前網絡上使用最廣泛的語言,同時也是組成網頁文檔的主要語言。下面就讓小編來給大家分享一下h5頁面應該如何開發,讓我們一起來看看吧。

h5頁面應該如何開發h5頁面應該如何開發

第一步:工具安裝,我選擇了能夠輔助我們快速開發的light開發工具

       1.light依賴node環境,所以首先要安裝node,安裝 - light開發文檔這里有詳細的安裝說明及安裝包下載地址

       Node安裝成功后打開命令行工具鍵入npm -v,看到版本號即表示安裝成功


       2.安裝light工具,在命令行輸入npm install lighting -gd --registry=https://registry.npm.taobao.org最終出現npm info ok字樣則表示light以安裝成功

第二步:正式開發

       我們現在要做的這個h5應用包含登錄、注冊、修改密碼、個人中心主頁面、個人中心內頁修改名稱、個人中心修改手機號碼。怎么用light快速開發呢?

一、首頁我們要用剛裝好的light工具生成一個項目

       我們打開剛剛的命令行的工具,我想在我的電腦E盤下生成我的項目myproject, 在命令行輸入e: 然后按回車鍵

       繼續輸入light create lightProjectDemo 然后回車項目版本和描述可以填寫,如果不想填寫直接按回車鍵就好

       這樣我們就生成好了一個light項目

二、現在可以用工具打開我們建好的項目正式開發了

       1. 打開項目,我們發現index.html頁面上有個視圖,但是目錄中卻沒有對應的內容,這里我們需要在控制臺上生成下代碼輸入light gen然后回車,第二張圖發現變化了嗎?分別在js和html的文件夾下新生成了一個view文件,這就是我們index.html中的視圖所生成的,這里我們把這個頁面當做我們項目的首頁,登錄和個人中心的入口都從這里

       2.下面我們先來跑一下我們的項目,在我們的首頁中添加登錄和個人中心的入口內容,然后在樣式表中添加一些樣式,最后在控制臺上輸入light release –wb 8888 然后回車(這里的8888是端口號,也可以不設置,默認的端口號是3000,這里我們設置一下端口8888),瀏覽器會自動打開我們的首頁

       3.現在我們開始建立登錄和個人相關的視圖,新建了一個頁面personal.html,內容參照index.html,當然你也可以只用一個頁面index.html把所有的視圖都放里面。

       輸入我們需要的視圖內容(這里我把登錄和個人的視圖都放在personal.html里了,當然你也可以根據需要再新建一個登錄的頁面),你可能還注意到了,personal.html中的視圖id上都多了個二級目錄,好了,現在在控制臺上再次輸入light gen 來生成視圖看下,你就會發現這個二級目錄的效果(注意每次新建視圖的時候都必須執行light gen命令才能生效)

       發現不一樣了嗎?在我們的view視圖下生成了一個personal的文件夾,里面是我們剛剛新建的個人和登錄相關的視圖,這樣以后視圖很多的時候我們可以很好的進行分類管理(你可以根據自己的需要建立二級、三級…)

       4.繼續執行light release –wb 8888跑一下我們的項目,下面我們看一下跳轉(頁面間的跳轉我們用window.location.href=;視圖間的跳轉用light框架中的方法Light.navigate)

       跳轉1:從首頁頁面中視圖lightProjectDemo跳轉到個人頁面的登錄和個人中心主頁(頁面跳轉)

       跳轉2:從個人頁面的登錄視圖跳轉到個人頁面的注冊視圖(視圖跳轉),用light框架的視圖跳轉方法Light.navigate還可以攜帶視圖參數

       HTML5本身并不是一項新技術,但是由于HTML5在功能上的巨大豐富,以及對各個主要瀏覽器性能的支持,它比之前的HTML5有著更廣泛的用途。以上就是小編為大家分享的關于“h5頁面應該如何開發”的全部內容啦,希望能夠給大家帶來幫助哦。

[免責聲明]

文章標題: h5頁面應該如何開發

文章內容為網站編輯整理發布,僅供學習與參考,不代表本網站贊同其觀點和對其真實性負責。如涉及作品內容、版權和其它問題,請及時溝通。發送郵件至36dianping@36kr.com,我們會在3個工作日內處理。

相關文章
最新文章
查看更多
關注 36氪企服點評 公眾號
打開微信掃一掃
為您推送企服點評最新內容
消息通知
咨詢入駐
商務合作
主站蜘蛛池模板: 诱人的女医生中文字幕| 国产精品天干天干在线观看澳门| 精品一区二区成人精品| 免费av网站| 天堂а√在线中文在线新版| brazzers欧美巨大| xx性欧美肥妇精品久久久久久 | а√最新版天堂资源在线官网| 被群cao的合不拢腿h纯肉视频| 亚洲情xo亚洲色xo无码| 曰韩免费无码av一区二区| 人人玩人人添人人澡超碰| 国精品人妻一区二区三区电影| 欧美+日本+亚洲| 东北女人毛多水多牲交视频| 亚洲男人的天堂一区二区| 高清毛茸茸的中国少妇| 老女人做爰全过程免费的视频| 天天做天天爱夜夜爽毛片毛片| 亚洲国内自拍愉拍| 免费看成人aa片无码视频吃奶| 久久婷婷人人澡人人爽人人爱| 人妻丝袜 av| 少妇bbb搡bbbb搡bbbb| 又大又硬又黄的免费视频| 亚洲中文精品久久久久久| 无码丰满少妇2在线观看| 神马视频在线观看视频| 熟妇高潮精品一区二区三区| 天天躁日日躁狠狠躁av麻豆男男| 天天躁久久躁日日躁| 丝瓜视频在线观看免费| 欧美做受视频播放| 97精品依人久久久大香线蕉97| 欧美性猛交xxxxx按摩欧美| 亚洲欧美日韩一区二区| 中国老太婆bb无套内射| 亚洲午夜久久久影院伊人| 国产精品免费大片| 豪妇荡乳1一5潘金莲2| 曰批免费视频播放免费|