原创 input 上傳文件類型
*.3gpp audio/3gpp， video/3gpp 3GPP Audio/Video *.ac3 audio/ac3 AC3 Audio *.asf allpication/vnd.ms-asf Advance
2020-06-24 08:32:31
原创 vue上傳pdf文件，顯示縮略圖，且預覽功能
效果： 這裏要藉助vue-pdf插件去展示縮略圖： 安裝方法 npm install --save vue-pdf html片段： <div class="wrap"> <input type="file" @
2020-06-12 16:33:08
96
原创 前端性能優化、vue優化
一、減少請求資源大小或者次數 1、儘量和並和壓縮css和js文件。（將css文件和併爲一個。將js合併爲一個） 原因：主要是爲了減少http請求次數以及減少請求資源的大小 打包工具： webpack gulp gru
2020-04-18 18:18:20
原创 vue列表頁面緩存 keep-alive，列表跳轉詳情頁面，列表頁面緩存
A頁面 B頁面：列表頁面 C頁面：詳情頁面 需求A頁面跳轉B頁面時，B頁面需要加載最新數據；C頁面跳轉B頁面時，B頁面的數據是A頁面跳轉到B頁面的數據 代碼： router-view： <keep-alive> <router-vi
2020-03-26 19:44:02
原创 數據庫類型
數據庫：關係型數據庫、非關係型數據庫（NoSQL）、鍵值數據庫(key-value) 1、關係型數據庫：SQLite、Oracle、mysql 特性： 1、關係型數據庫，是指採用了關係模型來組織數據的數據庫； 2、關係型數據庫的最
2020-03-18 20:00:12
原创 Web前端性能優化
一般說來Web前端指網站業務邏輯之前的部分，包括瀏覽器加載、網站視圖模型、圖片服務、CDN服務等，主要優化手段有優化瀏覽器訪問、使用反向代理、CDN 等。 一、瀏覽器訪問優化 1．減少http請求
2020-03-18 20:00:12
原创 vue-cli3.0搭建項目需要的配置
首先要熟練掌握vue-cli 3.0的搭建，在此技術上，加對應配置，更好的管理項目。 1、環境變量的配置，對應接口Ip 2、eslint檢查代碼格式，配合vscode編輯器的配置，保存自動格式化，代碼格式統一管理 3、element-ui
2020-03-12 02:36:08
原创 vue-cli 3 配置eslint檢查代碼格式
一個團隊最好要有統一的代碼格式，這裏簡單整理一下，僅供參考 首先，在搭建腳手架的時候的選擇，推薦編輯器vscode： 配合vscode編輯器的 Prettier - Code formatter插件： 注意點： set.json文件（v
2020-03-12 02:36:08
2
原创 用 vue-route 的 beforeEach 實現導航守衛（路由跳轉前驗證登錄）
登錄信息存儲： const data = { name: "lili" }; this.$store.commit("login", data); //存儲用戶信息 store: state: {
2020-03-05 02:52:11
原创 VUE中實現打印vue-print-nb
安裝： npm install vue-print-nb --save main.js： import Print from 'vue-print-nb' Vue.use(Print); 使用方法： html: <el-butt
2020-02-24 22:40:26
原创 vue-cli3.0 引入阿里矢量圖標
先下載 然後引入 main.js // 引入阿里矢量圖標 import './assets/iconfont/iconfont.css' 使用方法： <i class="iconfont iconshanchu"></i>
2020-02-21 06:52:18
原创 請求接口跨域問題
第一種解決方法：後端解決 報錯： 解決方法： 第二種解決方法：前端自己解決 利用proxy 這裏需要着重去研究proxy的api 第三種Nginx做代理解決 點贊 收藏 分享
2020-02-21 06:52:18
原创 Node.js中Koa2在控制檯輸出請求日誌的方法koa-logger
安裝： npm install koa-logger 安裝MomentJS npm install moment --save 展示效果： 點贊 收藏 分享 文章舉報
2020-02-21 06:52:18
原创 vue-cli3.0 配置圖片路徑
const resolve = dir => path.join(__dirname, dir) chainWebpack: config => { config.resolve.alias .set('assets
2020-02-21 06:52:18