Nick Qi hustKiwi

JS Conf slides - 2011

Track A

Bytes and Blobs by David Flanagan
Conference Wifi Redux by Malte Ubi
Sashimi - https://github.com/cramforce/Sashimi
Run Your JS everywhere with Jellyfish by Adam Christian - http://jelly.io Project
Fighting Crime and Kicking Apps with Batman.js by Nick Small
Hello Jo by Dave Balmer - Project - http://joapp.com

nodeconf slides - 2011

a list of slides from nodeconf

you may want to take a look at the jsconf-gist too!

Creating new Field Types for KeystoneJS

We're currently working on making it easier to add new field types to KeystoneJS as plugins.

In the meantime, if you'd like to work on your own field type, hopefully this guide will point you in the right direction.

Keystone fields require the following:

a {fieldType}.js file in ./lib/fieldTypes that controls the field and encapsulates options support, underscore functions, validation and updating
the {fieldType}.js file needs to be included by ./lib/fieldTypes/index.js

Populating Data in KeystoneJS

Keystone's createItems function is a simple but powerful way to populate your database with data.

It can be used to create test fixtures or initialise your database with default content / users / etc.

There's also a shorthand syntax that can be used within update files; if you are using the auto updates feature, any file that exports a create object will automatically be wrapped and the data will be created.

createItems takes two passes at the data it is passed, first creating the items and retaining references by key (if provided) that can be used to populate relationships in the second pass. This makes it easy to create related data without asynchronous nesting (which for data creation sometimes ends up in knots).

ECMAScript Features, Support and Shims

shim - What is a Polyfill? / Shim vs Polyfill / Extend the Web Forward

mo - A collection of OzJS core modules

ES7 / ES8

Object.observe
- 原生支持: chrome，node-harmony
替代：NervJS, WatchJS, Polymer/observe-js

使用ffmpeg合并MP4文件

ffmpeg -i "Apache Sqoop Tutorial Part 1.mp4" -c copy -bsf:v h264_mp4toannexb -f mpegts intermediate1.ts
ffmpeg -i "Apache Sqoop Tutorial Part 2.mp4" -c copy -bsf:v h264_mp4toannexb -f mpegts intermediate2.ts
ffmpeg -i "Apache Sqoop Tutorial Part 3.mp4" -c copy -bsf:v h264_mp4toannexb -f mpegts intermediate3.ts
ffmpeg -i "Apache Sqoop Tutorial Part 4.mp4" -c copy -bsf:v h264_mp4toannexb -f mpegts intermediate4.ts
ffmpeg -i "concat:intermediate1.ts|intermediate2.ts|intermediate3.ts|intermediate4.ts" -c copy -bsf:a aac_adtstoasc "Apache Sqoop Tutorial.mp4"

mathclub是最近做的一个个人项目，帮助考SAT的同学通过在线做题、回顾、问答提高成绩。用户功能有：计次/计时做题、成绩单、错题分布、错题回顾、提问、汇总以及注册登录。管理后台主要是题库管理、学员管理、成绩单管理、问题回复。怎么看都像学校里的课设，的确项目本身并不出奇，开发上选用的一些方案或许更有意思。

整个项目一个人从产品需求、原型设计、前后端开发到部署历时2周左右。可以从截图上感受一下：

技术选型上服务端是Node.js，应用框架选了老牌的Express（4.x变化挺大不少中间件都废了），数据服务用的是MongoLab（MongoDB的云服务平台），图片上传用的是又拍云，程序部署在Nodejitsu上。模板引擎没选主流的Jade或ejs，而是用Express React Views它实现了在服务端渲染React组件。前端框架是用React，这次有意想追求前后端全部组件化的组织。之前是用Webpack实现CommonJS模块打包，这次用Browserify配置更简单，它有丰富的transform很赞，其中的reactify转换React的JSX很完美。CSS用Sass＋autoprefixer让人省心。将这一切串起来的自动构建工具是Gulp。我其实崇尚用最精简的工具组合开发，上述组合在我看来比较精简了。（帖纸留念）

![image](http://satexam.b0.upaiyu

	var http = require('http'),
	jsdom = require('jsdom'),
	nodemailer = require('nodemailer');

	smtpTransport = nodemailer.createTransport('SMTP', {
	service: 'Gmail',
	auth: {
	user: '[email protected]',
	pass: 'password'
	}

	@import url(http://img3.douban.com/css/core/packed__init_1507990223.css);
	body { padding:20px; }
	.sample-1 { color:#396; }

	/-----------------------------------/

	.loading i {
	position: relative;
	margin-right: 2px;
	line-height: .5ex;

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {