該項目是為該公司進(jìn)行產(chǎn)品展示、招商加盟而做的，隨著移動互聯(lián)網(wǎng)的興起，現(xiàn)在的很多web應(yīng)用都應(yīng)該具備PC、手機、微信等多平臺互通能力，當(dāng)然本次項目也是支持這三個不同平臺的。而且在細(xì)節(jié)上加入一些有助于用戶體驗的解決方案。比如在移動端的產(chǎn)品展示中，由于該公司主要有4大類，每個大類有若干小類的產(chǎn)品；而且又想在手機端直觀展示出來，于是我們采用了手機端純CSS3滑動效果，再用JavaScript進(jìn)行位置鎖定，這樣達(dá)到app級別的體驗效果（該技術(shù)解決方案已經(jīng)被很多知名互聯(lián)網(wǎng)產(chǎn)品應(yīng)用，我們微構(gòu)網(wǎng)絡(luò)也在一直探索各種前言技術(shù)及解決方案）。

再比如在PC端的首頁，客戶需要加入他們其中一類產(chǎn)品重點展示（該類為其公司招商加盟的產(chǎn)品），其實在幻燈片下面緊接著跟上這樣的展示在設(shè)計上不是太合適，但客戶一再需要這個模塊。但這個模塊除了美觀上還有更大的一個問題，那就是當(dāng)產(chǎn)品足夠多的時候，就算每個小類最多只展示8張圖片，那么如果至少7個分類就有多達(dá)50+張這樣的大圖，那么這個頁面的體積就可想而知了。于是我們采用ajax解決方案，在默認(rèn)情況下這個模塊只加載一部分內(nèi)容出來，而其他的內(nèi)容只有當(dāng)用戶需要的時候再加載，這樣極大的加快了網(wǎng)站打開速度，當(dāng)然由于圖片較多最終速度肯定還是沒有那種圖片特別少網(wǎng)站那么快，但就是這樣的加工讓網(wǎng)站速度提高很多倍。而這個不是客戶要求的，客戶的要求就是讓別人能看到我這樣展示就行了。

因此，我們微構(gòu)網(wǎng)絡(luò)不僅僅是完成任務(wù)式的工作，有的時候客戶的做法我們可能有其他的建議，我們會提供給客戶，當(dāng)然前提是客戶愿意傾聽了。如果因為客戶的特定需求而堅持自己的需求，那么我們會在滿足需求的前提下進(jìn)一步優(yōu)化整個體驗。

PC首頁：

移動端部分展示（縮略圖）：