原创 JavaScript 之 原型和原型鏈
幾個概念 構造函數： 構造函數實際上是一個普通函數，通過new操作符，可以利用構造函數快速創建對象； prototype：每個構造函數自身上都會有一個prototype屬性，該屬性值爲一個對象，這個對象具有一個constructor屬性，
2019-07-01 20:44:59
原创 CSS揭祕之多重邊框
多重邊框的兩種實現方案： border-shadow outline <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=
2019-06-10 00:35:10
1
原创 元素總是居中且高度是寬度的一半
有一個元素element, 實現如下需求： 元素e水平垂直居中 元素e水平方向與父元素保持10px間距 元素e的高度是寬度的一半 <!DOCTYPE html> <html lang="en"> <head> <meta ch
2019-04-26 09:15:05
原创 利用clear清除浮動的一些問題
下面這段代碼是用來清除浮動帶來的高度塌陷問題 .clearfix:before { content: "."; display: block; height: 0; clear: both;
2019-01-17 22:44:44
原创 CSS2中盒模型與佈局的一些概念關係
CSS的一些名詞和概念 用來幫你更明確地去描述HTML/CSS世界的事物。 box 在CSS中，一個元素就可以看作一個box。具體信息可以參考盒模型的解釋，這裏暫且不作展開。 containing blocks Box的位置和大小時根據一個
2019-01-06 17:34:51
原创 前端面試題：CSS中的選擇器權重
CSS中選擇器優先級的權重計算 先看一段代碼，如下： <style> a{ color: red; } #box a{ color: green; } [class="bo
2018-11-06 16:44:45
1
原创 一道用hasOwnProperty給數組去重的面試題
hasOwnProperty hasOwnProperty是javascript中用於檢測對象是否包含某個屬性的方法，返回一個布爾值。 var o = { a: 1}; console.log(o.hasOwnProperty('a'));
2018-11-05 15:34:58
4
原创 讀《碼農翻身》（一）
讀《碼農翻身》（一） 什麼是線程？ 線程屬於進程，與該進程中的其它線程共享該進程的資源（變量、指令等）。線程可以理解爲計算機中處理任務的最小單位。 線程有三個狀態： 就緒、運行、等待。理論上，線程在被創建並執行完分配給它的任務後就會被銷燬。
2018-10-28 23:03:04
1
原创 Node 基礎學習
node是什麼 Node.js 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型。 Node使用包管理器NPM。 第一句話 Node.js 是一個基於
2018-10-25 23:54:53
13
原创 ES6中Generator
ES6中Generator Generator是ES6一個很有意思的特性，也是不容易理解的特性。不同於let/const提供了塊級作用域這樣明顯的目的，這玩意兒被搞出來到底是幹嘛的？ 首先我們需要明確一個問題，在JavaScript中，任何
2018-10-17 08:34:48