摘抄：
博客总目录页：
jquery：
http://www.cnblogs.com/qq21270/p/3790814.html JQuery
http://www.cnblogs.com/qq21270/p/4012647.html ajax
http://www.cnblogs.com/qq21270/p/4025907.html jQuery插件（列表）
http://www.cnblogs.com/qq21270/p/5231088.html jquery 插件开发（需要再补充，目前很简） 2016-3-1
http://www.cnblogs.com/qq21270/p/5128725.html 吸顶小插件（自己写的） 2016-1-14
http://www.cnblogs.com/qq21270/p/4871585.html 测试
http://www.cnblogs.com/qq21270/p/3941111.html js表单验证 2016-3-8
http://www.cnblogs.com/qq21270/p/4961686.html js小效果：返回顶部 2016-4-22 http://www.cnblogs.com/qq21270/p/4894441.html
http://www.cnblogs.com/qq21270/p/5534353.html 代码：拖拽 2016-5-27
javascript：
http://www.cnblogs.com/qq21270/p/3772802.html JS（原生javascript）
http://www.cnblogs.com/qq21270/p/3941111.html JS：表单
http://www.cnblogs.com/qq21270/p/3941201.html !!!常用js代码块
http://www.cnblogs.com/qq21270/p/3921784.html 例子代码（来源于网上，可用）
http://www.cnblogs.com/qq21270/p/3491393.html 正则（很简陋，待补充）
CSS：
http://www.cnblogs.com/qq21270/p/3721139.html CSS
http://www.cnblogs.com/qq21270/p/3926726.html CSS代码块
http://www.cnblogs.com/qq21270/p/3790635.html bootstrap
http://www.cnblogs.com/qq21270/p/3978578.html CSS Hack
http://www.cnblogs.com/qq21270/p/4934692.html 字体图标（iconfont、Fontello 、雪碧图生成工具。Glyphicons、fontawesome 等）
http://www.cnblogs.com/qq21270/p/3785961.html 手机网页
http://www.cnblogs.com/qq21270/p/5083105.html CSS：手机页面，常用字号和布局（工作中用）2015-12
http://www.cnblogs.com/qq21270/p/5112681.html reset.css 2016-1-8
http://www.cnblogs.com/qq21270/p/4891167.html 学习笔记：CSS3动画 2015-10-19、2016-4-19
http://www.cnblogs.com/qq21270/p/5192025.html CSS仿制 苹果按钮图标 2016-2-16
HTML：
http://www.cnblogs.com/qq21270/p/3956475.html HTML
http://www.cnblogs.com/qq21270/p/3994514.html 按钮
http://www.cnblogs.com/qq21270/p/3994537.html 表格
http://www.cnblogs.com/qq21270/p/3992475.html 图片垂直居中
http://www.cnblogs.com/qq21270/p/4013254.html 页面布局（双飞翼布局）
http://www.cnblogs.com/qq21270/p/4919583.html 页面布局 2015-10
http://www.cnblogs.com/qq21270/p/4958734.html PHP（暂时只放在一个页内）
一些页面效果：
http://www.cnblogs.com/qq21270/p/3824015.html 图片懒加载 lazyload.js 、 jquery.scrollLoading.js 2016-3-31
http://www.cnblogs.com/qq21270/p/5150472.html 通用模块——文本框默认提示信息 2016-2-16
http://www.cnblogs.com/qq21270/p/5282862.html 代码：PC 链接列表面板border的一种做法（每行之间有分割线） 2016-3-15
http://www.cnblogs.com/qq21270/p/5110864.html 代码：仿淘宝，商品列表页 2016-1-7
http://www.cnblogs.com/qq21270/p/4926484.html 代码：仿淘宝商品详情页左上部分。图片鼠标浮上去，图片部分区域被放大 2015-10-31
http://www.cnblogs.com/qq21270/p/5331008.html 代码：倒计时1.5秒环形进度条 2016-3-28
规范：
http://www.cnblogs.com/qq21270/p/5091057.html 前端开发规范（目录） 2015-12-31
扩展知识：
图形
http://www.cnblogs.com/qq21270/p/3934822.html SVG
http://www.cnblogs.com/qq21270/p/3841067.html WebGL
http://www.cnblogs.com/qq21270/p/4934692.html 字体图标（iconfont、Fontello 、雪碧图生成工具。Glyphicons、fontawesome 等） 2015-11
第三方API：
http://www.cnblogs.com/qq21270/p/3899336.html 天气预报
http://www.cnblogs.com/qq21270/p/3899139.html 百度地图
http://www.cnblogs.com/qq21270/p/3972296.html 富文本编辑器
http://www.cnblogs.com/qq21270/p/4968912.html baidu分享 2015-11
https://segmentfault.com/a/1190000004978341 如何优雅高效地插入百度广告（这个暂且放在这里，以后可以单独为广告，新开一篇博客） 2016-4-22
框架、插件——专题、学习笔记：
http://www.cnblogs.com/qq21270/p/3737456.html 轮播图
http://www.cnblogs.com/qq21270/p/4880955.html 图片瀑布流（原创） 2015-10-16
http://www.cnblogs.com/qq21270/p/4961868.html Hammer.js 2015-11
http://www.cnblogs.com/qq21270/p/4955839.html 文件上传：swfupload.js、blueimp-file-upload 2015-11
http://www.cnblogs.com/qq21270/p/4597452.html 学习笔记：jqueryui
http://www.cnblogs.com/qq21270/p/4603343.html 学习笔记：ECharts (Enterprise Charts 商业产品图表库)
http://www.cnblogs.com/qq21270/p/4580499.html 学习笔记：AngularJs 2015-6
http://www.cnblogs.com/qq21270/p/4567140.html 学习笔记：python 2015-6
http://www.cnblogs.com/qq21270/p/5118331.html 学习笔记：fis3 2016-1-10
http://www.cnblogs.com/qq21270/p/4871275.html 学习笔记：sass 2015-10-12
http://www.cnblogs.com/qq21270/p/5009353.html 学习笔记：D3 2015-12-1
http://www.cnblogs.com/qq21270/p/5376671.html 学习笔记：前端模块化、构建工具、MVVM等 2016-4-11
http://www.cnblogs.com/qq21270/p/4871585.html 学习笔记：前端测试 、前端调试、console 等 2016-4-18
http://www.cnblogs.com/qq21270/p/5407292.html 学习笔记：Stage.js 2016-4-19
工具：
http://www.cnblogs.com/qq21270/p/4042544.html EditPlus
http://www.cnblogs.com/qq21270/p/3921741.html HBuilder
http://www.cnblogs.com/qq21270/p/7591330.html Sublime Text 3
http://www.cnblogs.com/qq21270/p/7633598.html pycharm
编码理念： 2016-4-7
代码风格：追求低耦合、易维护、依赖少、健壮性。
对于网站，追求重要功能实现排在第一位。大量常规页面采用风格统一 + 扁平化 + 简约 + 摒弃一切繁文缛节，少量重点页面精工制作+精致优美。
整洁的代码：
明白易懂（直截了当、清晰明了、恰当的抽象层次、不故弄玄虚、变量命名有规则）
服务于现实世界，有明确的异常处理策略
可读性和可维护性。
流程最简化，依赖性最小化。
程序运行良好。
图片from: http://www.cnblogs.com/jikey/p/5201185.html XX如何准备（里边关于知识体系的列表较好） 2016-4-12
