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

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

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

PC首頁：

移動(dòng)端部分展示（縮略圖）：