原创 CSS3 Animation – background-image
對CSS3的強大一如既往的自信，自己在倒騰一個用例，就是一朵白雲的兩個表情切換，想想很容易實現吧，在PC上也是如此， 用兩個keyframes就搞定了。 代碼示例： .cloud.large{ width: 138px;
2018-10-22 19:32:36
2
原创 CSS3動畫幀數科學計算法
總結都濃縮在這個工具裏了，想知道工具的地址或想窺探工具誕生的趣事請往下看 。 —————————————————————– 華麗麗的開篇 —————————————————————- 本篇文章
2018-10-22 19:32:36
3
原创 從情景出發的可用性設計
前言 爲了優化產品，提升用戶體驗，產品團隊經常做很多事情：數據監測、數據分析、競品分析…然後給交互設計師提需求，讓交互設計師把需求轉化爲可用的功能和良好的體驗。 在設計師眼中，產品需求就像女人心，讓人頭疼：
2018-10-22 19:32:36
原创 從找索引淺談性能優化
有這麼一個題目：找出由數字組成的數組中最大值的索引。 （PS：不用考慮兼容性） 方案一：使用for循環遍歷+條件判斷 function indexOfMax(arr) { var maxIndex = 0; for
2018-10-22 19:32:36
原创 隨筆：前端開發與項目管理
項目管理，這是一個很專業的領域，涉及的內容非常廣泛，並且實踐操作過程是“多變”的，第一次接觸這個工作是在之前公司做廣東省電信IPTV-EPG項目的時候，這也是第一次幫帶團隊，這也是偏技術方面的，涉及的內容很少；主要是團隊召集、帶領團隊解決
2018-10-22 19:32:36
原创 Web前端構建工具版本號管理方案思考
前端構建工具滿天飛的情景下，筆者也忍不住去搗鼓了一下，真正體驗一下NODEJS帶來的魅力，經過一段時間規劃設計，終於將平臺工具搗鼓出來了。在裏面也體驗了express, socket.io, grunt等node插件服務，使用很流暢，並且
2018-10-22 19:32:36
2
原创 重構 – 讓你的代碼更優美和簡潔
重構，這個詞在前端這塊讓人想到的更多的是頁面製作（HTML/CSS）這塊的工作。然後在前端中還有一塊更重要的地方 —— 那就是代碼的重構；學軟件工程的同學應該會比較清楚。 代碼重構，簡單來講就是把原來的代碼重新構建和編寫，讓代碼更加清晰，
2018-10-22 19:32:36
1
原创 VoiceOver知多少？
作爲一名有業界良心的網頁重構同學，以提高網站、移動端應用的可用性爲己任，於是整理出來了一份關於盲人輔助工具 VoiceOver 重構使用說明文檔，以幫助重構同學能夠簡單輕鬆地爲移動端信息無障礙做一些力所能及的事情。 文檔大綱： 一、 V
2018-10-22 19:32:36
原创 遠程調試(Remote Debugging)
當運行的程序出現問題時，我們通常通過調試來追蹤和定位問題。但是，當運行錯誤的機器上沒有調試工具，我們就需要實現遠程調試。簡單地說，就是要調試的程序和調試器不在一臺機器上。 移動端web調試，alert雖然是個土方法，但也是萬能的，不過這樣
2018-10-22 19:32:36
2
原创 創意力量從同理設計出發
什麼是同理心設計 同理心設計是一個以客戶為中心的設計方法，製造與產出注重客戶的感情走向的產品。 蘋果公司創始人喬布斯曾經說過：[it’s technology married with liberal arts,married with
2018-10-22 19:32:26