Suo Blog

🚀 It's my records of the journey from phper to fronter, now sharing to you and hoping that these make sence for you. if you like it, please star it! Thank You!

本博客将持续更新，喜欢请收藏STAR一下，更多内容在suosmile关注一下，谢谢~😋

文章将优先发布于掘金平台，点击关注掘金账号哦。如果需要接受通知请关注微信公众号@前端攻城狗！

前端技术实战、研究总结

个人技术博客文章列表

编号	名称	状态
0001	记一次忏悔的前端面试经验（Vue 双向绑定原理）	完成
0002	关于这些天杭州各厂面试汇总（从JavaScript各种原理到框架源码	完成
0003	3个小时能把 React 学到哪种程度？	完成
0004	如何让 Promise 控制业务流程（Re 同步异步 开始一步一步深入）	完成
0005	理解promise、 generator 、async & await 之间的联系	完成
0006	吃透移动端 1px	完成
0007	吃透移动端 H5 响应式布局	完成
0008	吃透移动端 H5 与 hybrid	完成
0009	吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《上》	完成
0010	吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《中》	完成
0011	吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《下》	完成
0012	杭州前端面试通关新手入门指南	完成
0013	TypeScript 语言精髓与项目实战	10月计划
0014	Vue 到 React 全面比较与上手指南	10月计划
0015	Node 入门练习	10月计划
0016	前端技术框架与架构的思索与探索	10月计划

每日一个编程小题

编号	名称	状态	难度
0001	1.两数相加	完成	简单
0002	7.整数反转	完成	简单
0003	9.回文数	完成	简单
0004	13.罗马数字转整数	完成	简单
0005	14.最长公共前缀	完成	简单
0006	20.有效的括号	完成	简单
0007	26.删除排序数组中的重复项	完成	简单
0008	27.移除元素	完成	简单
0009	28.实现-str-str	完成	简单
0010	35.搜索插入位置	完成	简单
0011	58.最后一个单词的长度	完成	简单
0012	66.加一	完成	简单

前端开放研究点 todo

JavaScript

编号	名称	状态
0001	闭包	10月计划
0002	this	10月计划
0003	new	10月计划
0004	深浅拷贝	10月计划
0005	promise	计划
0006	async、await	计划
0007	原型与原型链	计划
0008	继承	计划
0009	防抖与节流	计划
0010	类型判断	计划
0011	运行机制	计划

CSS

编号	名称	状态
0001	常用开发技巧	10月计划
0002	BFC	10月计划
0003	布局	10月计划
0004	flexbox	10月计划
0005	计量单位	计划
0006	提升UI效果	计划
0007	对齐	计划
0008	过渡与动画	计划
0009	预编译	计划
0010	高级用法	计划

HTML

编号	名称	状态
0001	常用开发技巧	10月计划
0002	语义化开发	10月计划
0003	块级与内联	10月计划
0004	DOM 树分析	10月计划
0004	PUG 相关	10月计划

TypeScript

编号	名称	状态
0001	常用开发技巧	10月计划
0002	类型增强与推断	10月计划
0003	面向对象开发	10月计划
0004	高级技巧	10月计划
0004	装饰器	10月计划

Node

编号	名称	状态
0001	常用开发技巧	10月计划
0002	服务提供	10月计划
0003	面向对象开发	10月计划
0004	高级技巧	10月计划
0004	装饰器	10月计划

Vue

编号	名称	状态
0001	常用开发技巧	10月计划
0002	服务提供	10月计划
0003	面向对象开发	10月计划
0004	高级技巧	10月计划
0004	装饰器	10月计划

React

编号	名称	状态
0001	常用开发技巧	10月计划
0002	服务提供	10月计划
0003	面向对象开发	10月计划
0004	高级技巧	10月计划
0004	装饰器	10月计划

Webpack

编号	名称	状态
0001	常用开发技巧	10月计划
0002	服务提供	10月计划
0003	面向对象开发	10月计划
0004	高级技巧	10月计划
0004	装饰器	10月计划

浏览器

编号	名称	状态
0001	常用开发技巧	10月计划
0002	服务提供	10月计划
0003	面向对象开发	10月计划
0004	高级技巧	10月计划
0004	装饰器	10月计划

编程基础笔记

c & c++

c	c++
c语言基础之数据类型	c++变量解析
c数组	c++数组、向量、字符串
c函数	c++函数
c字符串	c++类
c内存管理	c++面向对象
c文件IO	c++操作符重载
Reference	Reference
c/c++ 中文参考手册	c 语言编程透视
c++ 并发编程指南	Linux C编程一站式学习
100个gdb小技巧	100个gcc小技巧
c/c++ Primer	C++ Primer 5th Answers
---------------表格内容填充物----------------	---------------表格内容填充物----------------

数据结构 & 算法

数据结构	算法
数据结构之向量	算法与数据结构知识归纳整理
数据结构之列表	用来度量算法好坏的方法
数据结构之二叉树	算法之排序
数据结构之图	以串为基础的算法
数据结构之二叉搜索树	算法之递归
数据结构之高级搜索树	算法之迭代
数据结构之优先级队列	算法之动态规划
数据结构之散列表	算法之贪心算法
---------------------------------------------------	-----------------------------------------------------

编译原理相关

编译原理
数据结构之向量	算法与数据结构知识归纳整理
数据结构之列表	用来度量算法好坏的方法
数据结构之二叉树	算法之排序
数据结构之图	以串为基础的算法
数据结构之二叉搜索树	算法之递归
数据结构之高级搜索树	算法之迭代
数据结构之优先级队列	算法之动态规划
数据结构之散列表	算法之贪心算法
---------------------------------------------------	-----------------------------------------------------

入门资料收集

HTML & CSS 简单入门

Reference	Reference
W3C入门手册教程	CSS语法参考
MDN HTML 中文文档	CSS3动画手册
HTML和CSS编码规范	CSS3动画制作工具
学习CSS布局	Emmet 文档
---------------------------------------------------	-----------------------------------------------------

JavaScript & jQuery 基础入门

Article	Article
JavaScript继承设计机制	JavaScript同源策略与规避
jQuery设计思想	jQuery最佳实践
JavaScript严格模式	JavaScript快速排序
JavaScript模块化编程	JavaScript异步编程
JavaScript的this用法	JavaScript定义类的方法
JavaScript面向对象编程	JavaScript闭包原理与分析
Reference	Reference
廖雪峰JavaScript全栈教程	jQuery 解构
阮一峰 JavaScript基础教程	简单易懂的JQuery魔法
JavaScript中的this陷阱的最全收集	How to write jQuery plugin
Promise迷你书（中文版	You Don't Need jQuery
前端框架最新排名 TOP 100	如何实现一个类jQuery？
---------------------------------------------------	-----------------------------------------------------

PHP 基础入门

Reference	Reference
w3c中php快速入门手册	ThinkPHP 入门视频教程(网盘)
学习php的正确道路	PHP 官方手册
php官方组成员鸟哥的博客	深入理解PHP内核
最热门php开发社区：phpchina	PHP扩展开发及内核应用
---------------------------------------------------	-----------------------------------------------------

MySQL & Web Server 基础入门

Reference	Reference
21分钟MySQL入门教程	Apache Spark 设计与实现
MySQL慕课网中免费进阶教程	Nginx开发从入门到精通
常用sql语句大集合	OpenResty最佳实践
MySQL索引数据结构及算法原理	Apache 中文手册
---------------------------------------------------	-----------------------------------------------------

Laravel & Yii 基础入门

Reference	Reference
Laravel5.1 中文文档	YiiBook几本Yii框架的在线教程
Laravel 5.1 LTS 速查表	深入理解 Yii 2.0
Laravel 最大的中国开发者社区	Yii 框架中文文檔
---------------------------------------------------	-----------------------------------------------------

Linux & Git 基础入门

Reference	Reference
Linux安装镜像(Unbutu16)	Git window安装包
鸟哥的Linux私房菜	Pro Git 中文版
The Linux Command Line	猴子都能懂的GIT入门
UNIX TOOLBOX	廖雪峰Git教程
---------------------------------------------------	-----------------------------------------------------

Sublime & Vim 简单使用

Reference	Reference
Sublime使用技巧之快捷键	exvim--vim 改良成IDE项目
Sublime插件大全	Vim中文文档
---------------------------------------------------	-----------------------------------------------------

Markdown 简单使用

Reference	Reference
Markdown 语法说明 (简体中文版)	Markdown入门参考
Mdeditor(国内在线markdown编辑器)	Stackedit(国外markdown编辑器)
Mditor轻量级的markdown编辑器	lepture-editor
Markdown-editor
---------------------------------------------------	-----------------------------------------------------

Weapp 基础教程

Reference	Reference
微信小程序简易教程	微信小程序官方组件库
微信小程序入门教程(视频)	有赞小程序ui组件
---------------------------------------------------	-----------------------------------------------------

NodeJS & AngularJS 基础入门

Reference	Reference
Node.js 看了就懂系列	AngularJS最佳实践和风格指南
你信不信5天学会NodeJS	AngularJS中译本
从零开始的nodejs世界生活	AngularJS入门教程
赶紧的Node.js入门系列	构建自己的AngularJS
Node初学者入门，NodeJS教程	在Windows环境下构建AngularJS项目
---------------------------------------------------	-----------------------------------------------------

React & Vue 文档

Reference	Reference
React教程 我是菜鸟系列	Vue官网
React.js快速开始系列	Awesome-vue这是啥很厉害的样子
轻松入门React和Webpack	Vue开发这论坛
Redux 中文文档	移动端Vue组件集合
React介绍及实践教程	桌面端Vue集合
React.js amazeui UI	Vue菜鸟教程
React Native 中文版	Vue快速入门
---------------------------------------------------	-----------------------------------------------------

Front-end 整理一些资料

Reference	Reference
前端知识汇总	前端开发大系概览图
免费的编程中文书籍索	前端书籍大全
前端免费书籍大全	重新介绍JavaScript（JS教程）
Gitbook	Front-End-Develop 前端开发指南
前端开发笔记本	大前端工具集
前端开发者手册	结合个人经历总结的前端入门方法
前端学习计划	前端知识体系图
---------------------------------------------------	-----------------------------------------------------

Front-end 规范相关

Reference	Reference
github工程师代码书写习惯	HTML&CSS编码规范 by @mdo
前端编码规范之js - by yuwenhui	前端编码规范之js - by 李靖
Airbnb JavaScript 编码规范	AMD与CMD规范的区别
AMD与CMD规范的区别	KISSY 源码规范
前端代码规范及最佳实践	百度前端规范
JavaScript风格指南/编码规范	网易前端开发规范
前端规范资源列表	Web 前端开发规范文档
---------------------------------------------------	-----------------------------------------------------

性能优化相关

Reference	Reference
性能优化页面渲染	移动前端性能优化指南
前端开发者必看的看的前端性能优化	前端性能再优化
前端性能优化进阶大道	前端性能指导书
YSLOW中文介绍	Yahoo团队实践分享：网站性能
加载，不只是少一点点	12306谈谈网站前端性能
【高性能前端1】高性能HTML	【高性能前端2】高性能CSS
静态资源版本更新与缓存	静态资源管理与模板框架
HTTPS连接的前几毫秒发生了什么	Yslow
阿里无线前端Pt.1 加载期优化)	前端网页性能最佳实践
---------------------------------------------------	-----------------------------------------------------