kay0806 / sourcecode

前端之路

/*
                   _ooOoo_
                  o8888888o
                  88" . "88
                  (| -_- |)
                  O\  =  /O
               ____/`---'\____
             .'  \\|     |//  `.
            /  \\|||  :  |||//  \
           /  _||||| -:- |||||-  \
           |   | \\\  -  /// |   |
           | \_|  ''\---/''  |   |
           \  .-\__  `-`  ___/-. /
         ___`. .'  /--.--\  `. . __
      ."" '<  `.___\_<|>_/___.'  >'"".
     | | :  `- \`.;`\ _ /`;.`/ - ` : | |
     \  \ `-.   \_ __\ /__ _/   .-` /  /
======`-.____`-.___\_____/___.-`____.-'======
                   `=---='
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
         路漫漫其修远兮 吾将上下而求索
*/

由于gitbook国内的访问实在有点慢，所以决定将gitbook的内容和本项目的文章陆续搬到个人博客

------------------------------------分割线-------------------------------------------------

本项目将迁徙到gitbook，在近期将会完成工作。

前端大杂烩

基础知识

1. 数组属性和操作方法
2. 数据类型转换（显示或隐式）
3. 正则表达式查阅表
4. 安全相关话题，js运行限制
5. 网页生成的过程及对性能的影响
6. head（头标签总结）
7. this使用技巧总结
8. operator操作符的优先级
9. 原型链
10. web前端图片知识
11. 元素大小与坐标的计算
12. cookie
13. JavaScript的小技巧
14. 闭包

进阶知识

1. 事件循环机制
2. 正则表达式学习
3. 高级技巧，高级函数，防篡改对象，高级定时器
4. 渲染性能优化
5. 模块简易管理
6. 从零开始编写JavaScript框架
7. 内存管理

html5

1. History API
2. Web Worker
3. Web Socket

tools

1. emmet
2. github-markdown
3. git 常用指令
4. compass
5. sublime
6. visual studio code
7. gitbooks

form

1. validation
2. post
3. checkbox

network

1. 前端中的http
2. dns
3. web缓存
4. 浏览器与服务器的通信总结
5. http基础TCP
6. jsonp简单实现

es6

1. ES6快速了解
2. promise

设计模式

1. 单例模式
2. 代理模式
3. 桥接模式
4. 门面模式
5. 观察者模式
6. 策略模式

书单

1. 司徒正美《JavaScript 框架设计》
2. Nicholas C.Zakas 《JavaScript 高级程序设计》
3. Nicholas.C.Zakas《编写可维护的JavaScript》
4. Nicholas.C.Zakas 《高性能JavaScript编程》
5. Peter Lubbers\Brian Albers\Frank Salim 《HTML5程序设计（2版）》
6. Alex MacCaw 《JavaScript Web 富应用开发》
7. John Resig\Bear Bibeault 《JavaScript 忍者秘籍》

框架学习

1. Backbone
2. jQuery
3. Vue
4. React

移动Web端

基础知识入门

1. 像素基础
2. viewport
3. flex布局，响应式布局
4. 特殊样式处理
5. 交互优化
6. 构建移动端项目

fastclick解析

1. fastclick源码注释
2. fastclick原理解析

开发与调试

1. debug
2. 性能优化，timeline使用

hybrid

1. jsbridge基础知识
2. android webview的学习

css

基础知识

1. 盒子模型
2. 层叠
3. 垂直水平居中常用解决
4. display属性
5. css hack
6. position属性
7. css布局
8. 响应式设计
9. 元素大小和位置

CSS3

1. flex布局
2. (尚未总结)transform
3. 伪元素

CSS框架

1. 优秀CSS框架介绍

数据结构 & 算法

基础排序

1. 冒泡排序
2. 选择排序
3. 插入排序
4. 归并排序
5. 快速排序

数据结构

1. 链表
2. 堆
3. 二叉树
4. 图

计算机基础知识

1. 堆和栈
2. 死锁
3. 哈夫曼编码树
4. 磁盘臂调度算法

杂记

blog

前端思考

1. 如何成为一名优秀的前端工程师
2. 前端知识架构
3. 模块化规范
4. MVC的思考
5. 编程范式

编程技巧

1. JavaScript生成唯一值
2. 数组元素去重问题
3. 函数节流
4. 数组反转
5. DOM元素反转
6. 对象转成JSON字符串
7. 作用域绑定
8. 去除标签
9. 获得一个范围的随机数
10. 去除字符串前后空格
11. 继承的实现方法
12. 合并操作

面试题整理

1. 7个去伪存真的JavaScript面试题
2. 一道常被人轻视的前端JS面试题
3. Front End Developer Questions
4. 前端知识点回顾
5. 关于for()的一个小知识点
6. 被问得最多的十个JavaScript前端面试问题
7. 前端面试题集锦及答案
8. 2015奇虎360面试题
9. BAT2014前端笔试面试题：HTML/CSS篇
10. 2016年Web前端面试题目汇总
11. BAT2014前端笔试面试题：初级JavaScript篇
12. BAT2014前端笔试面试题：中级Javascript篇
13. JavaScript问题集锦 #2【难度比较大】
14. 2014阿里前端笔试题：JavaScript篇
15. 2014阿里前端笔试题：HTML/CSS篇
16. jq问题