原创 純css繪製一個粗糙的哆啦A夢

最近看了個視頻,用css繪圖,感覺是一個挺有意思的東西,於是乎就動手用css畫了一個粗糙的哆啦A夢 效果圖:   <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl

原创 js sort方法和事件冒泡數組排序

js sort方法和事件冒泡數組排序 js的sort方法對數組進行排序 let arr = [1,53,24,25,68,9,2,15]; //方法一,使用js內置的sort方法 arr = arr.sort(function(a,b)

原创 vue兄弟組件之間傳值和方法調用

vue兄弟組件之間傳值和方法調用   1.兄弟組件相互傳值 1.1 vuex傳值 實現效果:兄弟組件之間傳值,child1的值發生變化,child2值也能隨之發生變化 子組件一代碼,child1.vue,點擊button,連接store.

原创 vue中router菜單高亮

vue中使用router實現菜單高亮 因爲之前一直是用點擊控制class的方式寫的,沒有遇到問題,也沒有bug。今天寫的時候終於出現了bug,刷新頁面高亮菜單爲默認值,導致很久才能解決這個bug,記一次vue頁面刷新高亮菜的爲默認值的bu

原创 css實現單行文字居中,多行文字左對齊顯示

css實現單行文字居中,多行文字左對齊顯示 實現效果 html代碼: <div class="box"> <div class="text"> <p>單行文字單行文字單行文字</p> <

原创 css兩列布局,左邊固定,右邊自適應的幾種方法

css兩列布局,左邊固定,右邊自適應   html <div> <div class="box"> <div class="box1">1</div> <div class="box2">2</div

原创 vue3創建項目

vue3創建項目 vue create 項目名稱 //回車   default默認配置,manually手動配置,如果選擇默認一直回車即可,選擇手動需要進行相應的配置如下圖 根據自己項目需求選擇相應的選項,空格選擇,a全選 b

原创 筆記:全局安裝webpack/webpack-cli

全局安裝webpack/webpack-cli npm install -g webpack //全局安裝webpack npm install webpack-cli -g //全局安裝webpack-cli 兩個同時安裝,webpa

原创 vue項目,ie,360報錯"promise未定義錯誤"和"Invalid Host/Origin header"解決辦法

vue項目在ie或者360瀏覽器打開,報錯"promise未定義錯誤",低版本瀏覽器不兼容axios請求的promise; 解決辦法一:安裝 babel-polyfill依賴 npm install --save babel-polyf

原创 筆記:安裝sass ERR:this.getResolve is not a function 解決辦法

1.安裝sass ERR:this.getResolve is not a function 解決辦法 webpack配置解析sass文件 npm install sass-loader node-sass webpack --save

原创 筆記:樹結構數組,js實現點擊某個節點,顯示該節點對應的所有父級節點

樹結構數組,js實現點擊某個節點,顯示該節點對應的所有父級節點 現有測試數組結構如下:如果輸入的id爲20102顯示的對應結果應該是['黑龍江','哈爾濱','呼蘭區'] city=[ { name:"北京",

原创 使用babel-plugin-import使antd插件按需加載並自定義主題,在webpack.config.js文件下的相關配置

使用babel-plugin-import使antd插件按需加載並自定義主題,在webpack.config.js文件下的相關配置,這裏演示的是webpack4.0 因爲antd使用的是less,所以這裏需要安裝less 安裝antd: 

原创 js計算

1.計算100-200之間9的倍數有哪些 function multipleOfNine() { for (let i = 100; i <= 200; i++) { if (i % 9 == 0) {

原创 vue中使用echarts,默認其中某個高亮顯示

vue中使用echarts,插入一個餅狀圖,默認其中一個高亮顯示,鼠標移入當前顯示高亮,其它的淡出,鼠標移開,默認高亮 安裝ecahrts npm install ecahrts 引入使用ecahrts import echarts

原创 筆記:js計算兩數相除,有時候顯示的結果是正常的,有時候顯示的infinity,解決辦法

因爲最近寫的一個項目涉及到計算顯示百分比,一開始是這樣寫的 function calculation(num1,num2){ return Math.round(num1/num2*10000)/100+'%' } 但是有時候顯示