原创 002-搭建第一個node服務器項目

node + express 一、項目搭建 1、安裝express https://www.expressjs.com.cn/ npm i -g express --save 2、安裝應用程序生成器 npm i -g expres

原创 001-搭建簡單服務器,訪問本地靜態資源

node下載地址:http://nodejs.cn/ Node.js是一個事件驅動I/O服務端JavaScript環境,基於Google的V8引擎,V8引擎執行Javascript的速度非常快,性能非常好。 使用nodejs搭建本

原创 axios封裝一個具有請求/響應攔截的http請求

import axios from 'axios' import qs from 'qs' // 請求攔截 axios.interceptors.request.use(config => { // 此處可以封裝一些加載狀

原创 vue-quill-editor富文本自定義上傳圖片到服務器

vue-quill-editor選擇圖片之後是以base64的形式在編輯器內進行展示的, 在實際項目中如果圖片資源過多或者資源過大,那麼傳遞到服務端的html內容 資源存儲會過大。因此,可以將圖片先傳到服務器,編輯器內只是存儲資源

原创 004-react-devtools安裝和使用

在運行react項目時,安裝react-devtools使調試更方便。 1、下載.crx文件; 2、打開拓展程序 點擊上圖所指圖標,找到菜單中的‘更多工具’—‘拓展程序’; 頁面如下: 3、將.crx文件拖拽到拓展程序所在頁面

原创 JS常用方法總結

1、滾動到頁面頂部 const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if

原创 vue代碼開發技巧或者規範

1、v-for中使用:key 在操作列表渲染時,把:key屬性與v-for一起使用,可以使vue對組件狀態進行跟蹤。 使用唯一的識別符,diff算法能更高效的更新DOM。 2、v-for和v-if儘量避免在同一元素上使用 在列表渲

原创 導航守衛

導航守衛? 通過路由進行一些操作,向常見的登錄權限校驗。當用戶滿足條件是進入導航, 否則取消登錄,跳轉到登錄頁面。 溫馨提示: 當參數和查詢的改變並不會觸發進入、離開導航守衛。 要想查看當前路由,通過this.$route對象來查

原创 watch屬性的使用

watch,是一個鍵值對,鍵是要要監測的表達式,可以是props元素也可以是data元素等, 值可以是string, Function, Object, Array。他的作用就是監聽表達式變化,並且根據變化 進行相應的操作。 簡

原创 數據更新問題

vue項目數據更新總結: 路由固定時 1、$nextTick:(異步更新隊列) 在數據修改之後立即執行,等待DOM更新。回調會延遲到DOM更新循環之後執行。 // 表單值的修改 this.$nextTick(() => { th

原创 vue項目問題總結(vue-cli 3.0)

一、打包問題 合成文件加載失敗 二、運行問題 路由相關 // 在路由主頁面中添加 const originalPush = VueRouter.prototype.push VueRouter.prototype

原创 上傳文件到阿里雲OSS

最近項目中有文件上傳的功能,才發現阿里雲oss真是個好東西。 在其中做了好多的權限設置,角色、子賬戶、bucket等等。 web端進行文件上傳有多種方式 一、無需臨時授權(安全性較低) (一)、拿到權限直接上傳 let arr

原创 input[type=file]獲取文件信息,展示、上傳

實現效果: <!-- 上傳圖片 --> <div class="listBox flex imgBox"> <div class="label">專題圖片:</div> <input type="file" class="u

原创 019-Vuex狀態管理

一、Vuex簡介 vue應用程序的狀態管理模式。他採用集中式存儲管理應用的所有組件的狀態, 並以相應的規則保證狀態以一種可預測的方式發生變化。 vuex包含部分 View Actions Mutations State 一句話總

原创 017-vue項目config中index.js配置解析

1、build對象 對於 生產環境 的配置: index:配置打包後入口.html文件的名稱以及文件夾名稱 assetsRoot:配置打包後生成的文件名稱和路徑 assetsPublicPath:配置 打包後 .html 引