原创 並行執行npm腳本

有些時候我們想要好幾個npm 腳本一起執行,如果用&&的方式去拼接其實是並行的,只有等前面的語句執行成功了纔會接着執行。 npm包npm-run-all 可以幫助達到並行執行npm語句的作用,用法是npm-run-all -p 腳

原创 warning: unable to access '/Users/test/.config/git/ignore': Permission denied的解決辦法

1、cd ~ 2、更改文件夾權限:sudo chmod 755 .config

原创 淺析webpack熱更新

HMR(Hot Module Replacement)定義 HMR會在應用程序運行過程中替換、添加或刪除模塊,不用重新加載整個頁面,這與“自動刷新”不同,webpack-dev-server中的inline控制頁面的自動刷新,即當

原创 讀《圖解CSS3》有感——走進CSS3(一)

    相對於CSS2.1,CSS3有了質的飛躍,它不再需要非語義標籤、複雜的javascript腳本以及圖片。     那麼我們一定會很急切地想知道CSS3都有哪些新的強大功能,比如有多列布局、彈性盒模型、圓角、陰影透明度以及HSL、H

原创 grid佈局實現響應式效果

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-

原创 詳解iOS中position:fixed吸底時的滑動出現抖動的解決方案

這篇文章主要介紹了詳解iOS中position:fixed吸底時的滑動出現抖動的解決方案,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 兩種抖動 爲什麼抖動還會有兩種? 其實是我碰到

原创 footer 的實現方法

當內容不超過一屏時,footer在屏幕底部,內容超過一屏時,和主體內容有固定距離。也就是內容少的時候吸底,內容多的時候文檔流排版。我嘗試了幾種實現方法。 1.flex 思路:給body設置flex,然後flex的方向設置colum

原创 堆和棧的區別(轉過無數次的文章)

一、預備知識—程序的內存分配    一個由C/C++編譯的程序佔用的內存分爲以下幾個部分    1、棧區(stack)—   由編譯器自動分配釋放   ,存放函數的參數值,局部變量的值等。其    操作方式類似於數據結構中的棧。    2

原创 移動端1px線&will-change

移動端1px線 viewport告訴你1px爲什麼變粗 html的代碼中經常會有這麼一句 <meta name="viewport" content="width=device-width, initial-scale=1.0, maxi

原创 css 頁面重繪和迴流(重排)以及優化

一、html頁面的呈現流程 1.  瀏覽器把獲取到的HTML代碼解析成1個DOM樹,HTML中的每個tag都是DOM樹中的1個節點,根節點就是我們常用的document對象。DOM樹裏包含了所有HTML標籤,包括display:

原创 強大的stylus!

百聞不如一用。 我今天對stylus的用處有了非常直觀的認識。 Talk is cheap,show you the code. 使用前: .lottery-sector li:nth-child(1) { background-c

原创 單行文本和圖片的水平中心線對齊方式

場景 div裏面有一個img標籤,然後按照設計圖給把圖片的寬度和高度賦給了父元素,給img設置寬度和高度爲100%,這樣子元素img的寬度和高度就等於父元素的寬度和高度,奇怪的是出現了下圖所示的問題: 可以看到圖1和圖2的詳情高度不一樣

原创 可以說是比較淺顯易懂的區塊鏈解釋了

轉自作者:汪樂-LaiW3n 鏈接:https://www.zhihu.com/question/37290469/answer/107612456 來源:知乎 著作權歸作者所有。商業轉載請聯繫作者獲得授

原创 前端開發裏的設計模式

前端開發中的設計模式 設計模式的定義是,在面向對象軟件設計過程中針對特定問題的簡潔而優雅的解決方案。在不同的編程語言中,對設計模式的實現其實是可能會有區別的。比如java和javascript,在Java這種靜態編譯型語言中,無法動態地給

原创 加鎖還沒用?你想知道的可能在這裏!

背景:項目基於vue,出現的問題是,有一個組件在長按的時候會出現,組件中有一個刪除按鈕,連續點擊刪除且手速很快的情況下會彈出刪除失敗的提示。 思路過程: 方案一 計數加setTimeout 方案二 記錄上一個股票代碼,只有噹噹前股票代碼和