輕量級 Web 應用框架：blade mobile

小釵有幸進入框架組做webapp的框架開發，并且基于框架的業務頻道用于生產，各頻道遍地開花，取得了不錯的成績， 但是，隨著業務的快速迭代，框架為滿足業務需求做了很多業務的事情，代碼中也慢慢出現了壞味道，并且會發現有一些設計不合理的地方。 想在工作中做調整基本不可能，所依賴的第三方庫搞掉也有很大的風險。這個時候小釵就萌生出開發出一套干凈的輕webapp框架的想法，于是該框架便出現了。 誠然，此框架比不上Backbone，比不了anglarJS，甚至本身也會有一些問題，但是作為初步接觸前端的同學，或者想在前端看到一些設計思想的同學，該框架還是有他一些優勢。而且這個代碼主要用于學習交流，我們帶著看看不吃虧的想法，還是可以接觸一下他的嘛！！！

支持情況

該框架是移動端框架，主要支持IOS6+、android4+

框架發展

第一期-MVC

該框架第一期的目標是簡單的webapp MVC的實現，現在也基本實現了，app支持hashChange與pushState兩種方式做路由加載view，對此有興趣的同學可以看看helloWord 關于app與頁面級View的關系如下：

第二期-通用工具

框架第二期的想法是，完善本身一些通用的東西，比如UI組件或者簡單的flip手勢工具等，這里小釵不是專業的前端，就直接從線上將公司的CSS Down下來了，也用了他的Dom結構 但是，整個組件的擴展非常方便，有興趣的同學看看UI一塊的代碼，UI的繼承關系如下：

UI的繼承關系如下：

第三期-ABTesting

框架第三期目標是實現前端ABTesting方案

第四期-ipad適配

框架第四期的目標是一套業務代碼，可以同時用于mobile與ipad

第五期-Hybrid

框架第五期目標是實現Hybrid交互適配，由于小釵本身不懂native開發所以此方案要靠后

隨機期-疑難雜癥

框架還會單開一個頻道做一些疑難雜癥處理，比如： ① fixed問題 ② 區域滾動問題 ③ app喚醒 ④ History路徑問題等

更多信息

DEMO

想簡單看看demo的朋友請到：http://yexiaochai.github.io/blade/