su suhaotian

🎯

Focusing

on the way

suhaotian / index.html

Created March 20, 2017 03:13

JS Bin // source http://jsbin.com/zucapenaso

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	<style id="jsbin-css">
	ul {
	margin: 0;
	padding: 0;

suhaotian / cached.js

Created December 29, 2016 08:58

	function cached(fn) {
	const cache = Object.create(null)
	return function cachedFn(str) {
	const hit = cache[str]
	return hit \|\| (cache[str] = fn(str))
	}
	}

suhaotian / css3-util.js

Created December 29, 2016 08:36

	function toCapitalize(string) {
	return string.charAt(0).toUpperCase() + string.slice(1)
	}
	function css3(transform, value) {
	const obj = {}
	obj[`webKit${toCapitalize(transform)}`] = obj[transform] = value
	return obj
	}

suhaotian / parser

Created December 28, 2016 07:43

	// create optimized lookup object for
	// void elements as listed here:
	// http://www.w3.org/html/wg/drafts/html/master/syntax.html#void-elements
	function createNullObj() {
	return (Object.create) ? Object.create(null) : {};
	}


	/*

suhaotian / Articles.js

Last active December 23, 2016 02:33 — forked from ryanflorence/Articles.js

	import React from 'react'
	import Router from 'react-router/BrowserRouter'
	import Match from 'react-router/Match'
	import Link from 'react-router/Link'
	import Redirect from 'react-router/Redirect'

	// function elementInViewport(el) {
	// var top = el.offsetTop
	// var left = el.offsetLeft
	// var width = el.offsetWidth

suhaotian / Fetch.js

Created December 19, 2016 15:44

React Fetch Component

	import React, { Component, PropTypes } from 'react'
	//import styles from './style.css'

	class ComponentName extends Component {
	// static defaultProps = {}

	static propTypes = {
	promises: PropTypes.array.isRequired,
	children: PropTypes.func.isRequired,
	}

suhaotian / text overflow

Created November 29, 2016 06:57

	function textHidden(el, x) {
	var styles = window.getComputedStyle(el)
	var h = parseFloat(styles.height.replace('px', ''))
	var lh = styles.lineHeight
	var fontSize = parseFloat(styles.fontSize.replace('px',''))
	var text = el.innerText
	var w = fontSize*0.625
	var ws = parseFloat(styles.width.replace('px', ''))/w
	var lines = h/fontSize

suhaotian / react-snippets.sublime-snippet

Created November 23, 2016 13:55

	<snippet>
	<content><![CDATA[
	import React, { Component } from 'react'
	${1://}import styles from './style.css'

	class ComponentName extends Component {

	render() {
	return (
	${2:div}

suhaotian / react-motion + router

Created November 23, 2016 09:27

	import React from 'react'
	import { TransitionMotion, spring } from 'react-motion'
	import Match from 'react-router/Match'

	const transitionMaps = {

	}

	const effect = {stiffness: 160, damping: 24}

suhaotian / DontUpdate.jsx

Last active November 13, 2016 05:07

	import React, {Component} from 'react'

	export default class DontUpdate extends Component {
	shouldComponentUpdate(nextProps, nextState) {
	return false
	}

	render() {
	const { tagName, component, ...other } = this.props
	const TempComponent = component ? component : (tagName ? tagName : 'div')