原创 C++ 中 i++與++i的區別

i++ 與 ++i 這兩個都可以整體看作是對變量i做的運算,只不過運算與返回的次序不同。沒懂不要緊看下面的詳解。 i++ : 功能是使i加一,但是返回的是原始(還未加一時)的i。 ++i:功能是使i加一,返回的是加一後的i。

原创 JavaScript 中原型繼承與寄生繼承

引言 在 ES5 中,繼承的方式有原型繼承,構造繼承,原型組合繼承,寄生式繼承,寄生組合繼承。 其實原型組合繼承就是原型繼承與構造繼承的組合,而寄生組合繼承則是寄生式繼承和構造繼承的組合。不盡會猜想是否寄生式繼承是原型繼承的某種替

原创 Vue.js開發分頁組件

文章目錄Vue.js開發分頁組件前言1. 需求1.1 提出需求1.2 需求分析2. UI界面3. js邏輯設計3.1 無省略號3.2 僅右邊有省略號3.3 僅左邊有省略號3.4 兩邊都有省略號4. html界面設計5 github

原创 JavaScript 中 foreach 的回調函數並行執行探究

在我們正常的表裏數組操作中有兩大類方式:一種是通過for/while的方式進行遍歷,另一種就是通過Array內置的方法,比如 foreach,map,every,some,reduce等。 這些操作處理同步的回調函數都是串行執行的

原创 node之Path介紹

path 爲 Node.js 常用的內置 npm 模塊,主要爲了更加方便的處理文件與目錄路徑,通常可通過 const path = require('path') 引用。 Windows vs. POSIX POSIX 稱之爲可移

原创 react-router 4.x 常見用法示例

常用組件及方法全部整合進一個demo中。 主要涉及的概念有: HashRouter 與 BrowserRouter Route children 和 render 創建地址與組件的關係 Link 與 NavLink Switch

原创 《深入淺出Webpack》學習筆記

入門 先簡單地提下模塊化的思想。 模塊化 簡單來說就是將複雜的系統分解成各個簡單的子模塊,便於開發和維護。 一般 JavaScript 模塊化規範有 CommonJS,AMD 和 ES6 中的模塊化。 CommonJS 其核心思想

原创 操作系統讀者與寫者同步問題

問題規則: 多個讀者可以讀取某個資源;當至少有一名讀者在讀取資源或者此資源被寫時,此資源不能被寫;當資源被寫時,該資源不能被讀取。 問題分析: 其實這個問題並不複雜,首先我們需要一個互斥量mutext_data對讀寫資源進行加鎖。

原创 力扣Java基礎知識總結

整型數組: //靜態初始化 int[] intArr = new int[]{1,2,3,4,5,6}; //簡化版 int[] intArr = {1,2,3,4,5,6}; //動態初始化 int[] intArr = ne

原创 Experience-driven Congestion Control: When Multi-Path TCP Meets Deep Reinforcement Learning 筆記

原論文鏈接 Abstract 摘要:在這篇文章中,我們打算從利用新興深度學習的全新的角度研究網絡問題,開發一個experience-driven方法,使網絡或協議從自己的經驗(例如,運行時統計數據)中學習最好的辦法來contro

原创 BFC定義及其應用

BFC BFC 的定義 浮動元素和絕對定位元素,非塊級盒子的塊級容器(例如 inline-blocks,table-cells 和 table-captions),以及 overflow 值不爲“ visible ”的塊級盒子,都

原创 垂直居中與水平居中的方法彙總

垂直居中 如果是 inline 元素,並且父元素高度已知。可使用樣式 line-height:父元素高度 如果是 inline-block 元素 利用父元素的僞元素和 vertical-align 樣式: .fa

原创 CSS 盒模型淺談

盒模型的定義 在瀏覽器中,每個元素都可以被認爲是盒模型。盒模型一般有以下屬性:display, position, float, width, height, padding, border, margin. 盒模型一般由 元素內

原创 像素與viewport淺談

像素: 對於像素有兩個概念,一個是物理像素,一個是邏輯像素。 物理像素是由屏幕自身決定的,一旦屏幕生產出來後其物理像素就固定了,我們知道屏幕之所以能夠顯示圖像,是因爲屏幕上排布着密密麻麻的小光點,通過這些光點呈現各種的色彩而顯示出

原创 Flex 屬性清單

在容器上有 6 個屬性 flex-direction: row | row-reverse | column | column-reverse flex-wrap: nowrap | wrap | wrap-reverse f