原创 JS中的異步和回調

? // 異步 var n=10 function doSomething(){ console.log('開始') var id=setTimeout(()=>{ n++ conso

原创 終端管理工具

終端包管理工具 Homebrew 用於安裝和管理軟件。 安裝方式: 在終端中輸入ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/

原创 前端的魅力

強大 現在的前端已不僅僅停留在畫靜態頁面,當下的前端之強大,在 V8 引擎和衆多框架/庫的加持下,能做的事包括但不限於:服務端(node.js)、動態頁面(vue & react)、APP(weex & react nativ

原创 ES6/ES7/ES8新特性之新增處理字符串的方法

我主要提常用方法 includes() // let str = 'happy'; 是否包括以下字符,返回true or false // console.log(str.includes('ha')) // true i

原创 三種解決異步回調的方法 帶你逃離回調地獄

回調地獄 因爲Javascript的異步特性,每個開發者都無法避免會碰到一些callback hell,同時在代碼的迭代過程當中因爲這樣一些callback hell導致代碼越來越不可維護。尤其是當回調過程中去參雜一些同步邏輯判

原创 VSCode必裝的高效開發插件

我自己用的VSCode插件 VS Code JavaScript(ES6) snippets 當前最流行的,已有超過120萬的下載量。這個插件爲JavaScript、TypeScript、HTML、React和Vue提供了E

原创 node.js之buffer

Node.js Buffer(緩衝區) 定義 JavaScript 語言自身只有字符串數據類型,沒有二進制數據類型。 但在處理像TCP流或文件流時,必須使用到二進制數據。因此在 Node.js中,定義了一個 Buffer 類

原创 node.js具體項目搭建步驟

生成後臺目錄結構並安裝熱更新 生成目錄結構 1. 安裝目錄生成器: npm install express-generator -g 2. 生成一個文件夾: express 文件夾名 --view=pug 3. 進入到文件

原创 Postman的安裝與使用

Postman的安裝與使用 1.簡介及安裝 Postman簡介 Postman是一款功能強大的網頁調試與發送網頁HTTP請求的Chrome插件。它提供功能強大的 Web API & HTTP 請求調試。它能夠發送任何類型的H

原创 Docker 容器使用

Docker 容器使用 Docker 客戶端 docker 客戶端非常簡單 ,我們可以直接輸入 docker 命令來查看到 Docker 客戶端的所有命令選項。 runoob@runoob:~# docker 可以通過命令

原创 Chrome的開發者模式及debug mode的使用

Chrome的開發者模式及debug mode的使用 簡介 Chrome谷歌瀏覽器開發者工具是一套內置於Google Chrome中的Web開發和調試工具,可用來對網站進行迭代、調試和分析。 谷歌瀏覽器提供給了web開

原创 Material Design設計規範(一)

Material Design 一、安卓是什麼? 想象一下,過年同學聚會上,大家把手機都放在飯桌前,除了各種型號的 iPhone 之外,你還能看到什麼品牌的手機呢?我猜一定會有 OPPO、VIVO、魅族、小米、華爲、三星對嗎?也

原创 Sketch中的快捷鍵總結

Sketch中的快捷鍵總結 Sketch是一款針對UI設計的軟件,它在交互層面也做的很易操作 Type 快捷鍵 作用 字體加粗 Cmd + B 加下劃線 Cmd + U 字體變大 Option + Cmd (

原创 Sketch基礎操作(1)

Sketch基礎操作(1) 途牛旅遊註冊界面 1.插入750px x1334px 的畫板 2.打開 文件-從模板中新建-Material Design, 選擇你要的導航欄,選中後,cmdC然後到畫板中cmdV,調整位置大小和縮

原创 Sketch製作GIF動畫--基礎篇

Sketch製作GIF動畫–基礎篇 使用sketch不僅能夠製作靜態的UI圖,也能製作炫酷的GIF動圖。這功勞還是要仰仗強大的AnimateMate插件。 AnimateMate插件的安裝 使用教程視頻及下載地址:http://s