原创 js邏輯運算(a||b) (a&&b)

JS中的||符號: 訣竅 只要"||"前面爲false,不管"||"後面是true還是false,都返回"||"後面的值。 只要"||"前面爲true,不管"||"後面是true還是false,都返回"||"前面的值。 例子 let

原创 vue-cli的3.x版本的安裝使用記錄

2.9版本的安裝方法 之前都是使用2.9的版本都是一句話 "npm install -g @vue/cli "全局安裝就可以了,然後vue create 項目名字(英文,比如:vue-project),cd vue-project(進入這

原创 複雜表格固定表頭,tbody可以滾動

分開二個部分,頭部一個div加一個表格,表體一個div加一個表格 頭部: <div class="dtable"> <table class="table tabless"> <colgroup>

原创 阿里iconfont的用法

1.阿里iconfont的網站 :https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 2.選擇圖標加入購物車,然後點擊購物車圖標出現如下圖片,這裏選擇添加項目

原创 Eventloop(事件循環)

Event Loop即事件循環,是指瀏覽器或Node的一種解決javaScript單線程運行時不會阻塞的一種機制,也就是我們經常使用異步的原理。 JavaScript代碼的執行過程中,除了依靠函數調用棧來搞定函數的執行順序外,還依靠任務隊

原创 工作中一些常用的js方法

1.想獲取沒有設置width的span的長度 可以通過獲取span裏面字符的個數*font-size就可以獲取span的長度 2.在一個div中有一個輸入框以及一個span的單位,想要span單位和輸入框不管怎麼變化都是一行顯示 因爲單位

原创 vue中使用pdf.js預覽pdf文件

1.官網直接下載pdf.js,鏈接:點擊打開鏈接 這裏面有核心的pdf.js和pdf.worker.js,以及展示pdf的viewer頁面把它作爲靜態資源來編譯,基本想要的build和web這兩個重要文件夾的東西都正常編譯。當然你可以可以

原创 vue-cli3配置去掉console.log

在開發環境寫了很多console.log/info/debug,在生產環境需要去掉這些console。 webpack提供了刪除console的插件,在vue-cli3裏面是這樣用的: 首先安裝terser-webpack-plugin

原创 JSON.stringify與JSON.parse

1.實現數組深拷貝 function deepClone(obj){ let _obj = JSON.stringify(obj), objClone = JSON.parse(_obj); return

原创 vue中的.sync修飾符用法及原理詳解

在有些情況下,我們可能需要對一個 prop 進行“雙向綁定”。不幸的是,真正的雙向綁定會帶來維護上的問題,因爲子組件可以修改父組件,且在父組件和子組件都沒有明顯的改動來源 vue中我們經常會用v-bind(縮寫爲:)給子組件傳入參數。 或

原创 element的一些使用注意點

1.table表格控件表頭與內容列不對齊問題 //將以下樣式代碼添加到index.html、或app.vue中(必須是入口文件,起全局作用!) .el-table th.gutter{ display: table-cell!impor

原创 export default 導出對象的寫法

正確寫法 let man ={ name:"13123", year:323, } export default man 錯誤的寫法(會報錯) export default man ={ name:"13123", year:323

原创 vue-cli3生產環境去掉console.log

在開發環境寫了很多console.log/info/debug,在生產環境需要去掉這些console。 webpack提供了刪除console的插件,在vue-cli3裏面是這樣用的: 首先安裝terser-webpack-plugin

原创 vue中引用阿里iconfont

1.安裝svg-sprite-loader cnpm i svg-sprite-loader -D 2.在阿里iconfont下載好icon,保存成svg格式, 放在vue項目文件下面,我這裏是icon文件夾,然後創建一個index.j

原创 vue中全局配置sass變量或者方法

1.vue-cli3.0中,在vue.config.js文件中設置如下代碼 module.exports = { css: { loaderOptions: { // 給 sass-loa