原创 基於node實現文件上傳和下載

本文主要講述基於node如何實現文件上傳和下載,分成原生node實現版、中間件實現版。 1、文件上傳爲什麼需要使用multipart/form-data編碼類型? The encoding type application/x-www-fo

原创 node基於token的身份驗證

token身份認證:使用jwt庫來生成和驗證token,其中加密採用RSA非對稱加密算法,公鑰和私鑰使用openSSL手動生成。 主要步驟流程: 第一次請求時,用戶發送賬號與密碼 後臺校驗通過,則會生成一個有時效性的token,再將此to

原创 vue實現頁面粘滯效果

概述 通常一個長的頁面,需要滾動瀏覽,有部分重要信息會隨着滾動而看不見,因此需要粘滯在頂端,而又不影響滾動瀏覽,這個demo基於vue2,實現這個需求。 詳細 實現思路 佈局設計,如下圖所示: 2.頁面向下滾動,A區越來越小,B慢慢往上升

原创 wepy2.x那些坑

1、wepy中不能使用原生的input組件 當開發中需要使用radio或者checkbox時,通常設置input的type類型爲radio或者checkbox,但是經過編譯後統統會變成text類型,wepy不支持這種用法。我們可以直接使用小

原创 組件通信-廣播通信

序言:vue組件通信方式大家都會有所瞭解,大多涉及到的也都是父子組件通信或者是兄弟組件通信,至於祖孫組件通信大多使用Vuex倉庫實現。本文將使用一種全新的方式實現組件(無論隔幾代)間通信。 1、封裝廣播方法 //emitter.js fu

原创 瞭解VueJs中的mixins

1、什麼是mixins? 在開發中有這麼一種情況,當你有兩個非常相似的組件,它們的功能極其相似,但它們局部稍有不同,現在你的做法是將它們分成兩個不同的組件?還是隻保留一個組件,局部差異的部分採用props控制呢? 這些解決方案都不是完美的,

原创 深度理解slot

序言:slot是創建組件複用的強大工具,儘管不是很容易理解,我們來看一看slot是什麼以及如何在應用中使用它。 1、什麼是slot? slot是vue組件的一種機制,允許你以嚴格父子關係以外的方式組合組件。slot爲你提供了將內容放置在新位

原创 vue組件通信進階

序言:我們都知道vue父子組件通信主要通過props和事件,那還知道其他形式的通訊方式嗎?本文將一一爲你揭曉。 1、sync修飾符+this.$emit('update:屬性名', data) 1.1、sync修飾符的作用 在Vue中,子父