Amaze UI的一點總結

2022-03-21 10:34:17 字數 1052 閱讀 4899

官網上宣稱,amaze ui中國首個開源 html5 跨屏前端框架,用下來的感覺是比較類似於bootstrap,都是移動端優先。用的過程中發現一些亮點:

amaze ui 將所有元素的盒模型設定為border-box。即:box-sizing:border-box; 把paddingborder都計算在width當中;注意,任何情況下,margin無法計算在內,這是因為:w3c標準下,這個屬性有三個取值—box-sizing: content-box|border-box|inherit;這3個屬性都無法講margin計算在內。

網格布局很不錯,徹底避免了移動端款及元素需要浮動的問題。採用了12網格的布局,能滿足大部分的需求。

banner輪播非常好用,引入amaze框架後,輪播的**非常簡單。

amaze的模態控制項不錯,模態,也就是彈出提示框。

頁面頂部的固定導航做起來很方便。

作為補充,在專案中還採用了彈性盒子模型,可以實現一部分的流體布局。display:-webkit-box;只要給出相應屬性,瀏覽器會幫我們做額外的計算。

說點感悟吧,網頁可以看做現實世界的對映,有了js,可以把網頁看成四維空間的。這個空間中,除了x,y二維平面外,還有z軸,即z-index屬性。而在js中,又有定時器,這樣,整個空間就完整了。

布局就說這麼多,關鍵在於多做多練。

下面說乙個網格布局中問題:

看看官網(上,對不足12份網格的介紹

示例第二個例子是給最後乙個增加1個樣式 am-u-end。前端這麼做當然可以,但是再改動態頁面的時候就有問題了,後端返回的資料迴圈輸出的過程中,必然有兩種樣式:前面所有的和最後乙個。這裡簡單的做法是,用am-u-x輸出,即採用例項中第乙個例子,最後js指令碼化css,給最後乙個元素增加am-u-end樣式。

pushmail的一點總結

從push方法上說有ip push和sms push。ip push就是讓手機始終握著gprs,從而有個ip,讓mail server和手機之間始終有個通路,這樣server一旦有郵件就馬上通過ip push到手機終端上了。sms push就是mail server有郵件了,通知運營商push個簡訊...

索引的一點總結

1.索引是一棵b樹 3級索引能容納400萬行資料,4級索引能容納40億行資料。2.表的組織方式有兩種 堆或b樹。當在表上建立乙個聚集索引時,表就組織為乙個b樹 否則就組織為乙個堆。3.聚集索引約佔1 的表大小.非聚集索引佔30 40 表大小,曾見過非聚集索引和資料表一樣大或更大.4.索引碎片 完全沒...

HtmlAgilityPack的一點總結

最近工作中用到了htmlagilitypack的類庫,總的來說使用起來確實感覺挺方便,別的不多說,就這類似於能把html標籤自動補全的load 方法就感覺挺讚 其實上不是不全,而是將不完整的標籤給格式化一下 但這不就足夠了嗎?捨得自己去用正規表示式去匹配,萬一匹配的內容就是html作者寫的文字內容,...