原创 鉤子函數方法

new Vue({ beforeCreate: function(){ console.log("組件實例化之前執行的函數") }, created: function(){ co

原创 vue-element庫 使用文字提示框實現任務流程顯示

一、效果圖 二、代碼實現 ①組件代碼 <template> <div class="progressBar"> <div class="bar"> <div class="schedule"

原创 vue 上傳視頻獲取時長

let url = URL.createObjectURL(file) let audioElement = new Audio(url); let duration audioEleme

原创 vue-cli腳手架的.editorconfig文件

描述:編輯器的配置文件以及編碼等信息 root = true // 讓這個文件生效 [*] // 對所有文件都生效 charset = utf-8 // 編碼 indent_style = space // 縮進'tabs鍵',如果習

原创 vue 批量下載文件---iframe以及其他用法

//批量下載 downloadFile(url) { var iframe = document.createElement('iframe') iframe.style.display = 'none'

原创 postcss.config.js

postcss.config.js 作用&配置 給postcss用的 postcss 是幫我們後處理css ,css已經編譯完成了,在stylus-loader編譯成css之後,在通過postcss優化css,通過一系列組件去優化,比如以

原创 babel.config.js

插件和設置的集合 module.exports = { presets: [ '@vue/app' ], // 如果需要按需引入第三方庫,在下面添加 plugins:[ [ "im

原创 vue 如何根據後臺返回來的圖片url進行圖片下載

downloadByBlob(url, name) { let image = new Image(); image.setAttribute("crossOrigin", "anonymous");

原创 vue-cli腳手架的..editorconfig文件

描述:編輯器的配置文件以及編碼等信息 root = true // 讓這個文件生效 [*] // 對所有文件都生效 charset = utf-8 // 編碼 indent_style = space // 縮進'tabs鍵',如果習

原创 vue-cli腳手架的.eslintrc文件

module.exports = { root: true, // 標識當前配置文件爲eslint的根配置文件,讓其停止在父級目錄中繼續尋找。 parserOptions: { // 解析器配置項 parser: "b

原创 vue-cli腳手架的.postcssrc文件

添加瀏覽器私綴(私綴是上世紀90年代瀏覽器大戰的產物,也是現在新型瀏覽器支持某些新API,而其它瀏覽器不支持的證明!) // https://github.com/michael-ciniawsky/postcss-load-confi

原创 vue-cli腳手架的.babelrc文件

{ // 此項指明,轉碼的規則 "presets": [ // env項是藉助插件babel-preset-env,下面這個配置說的是babel對es6,es7,es8進行轉碼,並且設置amd,commonjs這樣的模塊

原创 vue - vue-cli2腳手架搭建build文件夾詳解

build.js 構建環境下的配置:   loading動畫   刪除創建目標文件夾   webpack編譯;輸出信息 //這是vue-cli腳手架工具的生產環境配置入口 package.json中的"build": "node bui

原创 vscode----eslint 自動化保存失效得問題

beautify與其他得格式化衝突造成 在settings.json文件中將 editor.formatOnSave   參數設置爲false即可

原创 微信小程序

一、底部導航欄 // 找到項目根目錄中的配置文件 app.json 加入如下配置信息 "tabBar": { "color": "#a9b7b7", "selectedColor": "#11cd6e", "b