原创 JavaScript處理移動端拍攝圖片旋轉問題

第一步:引入exif-js <script src="https://cdn.jsdelivr.net/npm/[email protected]/exif.min.js"></script> 第二步: /** * 處理圖片文件(處理

原创 JavaScript 生成隨機數方法總結

生成隨機數包含以下四種情況: 1:min ≤ r ≤ max 2:min ≤ r < max 3:min < r ≤ max 4:min < r < max /** * @description 生成隨機數 * @auth

原创 v-for 循環時直接使用 v-model 綁定報錯

報錯信息:You are binding v-model directly to a v-for iteration alias. This will not be able to modify the v-for source

原创 DataURL、Blob、File、Image

DataURL、Blob、File、Image之間的關係與轉換 var utils = { /** * @description canvas 轉 dataURL * @param { Object

原创 vue 打包之後生成一個配置文件修改接口域名

方法一: 第一步:安裝 generate-asset-webpack-plugin 插件: npm install --save-dev generate-asset-webpack-plugin 第二步:配置 webpack

原创 vue 項目中監聽 localStorage 或 sessionStorage 的變化

一、首先在 main.js 中給 Vue.protorype 註冊一個全局方法,然後創建一個 StorageEvent 方法,當我在執行sessionStorage.setItem(k, val) 的時候,初始化事件並派發事件。

原创 vue 計算屬性如何傳參

vue 計算屬性如何傳參 html 代碼 // html 中 v-for="(row, i) in calculateList(scope.row.navDish, item)" :key="i" js 代碼 // 計算屬性 c

原创 vue-cli中全局引用scss

如果直接在main.js中引入會出現以下錯誤: 解決辦法: 第一步: cnpm install sass-resources-loader --save-dev 第二步:修改build中的utils.js 修改爲: scss

原创 解決 cnpm : 無法加載文件 cnpm.ps1

安裝 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 在使用 power shell 運行 cnpm 時報以下錯誤: cnpm : 無法加載

原创 解決vue-router出現message: "Navigating to current location ("/admin/index") is not allowed"的問題

其原因在於Vue-router在3.1之後把$router.push()方法改爲了Promise。所以假如沒有回調函數,錯誤信息就會交給全局的路由錯誤處理,因此就會報上述的錯誤。 vue-router先報了一個Uncaught

原创 如何修改element-ui主題色

1、在項目目錄下安裝主題工具,執行: npm install element-theme --dev 2、在項目目錄下安裝 chalk 主題: npm install element-theme-chalk -D 3、初始化

原创 js 生成唯一標識符 UUID

UUID UUID 是 通用唯一識別碼(Universally Unique Identifier)的縮寫,是一種軟件建構的標準,亦爲開放軟件基金會組織在分佈式計算環境領域的一部分。其目的,是讓分佈式系統中的所有元素,都能有唯一

原创 js 數據分組(單個分組依據或多個分組依據)

方法一: /** * @description 數據分組 * @author CaoZM20132014 * @date 2019-07-19 * @export * @param { array } array 需要進

原创 JavaScript 作用域與作用域鏈

作用域 變量或函數可以發生作用的區域即是作用域。作用域的最大用途就是隔離變量或函數,並控制變量或函數的生命週期,超過該區域的變量或函數就不能被訪問。 全局作用域 在整個程序生命週期內都是有效的,在任意的函數內部都能訪問的變量

原创 vue router.push(),router.replace(),router.go(),router.back(),router. forward()

1、router.push():導航到不同的 url,向 history 棧添加一個新的記錄。(=== window.history.pushState) 聲明式 編程式 <router-link :to=""> r