原创 vue 插件 | 自動滾動 vueSeamlessScroll
1.下載安裝 npm install vue-seamless-scroll --save 2.引入 import vueSeamlessScroll from "vue-seamless-scroll"; 3.註冊使用組件 <v
2024-04-11 13:25:43
原创 鼠標事件 | mouseover mouseout / mouseenter mouseleave
父級元素添加鼠標事件 子元素綁定點擊事件 <div @mouseenter="actioveCollection = index" @mouseleave ="actioveCollection = false"> <i cla
2024-04-11 13:25:43
原创 overflow:auto;滾動條樣式
.interactiveStyle { height: 200px; overflow: auto; } .interactiveStyle::-webkit-scrollbar { /*滾動條整體樣式*/ width:
2023-09-02 13:25:44
原创 vue ｜ $bus
在組件1中調用組件2中的方法 組件1： this.$bus.$emit("change_event"， "參數") 組件2： mounted () { this.$bus.$on('change_event', (參
2023-02-10 13:25:51
原创 cnpm報錯“Error：Cannot find module ‘fs/promises”
問題背景描述 安裝three.js時報錯 解決方式 參考：https://blog.csdn.net/kk2442687723/article/details/126248887
2022-10-25 13:32:18
原创 cookie、localStorage和sessionStorage的區別
都是一種存儲機制 cookie localStorage sessionStorage 大小 4kb 10Mb (同步執行，太大會影響渲染進度) 5Mb 兼容 H4/H5 H5 H5 訪問 任何窗口 任何窗口 同一窗口
2022-08-18 13:25:52
原创 vue | 圖片懶加載
懶加載其實就是延時加載 因爲瀏覽器的可視範圍是有限的，所以滾動到所需要顯示的位置時在進行加載 方法一：事件監聽（監聽scroll這個事件，鼠標滾動觸發） 前提：需得知窗口顯示區的高度（通過window.innnerHeight獲取）=>
2022-08-15 13:27:37
原创 vue ｜ 路由守衛
一、什麼是路由守衛？ 在路由跳轉的時候能夠進行重定向或一些其他的操作 二、類別 1、全局路由守衛 beforeEach(to, from, next) //跳轉，常用於登陸 2、某個路由內獨享的路由守衛 beforeEnter(to,
2022-08-14 13:25:42
原创 mock ｜ 基礎
什麼是mock？（作用） => 是一種模擬後端藉口的解決方案。 （可以讓前端提前調用接口，完成前端開發） 優點 1、前後端分離：讓前端獨立於後端進行開發 2、增加單元測試的真實性：可模擬多場景的數據 3、開發無侵入：不需要修改現有的代
2022-08-10 13:28:17
1
原创 es6｜var、let、const區別
var 、 let 不推薦使用var 原因如下： => 1.需要聲明提升，即先定義在使用 console.log(num) // undefined var num = 123 --------------------------
2022-08-02 13:26:04
原创 js ｜閉包
1、閉包是什麼？ 閉包是指那些引用了另一個函數作用域中變量的函數，通常是在嵌套函數中實現的。（函數套函數） function fn() { let n = 123; } console.log(n); //此時會報錯 n is
2022-08-02 13:26:04
原创 問題｜同一個git項目的不同分支是不同的app，不同的app在同一個手機上不能同時安裝
包名相同，在雲打包時更改其中一個包名，離線打包時需要更改android stadio中的包名。如果提示與某某插件中的名稱不符合且不需要此插件，則刪除插件即可。
2022-07-30 13:27:40
原创 問題｜下拉框中選擇過的數據不能再次選擇
思路：共有三個數組：A已選擇的數組，B原始的所有數據的數組，C未選擇過數據的數組 1.定義一個新數組（C）。 2.將B數組和A數組做比較，使用過濾器過濾出不重複的數據賦值給C。 3.將C數組return出去。 4.此外還要在添加/編輯的時候
2022-07-30 13:27:40
原创 問題｜全局安裝live-server時（npm install -g live-server），安裝成功，但啓動項目時報錯，（****not commond）
需要在我的電腦—>屬性—>高級系統設置—>系統變量—>path中配置node_global路徑—>關閉終端後再打開終端—>運行live-server。 ⚠️： live-server是運行一個項目打的dist包的命令。當項目打包（nam r
2022-07-28 13:28:03