最近官網改版的任務交給了我，開發使用的是jq操作dom，後台php渲染的方式，如今已經開發完成，現在把一些問題記錄下來，已備忘。
2、移動端瀏覽器對video標籤相容不好
這裡有個細節，由於頁面是後台渲染，所以使用者在頁面間跳轉的時候實際是重新整理了頁面，這時候為了利用快取，我們要區分使用者首次載入頁面和重新整理頁面這兩種操作。
針對video，
而針對image，
我需要用到onload事件和complete狀態
onload表示首次載入完成，當使用者重新整理瀏覽器啟用快取時，image的onload事件不會再走，這時候我們可以根據image的complete來作為執行操作的節點。
具體**如下
var gif = document.getelementsbyclassname('logo-mobile')[0]
var myvid = document.getelementbyid('video');
if(ispc())
else}}
else
if(gif.complete)
else
}
其中這裡window.sessionstorage.getitem('v-ok') == 1這個判斷如果不需要在這裡做一些操作可以不要。因為重新整理也會發走video的canplay事件。
4、多語言適配
這裡才用的方案是i18next.js ，鏈結中文文件不全，有一些小坑，不過總體還是蠻好用的。
5、左側選單隨著右側內容高度變化跟著變化
暫時能拿出來說的就這些，僅作記錄。
微信官網改版 綠了
近日，突然發現，微信官方悄然改版了，背景顏色從灰色變成綠程式設計客棧色。有吐槽爺青結 這種改版也非常可以理解，畢竟微信app的圖示就一直是綠色。仔細對比你還會發現，圖示的綠色更鮮豔一些，官網的綠則更穩重。pc端長這樣www.cppcns.com 移動端更綠 對此，微信方面表示 說實話，yngdl我沒...
化繁為簡 UC中文版官網改版小結
2012年，uc瀏覽器的使用者量突破3億，成為名符其實的中國第一大手機瀏覽器。而uc官方 作為公司形象展示及產品介紹推廣的重要平台，構建得並不十分完善，在視覺設計和 構架上有許多不盡如人意的地方。在2011年年底，為了配合uc走向世界的主旋律，uc英文官網進行了一次全新改版，改版後的整體視覺效果更具...
360影視改版專案總結
在拿到設計需求之後,作為一名設計師,前期的思考是非常重要的,遠比後續的在表現形式上面的思考要重要的多.正確的思路和梳理決定了產品的方向.所以在前期和需求方進行深入的溝通顯得尤為重要,在了解了產品的使用者群體 產品目的 設計所要表達的意義，後續的商業推廣之後,我們針對原型圖進行深入的分析和思考,從專業...