將表單驗證的通用部分提煉出來，做成一個簡易插件，方便調用。 已將源碼放到GitHub上，名字叫zValidate。 手機可掃描下圖查看示例，PC端可點擊此處查看： 一、原理 1）需要 ...

　　早在2013年Luke Wroblewski就提出了骨架屏（Skeleton Screen）的概念，他認為骨架屏是一個頁面的空白版本，通過這個空白版本來傳遞一種信息，即頁面正在漸進式的加載中。骨架 ...

前面曾經寫過一篇《H5圖片裁剪升級版》，但里面需要借助第三方手勢庫，這次就不需要使用手勢庫，全部封裝在代碼中。 下圖是裁剪的展示，下面就做了拖放和裁剪，沒有做縮放，在插件中需要用到大量的計算。veI ...

　　在網上有個開源的rrweb項目，該項目采用TypeScript編寫（不了解該語言的可參考之前的《TypeScript躬行記》），分為三大部分：rrweb-snapshot、rrweb和rrweb- ...

前段時間做了個跟裁剪相關的活動《用H5中的Canvas等技術制作海報》，這次公司要做個與奧運相關的活動，掃車牌贏獎。 於是我就在上一個活動的基礎上，將代碼重新封裝一下，並且將計算方式寫的更通用。下圖 ...

昨天看到QQ登錄的時候，可以選擇以前登錄過的賬戶，這個東西也可以在網站登錄的時候用到，所以我就想做一個這樣的插件；在網上查了很多，沒有找到合適自己的，所以決定自動制作一個。 原理就是一個textbo ...

在Google搜關鍵字“slider”或“swiper”能找到一大堆相關插件，自己造輪子是為了能更好的理解其中的原理。 給這個插件取名為“veSlider”是指“very easy slider”非 ...

以前曾用Canvas合成、裁剪、圖片等《用H5中的Canvas等技術制作海報》。這次用Canvas來畫文字。 下圖中“老王考到駕照后”這幾個字是畫在Canvas上的，與在PS中打入的字非常接近，毫無 ...