thinkgarden

body{
  font-family: 'Montserrat', sans-serif;
  margin:0;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;

thinkgarden

<div class="select-style">
  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
</div>

thinkgarden

const getStrFullLength = (str = '') =>
  str.split('').reduce((pre, cur) => {
    const charCode = cur.charCodeAt(0);
    console.log(cur, charCode)
    if(charCode >= 0&& charCode <= 128) {
      return pre + 1;
    } else {
      return pre + 2;
    }
  }, 0)

thinkgarden

const getIn = (state, path) => {
  if (!state) {
    return state
  }

  const length = path.length
  if (!length) {
    return undefined
  }

thinkgarden

Query Strings with React Router

componentDidMount() {
  console.log(this.props.location.search) // "?filter=top&origin=im"
}

thinkgarden

React Ref

import React, { Component } from "react";
import { render } from "react-dom";

class App extends Component {
  constructor(props) {

thinkgarden

绘制基本图形

arc()方法

arc(x, y, radius, startRad, endRad, [anticlockwise]);

** 绘制圆和圆弧 **

thinkgarden

获取图片

通过 File API 获取图片

var input = document.createElement('input');
input.type = 'file';
input.addEventListener('change', function(){
	var file = this.file[0];
})

thinkgarden

// 客户端实现
const net = require('net')
const tls = require('tls')

const localServer = new net.Server()

localServer.on('connection', (socket) => {
  socket.pause()

  const context = {

thinkgarden

Various ways to remove local Git changes

how-do-i-discard-unstaged-changes-in-git

If you want to revert changes made to your working copy, do this

git checkout .