原创 css-tick

記錄一下最近學到的一些css的小技巧。 媒體查詢 媒體查詢這裏存在一個邊界值的問題,如果max-width和下一個min-width數值相等,那麼就需要在min-width裏面寫樣式覆蓋掉max-width裏面的,不然就會出現邊界值的樣式不

原创 添加和刪除props的react高階組件

嘮叨幾句啦 在看程墨老師的深入淺出高階組件,開頭一點提了一個需要,創建兩個高階組件,一個能給傳入的元素自定義添加props,一個是刪除特定的props。我剛剛做了一下,發現高階組件需要區分好傳入的是class還是react element,

原创 讀書筆記(you don't know js): this的理解(沒寫完...)

基本概念 首先,函數不能存儲this的值,this指向哪裏,取決於調用它的對象。如果沒有這個對象,那默認就是window調用(非嚴格模式下)。也就是說this是在運行的時候定義的,不是在綁定的時候定義的。 function foo(

原创 node.js+react.js+xterm.js構建webssh

概述 先講一下簡單的原理:前端和後端的通信,使用的是socket.js,後端連接服務器,使用的是ssh2.js,頁面顯示出控制檯這個操作頁面,使用的是xterm.js。整個工作流程就是:前端在xterm.js裏面輸入文字,通過socket和

原创 springboot登陸過濾功能的實現代碼

這篇文章主要介紹了springboot登陸過濾功能的實現代碼,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 先簡單說一下我們工程的架構:前端工程是採用react,後端工程採用sprin

原创 spring-boot登陸過濾功能

先簡單說一下我們工程的架構:前端工程是採用react,後端工程採用spring-cloud,裏面分爲zuul工程和其他功能模塊。zuul工程除了提供後端的路由轉發,還可以做全局的過濾器,所以我選擇在這個工程裏面寫登陸校驗功能。 sessio

原创 react高階組件小demo-受控組件轉換成非受控組件

高階組件的概念 高階組件是啥呢?就是一個接收組件作爲參數,並返回一個帶有附加的屬性、方法的包裝後的組件。它的作用就是讓具有相同功能的組件,能夠不寫重複代碼就複用這部分功能,同時這些組件又能夠具有自己獨特的屬性和方法。這或許就是抽象的意思吧。

原创 vue構建動態表單

概述 後臺管理系統裏面有非常多的表單需求,我們希望能夠通過寫一個json格式的數據,通過vue的循環動態地去渲染動態表單。並且能夠在外部得到渲染出來的表單的數據,可以對錶單進行重置操作。我結合element ui的控件的下拉框,輸入框,時間