原创 Scss強大的Mixins指令

原文鏈接 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#defining_a_mixin 定義一個Mixin: @mixin @mixin large-text

原创 Array數組(JS)之map與reduce方法

map // Define the callback function. const AreaOfCircle = (radius) => { let area = Math.PI * (radius * radius);

原创 使用CSS3繪製關閉以及箭頭圖標

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div {

原创 React中constructor(props){}究竟是什麼

在React Class中設置state的初始值或者綁定事件時 爲什麼需要在 constructor(){} 中加上 super() 呢 我們嘗試去掉 super() 看看編譯的結果: constructor() { this.st

原创 React/JSX 編碼規範

Airbnb React/JSX 編碼規範

原创 談談React中的高階組件(Higher-Order Components)

概念 a higher-order component is a function that takes a component and returns a new component 一個高階組件就是一個函數,這個函數接受一個組件作爲

原创 Vim常用快捷鍵

:q to quit (short for :quit) :q! to quit without saving (short for :quit!) :wq to write and quit :wq! to write and qui

原创 React 中的 定義組件的 兩種方式

React 中創建 Components 的方式有兩種:Function and Class 定義一個組件最簡單的方法就是寫一個 JavaScript 函數 function Welcome(props) { return <h1>H

原创 推薦React組件庫

國外的Material UI使用 Google's Material Design 的設計風格國內的Antd 阿里(螞蟻金服)出品的組件庫