原创 博客園設置自定義皮膚,添加自定義小模塊懸浮天氣組件,github圖標鏈接等

你想知道的博客園個性化設置這裏都有哦~ 博客園個性化功能設置 博客園可以個性化設置一些功能,比如自定義博客園皮膚,添加 github 圖標,添加天氣小組件,自定義鼠標樣式,設置背景漸變色等,接下來一一爲大家講解~ 添加 GitHub 圖

原创 手把手教你使用Sass,CSS擴展語言Sass使用文檔說明

目錄sass介紹1.使用變量 變量聲明變量引用變量命名技巧2.嵌套css規則父選擇器的標識符:&羣組選擇器的嵌套子組合選擇器和同層組合選擇器:>, +, ~嵌套屬性3.導入sass文件使用sass部分文件默認變量值嵌套導入原生的css導入4

原创 vue3 composition API 中使用 vuex

下面是一個vue3 composition API 中使用vuex的實例todoList,用到了state,mutations,actions,可以把自己之前用vue2的舊語法改寫成vue3的語法,使用setup,ref, reactive

原创 typescript VSCode中的ts文件鼠標移上去報“函數實現重複”警告解決方案

在項目根目錄運行: tsc --init 之後項目根目錄會自動生成一個tsconfig.json文件,你再回到ts文件裏就不會有報紅線的“函數實現重複”警告了,是不是很簡單~

原创 github首頁添加README.md

github有一個隱藏的功能,如果創建和你的github名字一樣的倉庫名稱,在倉庫裏添加的README.md文件會自動渲染到你的github首頁上,你也來試試吧

原创 uni-app 使用問題記錄

如果你想開發一款小程序,又不想深入研究微信小程序開發文檔之類的,或者想寫一套代碼可以在多個平臺使用的,那uni-app是個不錯的選擇,不過在使用過程中也遇到了不少問題,下面記錄一下使用過程中遇到的問題,如果自己解決了再附上解決方法,如果沒有

原创 rgb轉16進制js方法,npm插件

工作裏,有時候ui提供給你的是rgb色值,有時候是16進制的,有時候是rgba格式的,總之一些時候是不滿足你需求的,還需要自己進行格式的轉化, 比如ui設計圖上的字體提供了rgba的,但是在echart中需要16進制的,這個時候就要自己進行

原创 升級vue3注意事項記錄 vue3都需要升級些什麼

sass語法的使用 控制檯報錯:Syntax Error: TypeError: this.getOptions is not a function 原因:版本問題,sass-loader的版本過新,安裝10.1.1版本即可解決; 路由

原创 一些好看的漸變色(配色)網站推薦

uigradients mycolor coolhue gradientbuttons colorkit webgradients nipponcolors zhongguose materialpalette palettes cool

原创 js判斷數組中是否包含某個元素

方法1:arr.indexOf(element):判斷數組中是否存在某個值,如果存在,則返回數組元素的下標(第一個元素),否則返回-1; let fruits = ["Banana", "Orange", "Apple", "Mango"]

原创 新版 animate.css 在vue中的正確使用

網上有很多vue中引入animate.css的教程,但是都是舊版的不生效,新版的animate.css的用法如下: npm i animate.css -D // main.js import animate from 'animate.

原创 vue-cli3 導入.md文件,vue中markdown文件的解析與渲染

package.json文件中添加以下依賴,然後重新運行npm install "vue-template-compiler": "2.6.10", "github-markdown-css": "^4.0.0", "highlight

原创 vue-color 顏色選擇器插件用法介紹

npm i vue-color <div> <div>color-picker</div> <p>Chrome</p> <chrome-picker v-model="colors" /> <p>Sketc

原创 vue-cli3 markdown文件的渲染

package.json文件中添加以下依賴,然後重新運行npm install "vue-template-compiler": "2.6.10", "github-markdown-css": "^4.0.0", "highlight

原创 Echarts 實現詞雲/圖譜/關係圖,隨機顏色與大小

Echarts可以實現以下所示的詞雲效果, 實現代碼如下: 把以下代碼複製粘貼到 echart gallery可以看到效果圖: let colorList = [ '#CF4645','#B580B2','#29008A','#1