原创 04 vue 事件修飾符補充

事件 1. 事件修飾符 事件修飾符 作用 .stop 阻止事件冒泡 .prevent 阻止默認行爲 .capture 元素自身觸發的事件先在此處理 — 捕獲階段觸發事件 .self 只當在 event.t

原创 01 vue 基礎(指令)

vue官網 https://cn.vuejs.org/ 一、什麼是 MVVM M — model 數據 (提供) V — view 界面 / 模板(提供) VM — viewModel 連接模板和數據(自動的處理數據和模

原创 Webpack 初識

Wepack 基本概念 爲什麼要使用 Webpack? 現在跟多瀏覽器不支持 ed6、ed7、esnext 等更高級的語法,但是這些語法又比較好用,使用 webpack 可以幫我們把新語法轉換成 es5的語法;可以支持老瀏覽器;

原创 vue-cli & iView

創建 vue-cli 項目 # 安裝 vue-cli 因爲是全局安裝,安裝過一次之後再創建項目就不用安裝了; npm i -g @vue/cli # 創建項目 vue create gx-app # 進入項目目錄 cd gx-

原创 uni-app 轉 web端測試服部署流程

打開 WinSCP 命令 - 在PuTTY中打開 輸入密碼(複製 - 右鍵 - 回車) # 當前目錄切換到項目目錄 cd work/uniapp-web/ # 查看當前項目中的文件是不是最新的 ll # 查看服務

原创 骨架屏使用手冊

1.下載插件放到項目 components目錄下 2. 引入並註冊 import taozhiSkeleton from '@/components/taozhiSkeleton/taozhiSkeleton.vue' // 骨架

原创 Ubuntu 之 Audacity踩坑之旅

安裝了Audacity 準備錄製一些音頻,但是錄製選項裏,是內部聲音和外部聲音一起錄製的,但是我只想要電腦內部聲音,不想要外部干擾,怎麼操作呢? 按照教程是在這裏操作 但是我的電腦這裏沒有選項,只有一個default 到這裏就需

原创 uni-app中的innerAudioContext在微信內置瀏覽器播放音頻失敗

我今天調試uni-app上的音頻在h5上的播放,結果一直就出現一個很噁心的問題:在pc上的瀏覽器(谷歌、QQ瀏覽器)、微信開發者工具上,音頻正常播放,但是在手機微信瀏覽器,點擊播放毫無反應; 在HbuilderX上自帶的web調試

原创 JSON格式 和 表單數據

今天在調用 手機驗證碼驗證的時候,老是出錯; 仔細對比了一下我發送的數據,請求方式,通過body傳遞的參數,但是本地測試卻一直報錯,但是在postman測試卻一切正常 ???黑人問號 後來請教了同事才知道問題出在哪裏,是數據格式的

原创 axios 中 qs 的使用

qs一、請求寫法二、qs1. 對比2. 使用 場景: 在看代碼的時候看到如下代碼的時候,碰到兩個問題,一個是這個請求的寫法,第二個就是qs; // request 就是 axios 對象 export function getVe

原创 Vuex

小型項目 Vuex 是一個全局數據管理器; 不過小項目的話可以不用 Vuex ;直接使用根組件保存用戶數據;(因爲每一個組件都可以訪問到根組件) 大型項目的話就得使用 Vuex 來管理數據了; 開始 每一個 Vuex 應用的核心

原创 從0開始使用 vue-cli 搭建一個項目

1. 安裝 vue-cli & 創建項目 # 安裝 vue-cli 因爲是全局安裝,安裝過一次之後再創建項目就不用安裝了; > npm i -g @vue/cli # 創建項目 > vue create vue-web # 進

原创 Vue 自定義指令

關於自定義指令的寫法(全局和局部),有哪些鉤子函數,鉤子函數的參數這裏就不做講解,Vue文檔很清楚,可以直接看文檔的;https://cn.vuejs.org/v2/guide/custom-directive.html 一、 自

原创 vue-cli 開發環境的搭建

vue-cli 安裝 npm i -g @vue/cli vue-cli 的作用 是用來快速生成vue項目的腳手架 這個項目腳手架 webpack 構建的,依賴 webpack 打包; 使用 vue-cli 創建一個項目 #

原创 Vue 生命週期鉤子

所有的生命週期鉤子自動綁定 this 上下文到實例中,因此你可以訪問數據,對屬性和方法進行運算。這意味着你不能使用箭頭函數來定義一個生命週期方法 (例如 created: () => this.fetchTodos())。這是因