原创 git 設置不同平臺行尾符號的問題

起因 平常自己使用MAC來開發項目,但是有一天電腦罷工,無奈暫時使用了window電腦,在開發完成後想提交代碼時,git就發出了一個警告:fatal: CRLF would be replaced by LF …一眼就明白了,想起

原创 JavaScript中的宏任務和微任務

先來個例子 如果能很快知道執行的順序結果,那麼說明你對這塊的內容理解非常深刻。 <div class="parent" data-spm="2.2.2.2"> <div class="child">123</div> </di

原创 利用History來實現前端路由

之前寫過利用Hash來實現前端路由的文章,這一篇是關於如何使用H5的history來實現一個前端路由 Hash實現和History實現比較 hash 實現方式 是通過錨點來改變瀏覽器的URL,體現在URL後面會加上#,並且可

原创 JavaScript算法系列--- 找出數組中倆個整數,使得他們的和等於給定的另一個數

給定一個整數數組以及一個整數,從這個數組中找到倆個數,使得他們的和等於這個整數,最後返回這倆個數在數組中的索引 舉個例子 array = [1,2,3,4]; sum = 7; getIndexArr(array,sum); // [

原创 關於跨域的幾種解決方案

在前後端交互的過程當中,跨域是一個老生常談的問題了,說說自己的一些理解。 什麼時候會發生跨域現象? 跨域的產生,是由於同源策略的限制,xhr或者fetch這樣的API都遵循這個策略,所以當我們在某個域的頁面,比如 http://kas

原创 git本地項目關聯遠程倉庫

首先先初始化本地git倉庫 git init 接着添加當前改動到commit git add --all git commit -m 'init' 增加遠程倉庫的地址信息 git remote add origin <

原创 基於webpack搭建一個React項目

最近接到需求使用React來搭建一個較爲複雜的頁面,所以先基於webpack來搭建了一個簡易的初始結構。項目地址:https://github.com/Kasol/React4Webpack.git 可以clone下來直接npm st

原创 Node中關於如何熱更新一個模塊

最近做了一些基於Egg的web項目,在開發階段,一般會在本地安裝nodemon這樣的工具,從而當我們改變一個文件時,他可以監聽到這個改動,然後重新啓動進程,將數據從硬盤裏重新加載到內存中,所以我們新的改動可以應用到應用程序中去。這裏不

原创 靜態資源部署問題的一些思考

對訪問靜態資源的一些思考 當我還是一個初入門的小前端時,對靜態資源的引用方式就是理解爲在HTML代碼裏面,通過一個link或者script標籤,寫一個相對或者絕對路徑,去拿到對應的靜態資源。比如下面這樣: <link href="

原创 Vue中的filter和methods

Vue的filter與method 有時候,我們會想在Vue中的filter通過this去訪問這個Vue實例上的屬性或者方法,但是這樣是做不到的,因爲此時這個this指的全局對象window。 但是反過來,我們可以在methods去訪

原创 ElementUI使用採坑之多個Popover

問題描述 使用ElementUI的Popover,當存在多個Popover時,點擊確定或者取消該over不消失的問題 如下圖: <el-popover placement="top" width="160" v-model="tip

原创 Vue使用watch監聽一個對象中的屬性

問題描述 Vue提供了一個watch方法可以讓使用者去監聽某些data內的數據變動,觸發相應的方法,比如 queryData: { name: '', creator: '', selectedStat

原创 ESLint的規則說明

"no-alert": 0,//禁止使用alert confirm prompt "no-array-constructor": 2,//禁止使用數組構造器 "no-bitwise": 0,//禁止使用按位運算符 "no-caller

原创 CSS中的佈局

佈局那些事 兩欄佈局 很多情況下,要用到諸如左邊固定,右邊自適應這種情況,此時可以利用浮動來解決這個問題。 <div class="wrapper "> <div class="left"></div>

原创 基於node.js實現簡單的單點登錄功能

單點登錄的簡單介紹 登錄應該說是很常見的功能了,用戶輸入賬號和密碼,通過驗證之後就可以正常訪問到自己想要的資源。但是在某一些場景,比如一個大型的應用被拆分成若干個小應用部署在若干機器上,並且每一個應用都有需要被保護的資源,那麼爲每個應用都