原创 讀《碼農翻身》

讀《碼農翻身》 什麼是線程？ 線程屬於進程，與該進程中的其它線程共享該進程的資源（變量、指令等）。 線程可以理解爲計算機中處理任務的最小單位。 線程有三個狀態： 就緒、運行、等待。理論上，線程在被創建並執行完分配給它的任務後就會被銷燬

2018-11-04 08:58:30

原创 MongoDB 初步教程

Install 系統基於Linux CentOS6.x 離線包安裝方式 yum安裝方式 離線包安裝方式 下載安裝包 wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_

2018-10-27 08:29:30

原创 ES6中的Generator

ES6中Generator Generator是ES6一個很有意思的特性，也是不容易理解的特性。不同於let/const提供了塊級作用域這樣明顯的目的，這玩意兒被搞出來到底是幹嘛的？ 首先我們需要明確一個問題，在JavaScript中

2018-10-20 08:11:58

原创 ES7(ES2016)中的Decorator

Decorator，字面意思是修飾器。用來修飾啥呢？ 類。先看一段代碼index.js： let readOnly = function(target, name, descriptor){ descriptor.writab

2018-10-20 08:11:58

原创 ES6中的let/cont、解構賦值和迭代器Interator

ES6中的一些新特性 引入let/const的目的 ES5中的作用域分爲：全局作用域 和 函數作用域。 並沒有塊作用域的概念，ECMAScript 6(簡稱ES6)中新增了塊級作用域。 塊作用域由 { } 包括，if語句和for語句裏

2018-10-20 08:11:58

原创 JavaScript通過Promise實現sleep方法

使用setInterval 而沒有使用while(true) 主要還是爲了練習Promise和 async/await 的使用 (async function(){ /** * s 休眠時長， 單位：秒 */

2018-10-20 08:11:58 1

原创 無頭瀏覽器 和 Puppeteer

什麼是無頭瀏覽器 無頭瀏覽器即headless browser，是一種沒有界面的瀏覽器。它有瀏覽器該有的一切功能，除了界面。可以通過命令進行瀏覽器內的各種操作。 我們日常使用瀏覽器的步驟爲：啓動瀏覽器、打開一個網頁、進行交互。在無頭瀏

2018-09-20 09:13:13

原创 CSS Grid佈局完全指南

原文：A Complete Guide to Grid CSS 網格佈局(Grid Layout) 是CSS中最強大的佈局系統。 這是一個二維繫統，這意味着它可以同時處理列和行，不像 flexbox 那樣主要是一維繫統。 你可以通過將

2018-09-17 09:59:53

原创 FlexBox佈局完全指南

FlexBox佈局 Flex即彈性盒模型, 該佈局方案由W3C於2009年提出。該佈局模型旨在提供一種更有效的方式來進行佈局，對齊和分配容器中的項目之間的空間，即使這項對象的大小未知或者會動態變化（這也是之所以叫Flex的原因）。 F

2018-09-17 09:59:53 2

原创 編寫一個Chrome插件

也可說是突然萌生出來的一個想法： 編寫一個Chrome插件。 前段時間發現Chrome瀏覽器佔用的系統內存相當的大。其實也對，隨着現代web程序的功能日益強大和豐富，瀏覽器吃內存是必然的。連office都有在線版的了，對比一下offi

2018-09-13 12:10:31 2

原创 CORS——一種新的跨域解決方案

一種新的跨域解決方案：CORS（跨域資源共享）。 它是W3c的工作草案，定義了在跨域訪問資源時瀏覽器和服務器之間如何通信。 CORS背後的基本思想是使用 自定義的HTTP頭部允許瀏覽器和服務器相互瞭解對方，從而決定請求或響應成功與否。

2018-09-13 12:10:31 3

原创 前端中的跨域

同源策略？ 同源策略/SOP（Same origin policy）是一種約定，屬於瀏覽器的一個安全功能。不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方資源。所以a.com下的js腳本採用ajax讀取b.com裏面的文件數據是

2018-09-13 12:10:31

原创 初探Go語言

GO語言 Go（通常稱爲Golang）是由Google於2009年由Robert Griesemer，Rob Pike和Ken Thompson（C語言作者之一，UNXI創建者）創建的一種編程語言。Go是一個靜態類型、編譯型語言，很像C。

2018-09-07 22:53:38 1

原创 DOM2中的Range

DOM2 級在 Document 類型中定義了 createRange()方法。在兼容 DOM 的瀏覽器中，這個方法屬於 document 對象。使用 hasFeature()或者直接檢測該方法，都可以確定瀏覽器是否支持範圍。 var

2018-09-02 03:50:15

原创 ES6 中的 Reflect 和 Proxy

Reflect Reflect 是ES6中新增的特性。它是一個普通對象，下面有13個靜態方法（enumerate在最終的發佈版中被移除），可以再全局下訪問。它不能當做函數調用，也不可以用new操作符生成一個實例。 首先來說，Reflect

2018-09-02 03:50:14