原创 10分鐘理解CSS3 FlexBox

基本介紹 特點 flexbox是一種css display類型，提供一種更簡單高效的佈局方式； flexbox可以對元素相對於父元素、兄弟元素進行定位、控制尺寸、控制間距； flexbox對響應式有很好的支持； 工作原理 設置父元素的d

2018-12-12 12:35:04 4

原创 用canvas實現簡單的下雪效果

首先新建一個html文件，將body的背景設置爲天空的那種深藍色，並創建一個canvas，canvas的操作邏輯都放在snow.js中： <!DOCTYPE html> <head> <style> body { b

2018-11-16 16:44:51 4

原创 CentOS 7 安裝MongoDB詳細步驟

創建/etc/yum.repos.d/mongodb-org-4.0.repo文件，編輯內容如下： [mongodb-org-4.0] name=MongoDB Repository baseurl=https://repo.mongodb

2018-11-01 17:13:58 1

原创 Javascript判斷數組是否包含特定元素方法彙總

判斷數組是否包含某一特定元素是很常見的需求，javascript中有很多實現方法，今天有空彙總了一下，按兼容性由強到弱排序，返回類型一律爲boolean： 假設數組爲arr，目標元素爲target 循環遍歷： (arr, target) =

2018-09-18 18:45:59

原创 NodeList、HTMLCollection 和 Array詳解

Array，NodeList， HTMLCollection這三個概念和它們之間的關係有很多做了幾年前端的同學都搞不清楚，經常遇到但是又感覺很陌生，剪不斷理還亂的感覺。今天咱們就來理清這三個東西。 對於Array大家差不多都能弄明白，但是

2018-09-01 02:59:56 124

原创 使用Next.js構建React服務端渲染應用

next.js簡介 最近在學React.js，React官方推薦使用next.js框架作爲構建服務端渲染的網站，所以今天來寫一些Demo（ Github地址）研究一下next.js的使用。 next.js作爲一款輕量級的應用框架，主要用

2018-09-01 02:59:54 106

原创 使用TamperMonkey解決Google被牆stackoverflow無法正常使用的問題

Stackoverflow是廣大程序猿賴以生存的工具之一，在stackoverflow搜索技術問題得到答案的質量和正確率遠遠高於其他平臺。但是這麼一個好網站居然因爲Google被牆而無法正常使用（無法登錄，無法評論、回答問題等）着實讓人不

2018-09-01 02:59:54 7

原创 使用Leancloud實現React Native App的消息推送（Push Notification）- iOS篇

前言 React Native現在是越來越火，一套代碼同時構建iOS、Android兩種應用真的是太爽了，而且有了ES6和React的加成開發效率出奇的高。 雖然坑奇多無比但是還是阻擋不了市場對它的熱愛。但是使用React Native也

2018-09-01 02:59:54 66