原创 動態海報營銷FabricJs方案

簡介 Fabric.js是一個可以簡化Canvas程序編寫的庫。 Fabric.js爲Canvas提供所缺少的對象模型, svg parser, 交互和一整套其他不可或缺的工具。Fabric.js可以做很多事情,如下: 在Canvas上創

原创 vuejs組件通信精髓歸納

組件的分類 常規頁面組件,由 vue-router 產生的每個頁面,它本質上也是一個組件(.vue),主要承載當前頁面的 HTML 結構,會包含數據獲取、數據整理、數據可視化等常規業務。 功能性抽象組件,不包含業務,獨立、具體功能的基礎組

原创 30 Seconds of CSS[譯][踐]

文章來源於30 Seconds of CSS,一些很有用的css片段,30秒內你就能理解! 代碼相對簡單,html,css,js代碼都放置一起,具體效果還是親自動手才能學真知!也可以參考譯文! Layout(佈局) 重置box-sizing

原创 小程序性能優化總結

歷史總結: 小程序倒計時深究 小程序實戰踩坑之B2B商城項目總結 初試小刀自我簡歷小程序 啓動加載優化 在小程序啓動時,微信會在背後完成幾項工作:下載小程序代碼包、加載小程序代碼包、初始化小程序首頁。初始化小程序環境是微信環境做的工作,

原创 移動端滾動研究

移動web滾動問題 在移動端如果使用局部滾動,意思就是我們的滾動在一個固定寬高的div內觸發,將該div設置成overflow:scroll/auto;來形成div內部的滾動,這時我們監聽div的onscroll發現觸發的時機區分andro

原创 小程序倒計時深究

小程序倒計時重疊抖動問題 因爲請求數據寫在onShow 函數裏面,所以每次切換界面都會刷新,這就會導致,如果當前 定時器在跑的話,再次刷新會再次常見定時, 那麼就會導致刷新幾次有幾個定時器,同時在跑,那麼前端界面顯示的計時數字 就會不時跳動

原创 小程序實戰踩坑之B2B商城項目總結

坑一:支付完成頁面,點擊“完成” 按鈕會觸發返回的頁面的onShow()生命週期 (祕坑) 如下圖,原以爲是微信的頁面,不會影響到小程序,實際情況下是會觸發返回的頁面的onShow()的。 觸發bug業務場景詳細描述: 因爲業務需要,我會

原创 javascript對深拷貝對象的研坑

對於深拷貝,淺拷貝的概念不多說,概念可以自行百度喲!這裏對深拷貝對象進行一些研究! 只有值類型數據的深拷貝 針對只有值的數據對象,下面一行代碼足以! JSON.parse(JSON.stringify(obj)) 不嚴謹的簡單的深拷貝 fu

原创 Vue.js自定義tipOnce指令用法實例

vuejs自定義指令是用來操作DOM的。儘管Vue推崇數據驅動視圖的理念,但並非所有情況都適合數據驅動。自定義指令就是一種有效的補充和擴展,不僅可用於定義任何的DOM操作,並且是可複用的。 最近碰到一種業務場景,業務場景如圖: 有個操作提

原创 使元素消失的方法總結

>>>點擊獲取更多文章<<< 下面是自己親自動手親測代碼,有多不足請指出!其中效果請點擊這 鏈接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">