好吧,花費了一個月沒有周末的日子,熬了N個通宵,一個小產品總算完工了。。。css
說說本身當初的想法吧,每一個人都有一個創業夢想,QQ空間應用中最近的十幅圖、十幅囧圖、十幅搞笑圖什麼的相信你們也都看到過或者玩過,最近特別火爆,因此勾起了我開發QQ空間應用的興趣。一個週末開始,朋友三個便開始着手開發第一個應用,你們討論作個票房輕應用,因而就定下名來「本週票房」,寓意就是每週給那些愛看電影的小夥伴們提供一些最新的票房信息。
我和另外一個負責前端,另外一個負責PHP後臺這塊兒。第一個週末便通宵了兩個晚上纔出了個雛形,開始覺得前端這塊很簡單,但後來就發現不是這麼一回事,要考慮前端性能,組件可擴展性,與後端的對接,還包括UI界面設計等等……
初版提交QQ應用空間後,次日第一次被告知審覈不經過:沒加客服信息,第三天第二次被告知審覈不經過:客服信息與開發者信息不對,對於第一次作QQ應用開發的人來講,打擊已經夠大了,,,終於到了第四天審覈經過了,咱們便把電影資源開放了出來,結果醒來次日,應用違規:不能有外鏈,被封殺了三天。。。
三天中,你們雖然情緒低落,但也給了你們反思的時間,咱們對整個程序前端架構和PHP的API開放進行了從新設計,由於初版上線後,服務器常常性的卡死。(PHP和前端以API的方式請求對服務器壓力太大了,一個用戶登陸後要發出三四十個請求,PHP這塊兒處理數據的速度也慢,因此致使進程常常性阻塞,非得重啓服務器才行)。
到今天,也快一個月了吧,第二版也總算上線了,對於前端和後臺的優化也接近尾聲,頁面直接由PHP渲染給出,對於服務器的請求瞬間減小很多,也再也不出現那種阻塞的狀況了。
因此這個地方想給你們的經驗就是,在準備開發一個應用或產品以前,必定要把總體的架構規劃清楚,避免之後花費時間又從新設計。
最後給本身的應用拉拉票,自賣自詡一下,但願你們夥都能捧捧場,提提意見。
呵呵,UI設計還算美觀,交互體驗好,性能好,運用最新的html5+css3技術,兼容IE8+以上瀏覽器。
整個應用力求用最少的圖,減小http請求,全部的都儘可能用css來實現,包括css3icon,圓角,陰影,動畫。採用模塊化開發,包括js和css。涉及到的技術有localstorage,js交互組件,預加載,還用到單體,工廠等設計模式,響應式佈局,QQ空間API。對技術尤爲是前端同窗,均可以觀摩下,歡迎提出意見及bug。期待與您交流。地址爲http://rc.qzone.qq.com/1101080756?f=blog
html