Leo clinyong

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

This is no longer needed as Emmet supports JSX - you just need to turn it all on. Did a quick tutorial: http://wesbos.com/emmet-react-jsx-sublime/

Thanks, @wesbos

Problem

Using emmet in jsx files
Emmet expands text when js autocomplete needed

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

`vs` Questions

http://stackoverflow.com/questions/804115 (rebase vs merge).
https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
http://stackoverflow.com/questions/292357 (pull vs fetch)
http://stackoverflow.com/questions/39651 (stash vs branch)
http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

前端面试笔试题说明

出题的意义

初步筛选出面试者，不用来一遍公司才发现不合适，节省面试者的时间。
现场作答，由于面试者没带电脑，不方便作答，没法体现自己的能力。
通过回答了的题目，提前判断出面试者的水平，节省面试的时间。
让面试者充分准备。

	#!/usr/bin/env python

	import base64
	import uuid

	print base64.b64encode(uuid.uuid4().bytes + uuid.uuid4().bytes)

	<!-- Raven.js Config -->
	<script src="{{ JS_PATH }}/lib/raven.js" type="text/javascript"></script>
	<script type="text/javascript">
	// Ignore list based off: https://gist.github.com/1878283
	var ravenOptions = {
	// Will cause a deprecation warning, but the demise of `ignoreErrors` is still under discussion.
	// See: https://github.com/getsentry/raven-js/issues/73
	ignoreErrors: [
	// Random plugins/extensions
	'top.GLOBALS',

	type Whatever struct {
	someField int
	}

	func (w Whatever) MarshalJSON() ([]byte, error) {
	return json.Marshal(struct{
	SomeField int `json:"some_field"`
	}{
	SomeField: w.someField,
	})

	#!/usr/bin/env python
	#
	# A handy tool to compile and execute C source directly.
	#
	# @author Yecheng Fu <[email protected]>

	import os
	import sys
	import tempfile
	import subprocess

	import React, { Component } from 'react'
	import Subapp from './subapp/Root'

	class BigApp extends Component {
	render() {
	return (
	<div>
	<Subapp />
	<Subapp />
	<Subapp />