mangreen

前端工程師面試問題集

@版本 2.0.0

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

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

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

Version: 1.9.8

Platform: x86_64

First, install or update to the latest system software.

sudo apt-get update
sudo apt-get install build-essential chrpath libssl-dev libxft-dev

安裝 postgresql 9.3 伺服器程式

mt ~ # apt-get install postgresql-9.3

Prereq:

apt-get install zsh
apt-get install git-core

Getting zsh to work in ubuntu is weird, since sh does not understand the source command. So, you do this to install zsh

	- 我想要挑戰isomorphic，但目前好像比較少redux配isomorphic又配上webpack的方案

	- 這個範例可看，最近全部改寫過
	- https://github.com/coodoo/react-redux-isomorphic-example

	- 注意下面幾點

	- js/bootClient.js 與 js/bootServer.js

	- bootServer.js 負責做 server-render

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
	.animated {
	/CSS transitions/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	/CSS transforms/

	var demoApp = angular.module('demoApp', ['ngResource'], function($locationProvider) {
	$locationProvider.hashPrefix('');
	});

	function MainCtrl($scope, Serv) {
	$scope.selectedItem = {
	value: 0,
	label: ''
	};
	$scope.Wrapper = Serv;

	Web AdPlay Test
	===============

	This project is a collection of functional tests (integration tests) of AdPlay HTML5 product series.
	Environment are assume to be under control, which means:

	- you're under good network environment
	- cloud are ready and we wouldn't run out of VM
	- your computer are not busy with other CPU bound tasks

	思路：
	1.redis緩存我們業務需要的數據（有生命週期），以減輕數據庫的壓力，當查詢數據時，先走redis，redis沒有數據走數據庫，同時把得到的數據存入redis；
	2.當數據發生delete或者update操作時，刪掉redis中的數據，同時更改數據庫。

	注意的地方：第一步中，從數據庫中取數據存入redis，redis存儲失敗成功不重要。第二步中，必須等redis中清楚數據成功以後才能更改數據庫，不然下次取數據就會有問題。

	//存儲緩存
	YY.get_cache = function(self, tablename, where, row, args) {
	if (tablename === 'card' ) {

	<!-- attempt to load AngularJS from CDN -->
	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>

	<!-- if AngularJS fails to load fallback a local version -->
	<script>window.angular \|\| document.write('<script src="assets/js/angular.min.js"><\/script>');</script>

	<!-- jQuery Ver. -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
	<script type="text/javascript">
	window.jQuery \|\| document.write('<script src="../components/jquery/dist/jquery.min.js"><\/script>')