原创 Vuex注入到vue根組件
1.定義一個Vuex的store 2.在app.vue中引入改文件 其中的store可以縮寫成一個(ES6語法: 在對象如果鍵值相同, 可省略值)
原创 webpack 完整配置
1.安裝loader 及 其他模塊
原创 axios學習筆記
1. 安裝 npm i axios -D 2.發送請求 ①get請求 或者 ②post請求 3.axios.all() ======== axios.spread
原创 webpack之jest-webpack測試
1.安裝 npm i jest jest-webpack -D 2. 新增一條配置項(在packjson.js) 3.新建一個跟webpack.config.js同級的tests文件夾, 因爲jest-webpack測試的時候會去找這個
原创 webpack配置url-loader及file-loader
1. 安裝 npm i url-loader file-loader -D 2.配置(在webpack.comfig.js文件中) 3.url-loader作用是將小於限制文件大小的文件轉換爲base64的文件存到bundle/imgs
原创 postcss-loader配合autoprefixer給css加瀏覽器前綴名
1. 安裝 npm i postcss-loader autoprefixer -D 2. 在webpack.config.js 中配置 3.查看index.html 中 引入的 "dest/bundle.js"(webpack 輸出地
原创 webpack Eslint 代碼規範
1. 安裝 npm i eslint elint-loader 2. 配置webpack.config.js文件 module: { rules: [ {test: "/\.(js|jsx)/i", loader: "eslint-loa
原创 element - 穿梭框採坑
左邊的數據是全部的數據, 格式爲 右邊的數據爲數據[] 左邊數據中的key 和 右邊數據的格式必須相同
原创 node babel配置
1.npm 安裝以下插件 npm Install -g @babel/core(核心babel庫) @babel/cli(babel常用函數) @babel/preset-env(預設環境) 2. 新增跟package.json同級的.b
原创 封裝窗口尺寸(window)的寬高方法
window.innerHieght/ innerWidth ie9及以上兼容 ie8 及以下: 標準模式: CSS1Compat x: document.documentElement.clientWidth, y: docume
原创 查看元素的尺寸和元素位置
1. 元素的尺寸 elem.offsetWidth / offsetHeight width 和 height 是看起來多大的, 並不是實際內容區, 可以用elem.style.width / height 間接訪問元素屬性(不包括mar
原创 js滿三個增加一個逗號
var num = 234234234234234; num.toLocaleString(); //"234,234,234,234,234"
原创 查看元素的幾何尺寸
elem.getBoundingClientRect() 兼容性很好 注: 此方法中的height 和 width 在id老版本中尉氏縣, 返回的結果是此時此刻這個元素的靜態數據