waterwu watert

回首码农生涯，我个人大致的学习路线其实算是可考的：

07年高中毕业开始，由潭浩强的《C语言》开始入门。回首而观之，这本不见得是什么好的入门书，如果现在看回来，大概《C++ Primer》与《UNIX编程艺术》算是后台入门圣经，而零基础入门编程大概以《Learn Python the hard way》为上。但其实这些都不算WEB或UX方向。
09年看《CSS禅意花园》及《WEB高级标准解决方案》算是入门WEB前端。做学生会网站，主要是研究Wordpress主题及插件开发。
11年毕业工作，主事数据平台前端开发，此时前端方面主要使用jQuery及其UI，工作内容上前后端依然耦合，所以依然看很多PHP的东西。前端方面嘛，其实没啥书好看，都主要看各种工具的官方文档与各类论坛博客。
13年开始前后端逐渐分离，主要使用 jQuery, BackboneJS, Bootstrap。Nodejs, Expressjs, MongoDB等JS的后端应用开始尝试，但其实缺乏大量实践的情况下还是比较处于观望状态。PHP受制于工作环境的5.2版本的限制，基本已经不再钻研。学习的资料内容依然是官方文档和论坛博客。
14年则开始接触Hybrid开发，SPA的开发，以及Grunt, Bower等基于node的工具使用。开始大面积使用LESSCSS与Coffee-Script。

我想这份资历在前端界应该也算是小资深了，毕竟这个领域是如此年轻。

	/**
	create-qrcode.js
	================
	基于 qr.js 进行包装, 适用于小程序的通用化的 QRCode JS 生成器
	qr.js 是已经比较成熟的二维码生成相关的 JS 移植，然而其内部的渲染机制需要浏览器相关特性的支持，使得在小程序端无法直接使用。
	小程序中也无法使用 SVG 直接渲染，而如果使用 DOM 结构渲染或者 Canvas 渲染的话，需要的开发和接入成本也会上升。
	因此这里使用的方案是: SVG 字符串生成后，转化为 dataURL 字符串，可以直接作为小程序中的 image 标签的 src 属性直接使用。
	因为是 SVG 矢量图, 因此可以渲染为任意尺寸。

	### INSTALLATION 安装:


	/*
	path access: object util get/set with path access

	get(obj, path) => value of obj at path:
	expect(get({ a: 0 }, 'b[1].c')).toBe(null);
	expect(get({ b: [0, { c: 'CCC' }] }, 'b[1].c')).toBe('CCC');
	set(obj, path, value) => new object updates object value at path
	expect(set({a: 0}, 'b.c', 1)).toMatchObject({ a:0, b: {c: 1} });
	expect(set({a: 0}, 'b.c', 2, (v) => v * 10).b.c).toBe(20);

	var gulp = require("gulp");

	gulp.task("rjs",function(cb){
	var rjs = require("requirejs");
	var config = {
	baseUrl:"../scripts",
	name:"main",
	// optimize: "none",
	mainConfigFile:"../scripts/require-config.js",
	out:"../res/bundle.js",

	$.postFileForm = (url,form,callback)->
	data = new FormData(form[0] or form)
	return $.ajax
	url: url
	data:data
	type:"POST"
	cache: false
	contentType: false
	processData: false


	$.fn.pullBounce = ()-> $(this).each ->
	$dom = $(this)
	isPulling = no
	start = 0
	top = ()-> $dom.scrollTop()
	touchTop = (e)->
	oEv = e.originalEvent
	(oEv.touches[0] or oEv.changedTouches[0]).pageY

	###

	a common backbone view class for bootstrap modal

	# install:

	just import backbone,jquery,bootstrap and this script then use it

	# usage:

	domAnimateTo = ($dom, to)->
	$dom.css(cssTransition("all ease-in-out .2s")).css(to)
	.on "-webkit-transitionEnd transitionend", ()-> $dom.css(cssTransition(""))
	domAnimate = ($dom, from, to)->
	$dom.css(from)
	setTimeout ( -> domAnimateTo($dom, to) ), 33
	cssTransition = (val)->
	"-webkit-transition": "-webkit-"+val
	"transition": val
	cssTranslate = (val)->