原创 vue---給li標籤設置active選中樣式

關鍵點:添加【:class="active == index ? 'isActive' : ''"】 具體見下圖: 在data中,設置active初始值爲-1【  active: -1】  

原创 localStorage、sessionStorage、vuex使用及區別

目錄 Vuex localStorage sessionStorage 語法 區別 Vuex Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方

原创 vue---v-for爲不同item設置不同的樣式

要求:爲每一條數據設置不同的樣式,以背景顏色爲例,希望每一個類別的背景顏色不一樣。 關鍵: <template> <div> <ul> <li :class="'bgColor'+(index+1)" v

原创 javaScript---js顯示日期、星期、時間

實現效果: 獲取星期:【new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" )[date.getDay()]】 時間顯示優化(補“0”):【date.getHours() 

原创 python---合併兩個excel表格內容

需求描述: 示例:兩個excel表格如下:      1.xlsx                                                          2.xlsx 現要將上面兩個表格合併如下: 合併.cs

原创 vue---axios攔截器處理登錄失效跳轉登錄頁

axios攔截器(Interceptors)主要分爲: (1)請求攔截器:在發送請求前進行攔截,可以根據發送的請求參數做一些發送參數的調整,例如設置headers (2)響應攔截器:在後臺返回響應時進行攔截,可以根據狀態碼進入下一步處理。

原创 繪圖---帶你熟練操作PS工具欄

工具欄使用說明:工具欄配合工具屬性欄使用 工具欄 使用說明  移動工具:移動圖層、文字 自動選擇:勾選複選框,可單擊選擇不同圖層/組,不需要手動選擇圖層/組 顯示變換控件:勾選複選框,可對控件進行變換操作。也可以通過【Ctr

原创 vue---static與assets的區別

相同點: static與assets均是用來存放靜態文件,如圖片、字體圖標、css文件等 不同點: static不會參與webpack打包,assets參與 webpack 打包,被重新編譯 static中建議放一些外部第三方的文件,as

原创 vue---vis實現複雜網狀關係圖顯示

vis.js是基於瀏覽器的動態可視化庫。能夠處理大量的動態數據,實現對數據的操作和交互。 首先,貼上一個很好的vis.js參考文檔:https://yajunfan.github.io/vis/#/module 案例效果如圖 (1)安裝

原创 javascript---踩坑-forEach無法跳出整個循環

原來是想着寫用forEach實現循環比較簡單一些,結果發現居然無法跳出循環!!! 把【return】改成【break】也不行,並報SyntaxError: Illegal break statement語法錯誤 好吧,我們把循環語句換個

原创 JavaScript---爲json數組中同一類別的數據添加相同的參數

要求如圖: 爲相同category的項中加入相同的color參數: var arr = [ { id: 1, label: "蘋果", category: "水果" }, { id: 2, label: "猴子", cate

原创 chrome瀏覽器允許跨域設置

可以通過使用chrome命令行啓動參數來改變chrome瀏覽器的設置,使用--disable-web-security參數可以降低chrome瀏覽器的安全性,禁用同源策略,利於開發人員本地調試。具體步驟如下: (1)找到chrome瀏覽器

原创 vue---el-select同時獲取label和value值

問題描述:同時獲取下拉選項的label和value值 解決方法: 方法一 selectChange(val) { var obj = {}; obj = this.options.find(function(

原创 vue---slot插槽使用

1、【<slot></slot>】-不帶有name屬性的插槽 在子組件中使用【<slot></slot>】可以爲這個子組件添加一個插槽(或者叫佔位)。在父組件中,引入子組件的標籤對中插入的html代碼將替代【<slot></slot>】

原创 vue---el-table設置表頭居中,內容列居中/左對齊/右對齊

問題描述: 如圖,要求設置表頭居中,第一列,第二列內容居中,第三列內容左對齊。 解決方法: 統一設置設置表頭居中【:header-cell-style="{'text-align':'center'}"】 統一設置設置內容列居中【:c