現舞
2015-04-22 09:05:45
一直都在做PC端的前端開發,對移動端的前端有所畏懼,經常不知道該學哪個框架,像jquery mobile ,zepto,sencha touch?;蛘吒静恍枰獙W什么框架,期盼有移動端前端開發的教程,跪求??!
2 回答

牙尖十怪
TA貢獻8條經驗 獲得超31個贊
手機web頁,和PC端web頁其實差別不大。主要體現在以下幾點:
1、移動web頁需要在head里面加上這一 句:<meta name="viewport" content="width=device-width, initial-scale=1.0" />。其作用是聲明頁面寬度為設備寬度,不允許縮放。具體用法請自行百度。
2、移動Web頁盡可能使用百分比設置元素寬度,包括margin? padding 屬性都盡可能用百分比設置。字體大小設置單位用 rem而不是用PX。
3、特效什么的,盡量不用 jQuery ,能用CSS3就用CSS3,這樣會更流暢。
以 上為本人工作時自己對移動WEB開發的總結,不需要像網上說的什么框架之類的,你只是做頁面又不是開發APP客戶端。調試的話,就用Chrome 瀏覽器的toggle? device mode調試好了,用不著像網上說的那些下載什么框架什么環境之類的,需要安裝個IIS就更好,這樣就可以在實體設備上測試,IIS 的用處和配置過程請 自行百度

牙尖十怪
TA貢獻8條經驗 獲得超31個贊
另外,個人覺得不要去用那些封裝好了的插件,像jquery mobile之類的,針對觸碰手指事件,自己寫touch事件的底層代碼并非是什么難事,這樣如果后期需要調試自己也可以自行解決,而用別人封裝的插件,你也就只能實現某些效果,卻不能自行開發特有的功能。
添加回答
舉報
0/150
提交
取消