原创 vue實現一個簡單的自適應貪喫蛇

前一陣用vue寫了一個貪喫蛇,主要練習一下自己的邏輯拆分能力,在此與大家分享一下。 此貪喫蛇可以通過分辨率比例自動計算格子數量,用二維數組實現。 <<!DOCTYPE html> <html lang="en"> <head> <m

原创 前端canvas粒子動畫背景(帶鼠標跟隨和點擊散開)

目錄 閒聊 看下效果 先貼下代碼吧 大概說一下流程 下面讓我來詳細說一下 1、初始化基礎屬性  2、添加鼠標移動事件並實時更新鼠標座標  3、通過隨機數生成粒子的座標和橫縱軸速度 4、渲染粒子並將粒子對象保存在數組中 5、調用reques

原创 基於vue的瀑布流的實現以及長列表的渲染優化

前兩天在公司的一個手機點餐項目組幫了幾天忙,發現裏面的點餐頁面使用了瀑布流。我一直知道瀑布流佈局但沒有具體實現過,這兩天下班抽空簡單實現了一下。 <template> <div class="home"> <div