2022-04-01 18:57發布
采用rem單位自動響應,并提供獨有柵格化系統快速定義寬高、邊距節省css代碼量,同時總結各大型移動端網頁,提供一套ui顏色搭配規范,尺寸規范,字體規范等。
miniMobile 是一個專注于移動端網頁的框架,使用該框架需要有一定的布局基礎,該框架原則上可以定義大部分常見元素的寬高,以及邊距、字體大小規范,顏色規范等。同時提供了less文件,可以設置不同顏色解決實際開發所遇到的問題。miniMobile并不單單是提供了常用的移動端ui,更多的是提供了一種簡便的開發策略,讓開發者快速上手!
1、下載miniMobile,引入miniMobile.css 和miniMobile.js ,同時需要在miniMobile.js前引入jQuery或者Zepto。
2、 理解1rem = 100px,1個rem對應100px的設計稿,并根據官網的文檔,理解w1-w75、h1-h75的概念。
3、 更多的規范可瀏覽官方網站。
miniMobile 是一個專注于移動端網頁的框架,使用該框架需要有一定的布局基礎,該框架原則上可以定義大部分常見元素的寬高,以及邊距、字體大小規范,顏色規范等。同時提供了less文件,可以設置不同顏色解決實際開發所遇到的問題。miniMobile并不單單是提供了常用的移動端ui,更多的是提供了一種簡便的開發策略,讓開發者快速上手
miniMobile嚴格來說并不是一套UI框架,它內置定義好的UI組件實際上非常少,更多的是依靠它的柵格系統、間距系統、以及字體的變換等組合出不同的組件效果,你可以很容易組合出一個適用于你的項目的列表或者結構布局,而且在繁復的文字排版中,miniMobile顯得特別靈活易用。 miniMobile在實現代碼公用部分提取的同時,給了使用者修改的靈活性。對于代碼的規范化、精簡化
HTML5 + CSS + JavaScript 開發 跨平臺重用代碼?
iView UI、ioni、SUI
內部圖表大小是與div容器大小位置相關的,如果想調整圖表大小位置,調整div的屬性就可以。如果是想調整圖表與div間上下左右留白,則設置grid屬性就可以。
?jQTouch?
如果只是普通的移動端用vue react 或者dva 如果是要編譯成小程序什么的或者混生 就用uni-app(對應vue語法)taro(對應react) 或者純原生 這個沒有限制的,自己怎么舒服怎么來
使用 /deep/?注意:使用 cass 和 less 只能使用 /deep/ 這個方法
1. 原生。直接告訴你,開發太慢,不能跨平臺,先不要學。2. 使用WebView的hybrid app,Cordova/ionic 這些。就是用瀏覽器運行html,js,css仿app,我用了好幾年,學習快,開發塊,跨平臺。問題是每個安卓版本/蘋果版本/瀏覽器版本運行效果不一致,有些版本還運...
常用的移動APP開發框架:1、框架:PhoneGapPhoneGap是一個用基于HTML,CSS和JavaScript的,創建移動跨平臺移動應用程序的快速開發平臺。優點:可跨平臺。phonegap框架幫我們解決了差異性,javascript與平臺系統的連接由phonegap框架完成。? ? 提供硬件訪問控...
1. LungoJS 這個是被認為開發移動網站最好的HTML5開發框架,使用 HTML5/CSS3 和 JavaScript 技術??蓭椭鷦摻ɑ?iOS、 Android、 Blackberry 和 WebOS 平臺的應用程序。該框架可利用當前移動設備的高級特性,可捕捉事件包括滑動、觸屏、長按等。無需...
手機移動端響應式動畫彈窗提示框插件xwPop,原生JS實現,帶CSS3動畫效果,豐富的JS彈出框提示信息插件,支持基本信息提示、帶圖標loading信息提示、confirm提示、自定義信息提示圖標,仿Ios信息提示,支持較現代的瀏覽器。在沒有壓縮的情況下,代碼大小只有6K...
快速搭建自適應網站:http://www.iisp.com/design/?s=yuqiuping
最多設置5個標簽!
采用rem單位自動響應,并提供獨有柵格化系統快速定義寬高、邊距節省css代碼量,同時總結各大型移動端網頁,提供一套ui顏色搭配規范,尺寸規范,字體規范等。
miniMobile 是一個專注于移動端網頁的框架,使用該框架需要有一定的布局基礎,該框架原則上可以定義大部分常見元素的寬高,以及邊距、字體大小規范,顏色規范等。同時提供了less文件,可以設置不同顏色解決實際開發所遇到的問題。miniMobile并不單單是提供了常用的移動端ui,更多的是提供了一種簡便的開發策略,讓開發者快速上手!
1、下載miniMobile,引入miniMobile.css 和miniMobile.js ,同時需要在miniMobile.js前引入jQuery或者Zepto。
2、 理解1rem = 100px,1個rem對應100px的設計稿,并根據官網的文檔,理解w1-w75、h1-h75的概念。
3、 更多的規范可瀏覽官方網站。
miniMobile 是一個專注于移動端網頁的框架,使用該框架需要有一定的布局基礎,該框架原則上可以定義大部分常見元素的寬高,以及邊距、字體大小規范,顏色規范等。同時提供了less文件,可以設置不同顏色解決實際開發所遇到的問題。miniMobile并不單單是提供了常用的移動端ui,更多的是提供了一種簡便的開發策略,讓開發者快速上手
miniMobile嚴格來說并不是一套UI框架,它內置定義好的UI組件實際上非常少,更多的是依靠它的柵格系統、間距系統、以及字體的變換等組合出不同的組件效果,你可以很容易組合出一個適用于你的項目的列表或者結構布局,而且在繁復的文字排版中,miniMobile顯得特別靈活易用。 miniMobile在實現代碼公用部分提取的同時,給了使用者修改的靈活性。對于代碼的規范化、精簡化
相關問題推薦
HTML5 + CSS + JavaScript 開發 跨平臺重用代碼?
iView UI、ioni、SUI
內部圖表大小是與div容器大小位置相關的,如果想調整圖表大小位置,調整div的屬性就可以。如果是想調整圖表與div間上下左右留白,則設置grid屬性就可以。
?jQTouch?
如果只是普通的移動端用vue react 或者dva 如果是要編譯成小程序什么的或者混生 就用uni-app(對應vue語法)taro(對應react) 或者純原生 這個沒有限制的,自己怎么舒服怎么來
使用 /deep/?注意:使用 cass 和 less 只能使用 /deep/ 這個方法
1. 原生。直接告訴你,開發太慢,不能跨平臺,先不要學。2. 使用WebView的hybrid app,Cordova/ionic 這些。就是用瀏覽器運行html,js,css仿app,我用了好幾年,學習快,開發塊,跨平臺。問題是每個安卓版本/蘋果版本/瀏覽器版本運行效果不一致,有些版本還運...
常用的移動APP開發框架:1、框架:PhoneGapPhoneGap是一個用基于HTML,CSS和JavaScript的,創建移動跨平臺移動應用程序的快速開發平臺。優點:可跨平臺。phonegap框架幫我們解決了差異性,javascript與平臺系統的連接由phonegap框架完成。? ? 提供硬件訪問控...
1. LungoJS 這個是被認為開發移動網站最好的HTML5開發框架,使用 HTML5/CSS3 和 JavaScript 技術??蓭椭鷦摻ɑ?iOS、 Android、 Blackberry 和 WebOS 平臺的應用程序。該框架可利用當前移動設備的高級特性,可捕捉事件包括滑動、觸屏、長按等。無需...
手機移動端響應式動畫彈窗提示框插件xwPop,原生JS實現,帶CSS3動畫效果,豐富的JS彈出框提示信息插件,支持基本信息提示、帶圖標loading信息提示、confirm提示、自定義信息提示圖標,仿Ios信息提示,支持較現代的瀏覽器。在沒有壓縮的情況下,代碼大小只有6K...
快速搭建自適應網站:http://www.iisp.com/design/?s=yuqiuping