原创 Vue 批量註冊局部組件及應用

博客地址:https://ainyi.com/105 批量註冊路由的有個博客說到:https://ainyi.com/77 實際工作中,可能會遇到一個大頁面裏面有很多個模塊,這些模塊一般是需要拆分到單獨的組件中,然後父組件再引入 我最近就遇

原创 換膚功能(scss、css變量)

博客地址:https://ainyi.com/104 產品 SaaS 化,通常需要有換膚功能 這裏簡單記錄一下主題色及其衍生色(高亮、淺色)的更換功能 scss 全局定義 每個頁面都有顏色,那麼應該把顏色值定義在 global.scss 文

原创 Bilibili [冬] banner 早中晚切換效果

博客地址:https://ainyi.com/101 Bilibili 官網冬季的 banner 圖吸引了我,一開始是中午圖,鼠標左移浮現早上圖,右移浮現晚上圖,挺有意思 來實現一波 做之前先不要調試看 b 站的代碼,自己先想想怎麼實現,

原创 vite + ts 快速搭建 vue3 項目 以及介紹相關特性

博客地址:https://ainyi.com/98 Vue3.0,One Piece 接下來得抽空好好學習了 vite 尤大在 Vue 3.0 beta 直播中推薦了 vite 的工具,強調:針對Vue單頁面組件的無打包開發服務器,可以直接

原创 Vue 開發技巧總結

​博客地址:https://ainyi.com/95 本人玩了 Vue 兩年多,在此總結一下開發時的一些技巧和方法 自定義組件 v-model v-model 是 Vue 提供的一個語法糖,它本質上是由 value 屬性 + input 事

原创 Vue3 爲何使用 Proxy 實現數據監聽

博客地址:https://ainyi.com/93 vue3 響應式數據放棄了 Object.defineProperty,而使用Proxy來代替它 我們知道,在 vue2 中,實現數據監聽是使用Object.defineProperty

原创 Vue JSX、自定義 v-model

​博客地址:https://ainyi.com/92 最初用到 JSX,就是做這個博客的時候。iview 表格組件,不支持像 element 那樣直接寫 html 代碼渲染,只能通過 render 函數渲染,也就是 JSX 語法 這個說起來

原创 DOM 元素的循環遍歷

​博客地址:https://ainyi.com/89​ 獲取 DOM 元素的幾種方式 get 方式: getElementById getElementsByTagName getElementsByClassName getElemen

原创 關於 Blob

博客地址:https://ainyi.com/88 對於 Blob,前端開發中可能比較少遇到;數據庫中可使用 Blob 概念,例如 Mysql 存儲二進制數據的類型就是 Blob,也就是說圖片可存儲於數據庫中,以二進制格式存儲 Blob

原创 高階函數及 map、reduce、filter 的實現

博客地址:https://ainyi.com/85 2020 開年國家經歷了不少困難,最爲兇猛的局勢就是新型冠狀病毒的蔓延,國務院最終決定春節假期延長至==2 月 2 號==;公司決定 3 - 7 號在家用 vpn 辦公。10 號正式在職場

原创 krry-transfer ⏤ 基於 element 的升級版穿梭框組件發佈到 npm 啦

博客地址:https://ainyi.com/81 基於 element ui 的==升級版穿梭框組件==發佈到 npm 啦 看過我之前博客的同學或許知道我之前寫過關於 element 穿梭框組件重構的博客 關於 Element 組件的穿梭

原创 防抖與節流 & 若每個請求必須發送,如何平滑地獲取最後一個接口返回的數據

博客地址:https://ainyi.com/79 日常瀏覽網頁中,在進行窗口的 resize、scroll 或者重複點擊某按鈕發送請求,此時事件處理函數或者接口調用的頻率若無限制,則會加重瀏覽器的負擔,界面可能顯示有誤,服務端也可能出問題

原创 Java 單文件、多文件上傳 / 實現上傳進度條

博客地址:https://ainyi.com/76 日常,工作 在這裏總結一下上傳吧(是以前做過的練習,就彙總到個人博客吧) java ssm 框架實現文件上傳 實現:單文件上傳、多文件上傳(單選和多選),並且用 ajax 異步刷新,在當前

原创 Vue 路由模塊化配置

博客地址:https://ainyi.com/77 企業運營後臺頁面很多,路由如若不區分模塊化配置,所有路由擠在同一個文件將不好維護,所以路由的配置也要模塊化 分享兩個解決方案 —— Vue 路由配置的模塊化(==Plan A== and

原创 js 高階函數之柯里化

博客地址:https://ainyi.com/74 定義 在計算機科學中,柯里化(Currying)是把接受多個參數的函數變換成接受一個單一參數(最初函數的第一個參數)的函數,並且返回接受餘下的參數且返回結果的新函數的技術 就是隻傳遞給