原创 axios405狀態碼

問題:前端請求後端接口報錯返回405 原因:請求method本該爲post,錯誤寫爲了get。 如何發現:network中查看請求接口,然後通過與swagger確認發現。 修復:修改請求methods爲post 總結:狀態碼的熟悉

原创 微信小程序頁面傳參兩種方法

微信小程序頁面傳參 使用方法傳參&navigator標籤 index.wxml <view> <view bindtap="transform"> 文章1 </view> <navigator url="

原创 如何創建一個VUE項目(完整流程並附詳細截圖)

如何創建一個VUE項目(完整流程並附詳細截圖) 以下是創建vue項目的一套詳細流程,項目中初始化時就配有webpack打包 這個流程是正常開發項目所需要走的一套完整的的流程,我自己也反覆按照以上步驟操作幾次,都能創建項目。 只是在

原创 Vue基礎篇-表單與v-model

Vue基礎篇-表單與v-model 第六章 6.1 基本用法 表單控件在實際業務中比較常見,比如單選,多選,下拉列表,輸入框等 用它們可以完成數據的錄入,校驗,提交等。 vue提供了v-model指令,用於在表單類元素上的雙向綁定

原创 node.js有哪些優缺點?

node.js有哪些優缺點? 優點: 1.高併發(最重要的優點) 2.適合I/O密集型應用。 缺點: 1.不適合cpu密集型應用,由於JavaScript單線程的原因,如果長時間運行的計算(比如大循環) 將會導致cpu時間不能釋

原创 cookie、sessionStrorage、localStrorage、indexDB

存儲 特性 cookie sessionStrorage localStrorage indexDB 數據生命週期 一般是由服務器生成,可以設置過期時間。 頁面關閉就清除 (會話級存儲) 一直存在,除非手動刪除。(永久存儲) 一直

原创 vue基礎篇-初識vue

vue基礎篇 第一章 初識vue 1.1 vue是什麼 vue是一個漸進式技術棧(progressive) 所謂漸進式就是可以一步步有階段性的來使用。 他提供了現代web開發中常見的高級功能 1.解耦視圖與數據(視圖和數據分離)

原创 beforeEach實現SPA的title屬性

beforeEach實現SPA的title屬性 兄弟萌,看到SPA就會聯想到SPA溫泉了,不不不,這裏SPA是Single Page Application是指單頁面富應用。 什麼是單頁面富應用呢? 其實我們簡單來講就是開發時只有

原创 uniapp使用代碼塊創建組件模板

uniapp使用代碼塊創建組件模板 HBuilderX將 uni-app 常用代碼封裝成了以 u 開頭的代碼塊,如在 template 標籤內輸入 ulist 回車,會自動生成如下代碼: 通過點擊介紹-高效開發技巧可以看到如下使

原创 Vue路由懶加載策略

Vue路由懶加載 一、什麼是路由懶加載? 根據字面意思我們可以理解爲按需加載,根據實際情況加載資源。 二、爲什麼要用路由懶加載? 官網也給了明確說明,當打包構建應用時,JavaScript 包會變得非常大,影響頁面加載。如果我們能

原创 今日問題總結-100vh和vue路由

今日問題總結 1. vue中$emit觸發父級事件 1.標籤上如何觸發父級傳遞的事件: @click="$emit('parentEvent')" 2.methods中書寫爲: 作用:觸發父級事件,回調向父級傳遞參數(子傳父)。

原创 異步更新隊列$nextTick

$nextTick 有這樣一個場景,有一個div,默認用v-if的值爲false將它隱藏,點擊一個按鈕後,改變v-if的值爲true將它顯示出來,同時拿到這個div的文本內容,如果v-if的值是false,直接去獲取文本內筒是拿不

原创 如何創建uniapp項目

uniapp 如何創建項目 1.使用HbuilderX創建項目 下載HbuilderX軟件,新建>項目>uniapp項目>默認模板 2.使用cli創建 1.安裝node/vue—cli環境 2.Windows+R打開命令行,進

原创 uniapp如何引入官方的css樣式庫

uniapp引入css樣式、圖標庫、動畫庫 uniapp如何引入官方的css樣式庫 1.項目目錄新建一個common的文件夾 common一般存放的是項目引入的一個css和js樣式庫 2.將樣式庫的css或者js複製到commo

原创 webpack打包工具簡單流程

webpack打包工具 1.webpack與gulp的區別 gulp:gulp壓縮的代碼仍然是我們寫的代碼,只是局部變量名被替換了 一些語法做了轉換而已,整體的內容沒有發生任何變化。 webpack:webpack打包後的代碼不只