JJ jerrysdesign

前端工程師面試問題集

@版本 2.0.0

譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文。翻譯不好地方請協助pull request.

此repository包含了一些前端開發的面試問題，來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。

Rebecca Murphey 的 Baseline For Front-End Developers 也是一篇很棒且值得讀的文章在你開始面試之前。

Yeoman generators with Browserify

Browserify is a tool that allows us to write node-style modules that compile for use in the browser. Like node, we write our modules in separate files, exporting external methods and properties using the module.exports and exports variables

generator-browserify is a generator with a Browserify setup, offering choices between Gulp or Grunt and Foundation or Bootstrap.

generator-angular-with-browserify is a generator for bundling Angular.js with Browserify

	//- ----------------------------------
	//- Usage:
	//- include lorem
	//- p
	//- mixin lorem(25)
	//- ----------------------------------


	//- new sentece after N words
	- var colonEvery = 10

	# http://editorconfig.org
	root = true

	[*]
	indent_style = space
	indent_size = 2
	end_of_line = lf
	charset = utf-8
	trim_trailing_whitespace = true
	insert_final_newline = true


	$grayLightest : #F2F6F7
	$grayLighter : #DFE4E6
	$grayLight : #B8BDBF
	$gray : #919799
	$grayDark : #6C7173
	$grayDarker : #3B3F40
	$white : #FFFFFF
	$red : #E6175C
	$orange : #F27F0C

	// Utilities

	// Layout
	.inline { display: inline }
	.block { display: block }
	.inline-block { display: inline-block }

	// Overflow
	.overflow-hidden { overflow: hidden }
	.overflow-scroll { overflow: scroll }

	// Used to @include a cursor within a pre-existing class
	@mixin cursor($cursor-type) {
	cursor: $cursor-type;
	}

	// Used to generate cursor classes
	@mixin cursor-class($cursor-type) {
	.#{$cursor-type}-cursor { cursor: $cursor-type; }
	}

	// _decimal.scss \| MIT License \| gist.github.com/terkel/4373420

	// Round a number to specified digits.
	//
	// @param {Number} $number A number to round
	// @param {Number} [$digits:0] Digits to output
	// @param {String} [$mode:round] (round\|ceil\|floor) How to round a number
	// @return {Number} A rounded number
	// @example
	// decimal-round(0.333) => 0

	// ------------------------------------------------------------
	// :: Color
	// ------------------------------------------------------------

	// color function : http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html
	// lighten($color, $amount)
	// darken($color, $amount)
	// opacify($color, $amount)
	// mix($color1, $color2[, $amount])
	// ------------------------------------------------------------

	.important {
	font-weight: bold;
	}

	.sidebar .important {
	color: red;
	}

	.alert {
	@extend .important;