原创 NodeJS - 使用Mongoose進行Mongodb數據庫連接

最近嘗試了一下Node的代碼,過程中用到了數據庫,現在總結一下並分享出來。對於Mongodb的安裝,大家可以參考下這篇博客,保證良心,對了,是windows系統的。對於Node層次的代碼,使用的KOA框架,參考的廖雪峯大神的示例,很贊。1

原创 【VSCode】設置代碼格式化插件Beautify

背景 開發過程中,經常由於一些代碼的複製粘貼,或者編寫時的一些不良習慣,導致代碼可讀性比較差,這個時候就需要一個代碼格式化插件來幫助我們把不規範的代碼格式化一下。VSCode中擁有大量的插件庫,其中最具代表性的使用庫就是Beaut

原创 CSS中的IFC和BFC入門

提到CSS,首先會想到的就是盒模型,如果對於盒模型不是很理解的,看這裏。這是一個基礎的系列,看了盒模型還可以看看box-sizing,好了不多說了,下面介紹今天的重點。首先從概念入門,B是Block,I是inline,F [Formatt

原创 【解決】You are using the runtime-only build of Vue where the template option is not available...

直奔主題 不想往下看的看這裏。我是用的vue-cli4,項目報錯是因爲我對一個子路由的組件使用了非template模板,代碼如下 const User = { template: '<div>User</div>' } 然後

原创 JavaScript--箭頭函數對this的影響

除了之前介紹的call,apply和bind等會對this的指向產生影響,箭頭函數也會產生影響。 箭頭函數作爲bind使用的替代者,不僅僅是讓代碼更簡潔,而且可以改變this的指向,讓失去this的方法重新找回和this的綁定。 廢話不多

原创 vue cli修改默認webpack配置

vue cli修改默認webpack配置 背景 ​ Vue CLI作爲一個Vue的腳手架,幫助我們做了很多工作,比起create-react-app腳手架,絲毫察覺不到有webpack的身影,對於簡單的開發工作,我們無需關注如何

原创 Node報錯: can't not set headers after they are sent to the client

今天在開發的時候,Node服務器端報了這個錯誤,根據他的提示不難發現,我在響應之後又去執行了設置響應頭部的操作,導致了這一錯誤,下面我把代碼發一下,給大家做個參考: user.save((err,rst) => { if

原创 《深入淺出vue.js》中變化偵測的源碼以及解析

《深入淺出vue.js》中變化偵測的源碼以及解析 背景 最近由於公司知識體系變動,需要學習vue來適應新的開發平臺,我選擇了《深入淺出vue.js》來進行學習,之前有了解過一些vue知識,這次打算深入學習一下,尤其是第一篇變化偵測

原创 【解決】You are using the runtime-only...

直奔主題 不想往下看的看這裏。我是用的vue-cli4,項目報錯是因爲我對一個子路由的組件使用了非template模板,代碼如下 const User = { template: '<div>User</div>' } 然後

原创 JavaScript--深入淺出之閉包

本文很多理論基礎以及概念來自於《你不知道的JavaScript》,感謝KYLE SIMPSON先生。首先要說明,閉包是和作用域息息相關的。function foo(){ var a = 2; function bar(){cons

原创 Redux源碼解讀--(5)createStore

下面介紹最後一個函數,CreateStore.先上一個基本的用法吧。const store = createStore(reducers, state, enhance);這個enhance就是 applyMiddleware(...mi

原创 JavaScript--this的綁定規則

JavaScript中有四條調用規則,我們可以根據這四條調用規則來判斷當前this的指向。第一條:默認綁定。function foo(){ console.log(this.a); } var a = 2; foo(); //

原创 vue mounted方法執行多次問題的解決方案

問題背景 今天幫忙解決問題的時候遇到了一個很奇怪的問題,點擊一個按鈕跳轉的另一個頁面,他的mounted方法執行了三遍,想到這個問題我確實是很困惑的,查閱網絡資料說是v-if和v-show的問題,線下我自己驗證了一下,確實沒有找到

原创 Vue中scoped工作原理以及使用情景

爲什麼要使用scoped vue中爲了讓樣式私有化,不至於當前組件的css樣式對全局造成污染,添加了scoped屬性,但同時也要慎重的使用,因爲一旦出現問題,排查起來可能會很麻煩。 scoped工作原理 我們平時開發vue的時候可

原创 使用antd的Row、Col組件繪製word申請表

背景 想到用Row,Col繪製word申請表,首先他的span屬性調節可能更方便一些,而且整體使用起來也是React風格,避免了使用tr, td這種原生的標籤帶來一系列屬性錯誤以及不兼容。 當然了我使用tr,td完成了一版,踩了一些坑