原创 vue中echarts之橫向柱狀統計圖

常規豎向柱狀圖 餅圖 這裏設置圖表的寬高: <div id="main" style="width: 100%;height: 300px;margin-left: 5%"></div> 添加圖表的屬性: showchart() {

原创 vue中echarts之常規柱狀統計圖

首先定義好圖標的寬高 <div id="indexc4" class="echarts2"></div> 這裏是css樣式 .echarts2 { height: 350px; width: 100%;

原创 vue中使用echarts製作中國地圖

vue中echarts統計圖表之餅圖 vue中echarts之橫向柱狀統計圖 vue中echarts之常規柱狀統計圖 china.js文件免費下載 下面是如何使用echarts製作一箇中國地圖 效果圖: 詳細步驟 1.給定一下全局樣式、

原创 vue中echarts統計圖表之餅圖

常規柱形統計圖 橫向柱狀統計圖 以下是餅圖代碼: <div id="pieChart" style="width:100% ;height:300px;"></div> 設置餅圖的屬性: getPie() { // 繪製圖表

原创 使用CSS3爲圖片添加濾鏡

圖片濾鏡 CSS filter 屬性用爲元素添加可視效果 (例如:模糊與飽和度) 。 注意: Internet Explorer 或 Safari 5.1 (及更早版本) 不支持該屬性。 <style> img {     width:

原创 iview Form表單校驗自定義校驗

Form 組件基於 async-validator 實現的數據驗證,給 Form 設置屬性 rules,同時給需要驗證的 FormItem 設置屬性 prop 指向對應字段即可。 下面是完整代碼: <template>

原创 iview中Modal對話框自定義頁頭頁腳

iview中Modal對話框自定義頁頭頁腳 Modal 組件提供了靈活的自定義樣式 API 和 Slot,可以自由控制整個 Modal 的各個組成部分,比如頁頭、頁腳、關閉按鈕。 下面是完整代碼: <Modal v-mode

原创 註冊鼠標移入事件mouseenter鼠標移出事件mouseleave

鼠標移入事件 mouseenter 跟鼠標移出事件 mouseleave 配合使用 它只針對註冊元素生效,對子元素不會生效 下面是代碼: let btn1 = document.getElementById('commit');

原创 Java常見手寫面試題-冒泡排序

Java常見手寫面試題-冒泡排序 從小到大排序,兩個相鄰得元素比較,如果前者大於後者則互換位置 int[] array = {0,3,4,2,1}; for(int i = 0; i < array.length; i ++){