Santino Valenzuela valenzsa

Table of Contents generated with DocToc

Making Javascript faster

This is a list of guidelines to make your Javascript faster, often associated with jsPerf benchmarks.

If you have an existing codebase, don't get carried away with premature optimizations. Profile to find the slow bits and pick the low hanging fruit.

Some of the latter lessons in Code School's Chrome DevTools course will teach you how to profile your code.

看来 jQuery 你已经用得很爽了，想学习如何自己编写插件。非常好，这篇文档正适合你。用插件和方法来扩展 jQuery 非常强大，把最聪明的功能封装到插件中可以为你及团队节省大量开发时间。

	// getComponent is a function that returns a promise for a component
	// It will not be called until the first mount
	function asyncComponent(getComponent) {
	return class AsyncComponent extends React.Component {
	static Component = null;
	state = { Component: AsyncComponent.Component };

	componentWillMount() {
	if (!this.state.Component) {
	getComponent().then(Component => {

	/***********************************************************************************************************************
	***********************************************************************************************************************
	* CONTENTS:
	* Native Object
	* Object Literal
	* Basic Object
	* Psuedo-Class
	* Self Executing/Invoking Structure
	* Lazy Function
	* Module Pattern

	// JS Module Pattern:
	// http://j.mp/module-pattern

	// Redefine: $, window, document, undefined.
	var APP = (function($, window, document, undefined) {
	// Automatically calls all functions in APP.init
	$(document).ready(function() {
	APP.go();
	});

	// Update: Hey Folks - I've got a full Gulpfile with everything else over at https://github.com/wesbos/React-For-Beginners-Starter-Files

	var source = require('vinyl-source-stream');
	var gulp = require('gulp');
	var gutil = require('gulp-util');
	var browserify = require('browserify');
	var reactify = require('reactify');
	var babelify = require('babelify');
	var watchify = require('watchify');
	var notify = require('gulp-notify');

	const path = require('path');
	const webpack = require('webpack');
	const ExtractTextPlugin = require("extract-text-webpack-plugin");

	const javascript = {
	test: /\.(js)$/,
	use: [{
	loader: 'babel-loader',
	options: { presets: ['es2015'] }
	}],

	// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

	const axios = require('axios'); // promised based requests - like fetch()

	function getCoffee() {
	return new Promise(resolve => {
	setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
	});
	}

	{
	// http://eslint.org/docs/rules/

	"ecmaFeatures": {
	"binaryLiterals": false, // enable binary literals
	"blockBindings": false, // enable let and const (aka block bindings)
	"defaultParams": false, // enable default function parameters
	"forOf": false, // enable for-of loops
	"generators": false, // enable generators
	"objectLiteralComputedProperties": false, // enable computed object literal property names