原创 Express-博客後端接口

該項目是基於 vue+vue-router+vuex+vuetifyjs+express+mongoDB 搭建的個人博客系統,分爲前端和後端兩個部分。 前端地址:https://github.com/Huhui-coder/vue

原创 vue實現博客前端部分

該項目是基於 vue+vue-router+vuex+vuetifyjs+express+mongoDB 搭建的個人博客系統,分爲前端和後端兩個部分。 前端地址:https://github.com/Huhui-coder/vue

原创 cookie原理詳解及單點登錄原理

cookie一般是用來客戶端存儲信息的。用它可以進行用戶信息的檢驗,實際案例—單點登錄。 cookie的原理 第一次訪問網站的時候,瀏覽器發出請求,服務器響應請求後,會將cookie放入到響應請求中(通過Set-Cookie字段

原创 從零開始部署vue+node+mongodb全棧項目

從零開始部署vue+node+mongodb全棧項目,既爲個人記錄,也爲分享(最簡單的方案,本人親測)。 配置阿里雲服務器安全組規則 ​ 如果你不配置這個規則,那麼你連mongodb,node部署的後端應用接口都訪問不到。常

原创 vue首次打開加速優化

1.路由懶加載 { path: '/', name: 'home', component: () => import('../views/Home.vue') }, 2.組件異步加載 compon

原创 SEO優化

npm i --registry=https://registry.npm.taobao.org // 使用淘寶鏡像源安裝依賴 三種方式:分別是 SSR(如果是vue,直接使用nuxt.js) 預渲染(針對單個或幾個頁面進行

原创 Angular 組件之間通信方法

1 父組件給子組件傳值-@input 父組件不僅可以給子組件傳遞簡單的數據,還可把自己的方法以及整個父組件傳給子組件 1.1. 父組件調用子組件的時候傳入數據 <app-header [msg]="msg"></app-heade

原创 JS點擊圖片了之後,執行復制操作,可用ctrl+v 進行粘貼

<!DOCTYPE html> <html> <head> <title>JS點擊圖片了之後,執行復制操作,可用ctrl+v 進行粘貼</title> </head> <body> <img src="https://g.csdni

原创 Angular 處理excel 下載

在請求頭上加上: responseType: 'blob' bankBillmainexport() { this.bankBillList = []; this._spinner.show();

原创 用canvas來畫一個餅狀圖

首先,效果圖呈上— 在js文件中 let Piecharts = function (selector, options) { let canvas = "string" === typeof selec

原创 axios的封裝

新建一個request.js文件夾裏面新建http.js和api.js文件。 http.js用來封裝axios。 api.js用來管理api接口。 封裝axios 引入 // 在http.js中引入axios import a

原创 vue提高技巧(常更新)

化繁爲簡的wathchers: 常見的需求是組件創建時我們要獲取一次列表,同時監聽data中的數據改變也要重新獲取一個列表, 但是這麼寫又太冗餘了。 created(){   this.fetchPostList() }, watc

原创 《現代前端技術解析》讀書記錄

現代web前端技術概述 頁面內容太多了,如何保證開發效率? 使用jQuery或者MVVM框架開發 頁面內容太多了,如何組織和管理代碼? 使用H5的web component組件化開發方式開發,模塊或者組件化。 頁面內容太多了,如何快速實現

原创 記錄一個vue生命週期的bug

  今天在書寫業務代碼的時候,遇到一個問題:簡單來說,就是在一個Tab組件內,寫了兩個子組件,子組件是兩個echarts圖表,然而,在點擊tab欄目之後,echarts圖表並沒有渲染。 <template> <div class

原创 vue原理探索

數據響應式實現 實現數據追蹤變化 當你把一個普通的 JavaScript 對象傳給 Vue 實例的 data 選項,Vue 將遍歷此對象所有的屬性,並使用 Object.defineProperty 把這些屬性全部轉爲 getter/se