rgrove

/**
This is an ECMA-404 compliant JSON parser written in pure JS, with nice error
reporting. It's not super useful since it's ridiculously slow compared to
`JSON.parse()`, but I had fun writing it.

ISC License

Copyright (c) 2019 Ryan Grove <ryan@wonko.com>

Permission to use, copy, modify, and/or distribute this software for any purpose

afc163

import provinces from 'china-division/dist/provinces.json';
import cities from 'china-division/dist/cities.json';
import areas from 'china-division/dist/areas.json';

areas.forEach((area) => {
  const matchCity = cities.filter(city => city.code === area.cityCode)[0];
  if (matchCity) {
    matchCity.children = matchCity.children || [];
    matchCity.children.push({
      label: area.name,

bendc

:root {
  --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
  --ease-in-cubic: cubic-bezier(.550, .055, .675, .19);
  --ease-in-quart: cubic-bezier(.895, .03, .685, .22);
  --ease-in-quint: cubic-bezier(.755, .05, .855, .06);
  --ease-in-expo: cubic-bezier(.95, .05, .795, .035);
  --ease-in-circ: cubic-bezier(.6, .04, .98, .335);

  --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
  --ease-out-cubic: cubic-bezier(.215, .61, .355, 1);

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

vsouza

# Set variables in .bashrc file

# don't forget to change your path correctly!

export GOPATH=$HOME/golang
export GOROOT=/usr/local/opt/go/libexec
export PATH=$PATH:$GOPATH/bin
export PATH=$PATH:$GOROOT/bin

hehongwei44

// 更新：
// 05.27: 1、保证回调执行顺序：error > ready > load；2、回调函数this指向img本身
// 04-02: 1、增加图片完全加载后的回调 2、提高性能

/**
 * 图片头数据加载就绪事件 - 更快获取图片尺寸
 * @version	2011.05.27
 * @author	TangBin（PS:我不是作者，我只是代码的搬运工）
 * @see		http://www.planeart.cn/?p=1121
 * @param	{String}	图片路径

mikaelbr

// === Arrays

var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2


// Use from functions, only select from pattern
var foo = () => [1, 2, 3];

firedfox

/**
 * 创建百度统计事件转化目标
 * 
 * 1. 首先确保在页面中已经给需要监控的元素都添加上了id。
 * 2. 在下列代码中的 name='';id='';url='' 单引号中间分别填入事件转化目标名称、元素id、页面URL。
 *    页面URL可以留空，表示该事件转化目标在全站都生效。
 *   （例如 name='事件转化目标名称';id='some-id';url='http://some-site.com/some-page'）
 * 3. 在百度统计里进入”网站中心" -> "事件转化目标”页面，把上述修改好的代码粘贴到浏览器中，并按回车键。
 *   （如果是Chrome/Firefox/IE9及以上版本浏览器，就粘贴到JS控制台里；如果是IE6/7/8浏览器，就粘贴到顶部地址栏里）
 * 4. 如果提示”OK”，说明添加成功；如果出现其他提示，就说明出现了提示所指出的错误，请修改后重试。

callumacrae

List of JavaScript Build Tools

Yet another framework syndrome

Name	Date	URL	Stars
Jake	April 2010	https://github.com/mde/jake	1000
Brunch	January 2011	http://brunch.io/	3882
smoosh	March 2011	https://github.com/fat/smoosh	329
anvil.js	February 2012	https://github.com/anviljs/anvil.js	161

nightire

Routes

小心地使用 Match（Rails 3 已实现）

Rails 3 提供了 match 方法供我们自定义 routes，然而我们要小心使用它以避免“跨站脚本攻击”（XSS Attack）。比如像这样的 routes：

注：（r3 代表 Rails 3，r4 代表 Rails 4）

# routes.rb