前端学习链接

新博客地址：http://gengliming.com

Preamble

别说话，快看

关于浏览器

浏览器工作原理（cn）
如果看着不爽，给你来个原版英文：How browsers work（en）
speculative parsing, async, defer and preload：告诉你什么是async、defer、preload，你也会看到关于dom渲染的底层知识

Git

最近Github desktop打开就崩，也是醉了，所以网上找了找直接用git指令操作，廖雪峰前辈的这篇git教程的内容非常好，浅显易懂，从实例讲解指令，需要的朋友可以参考一下。
忽略已经提交的文件(只忽略不删除)

H5

1、the-importance-of-sections
Section的重要性（中文）
2、说明书
3、动态REM＋1像素线：
4、

CSS

1. CSS 视觉格式化基础 - CSS 布局基础
   1、CSS float浮动的深入研究、详解及拓展(一)
   2、css行高line-height的一些深入理解及应用
   3、拜拜了,浮动布局-基于display:inline-block的列表布局
   4、说说CSS学习中的瓶颈
   5、以20像素为基准的CSS网页布局实践分享
   6、CSS深入理解vertical-align和line-height的基友关系
   7、我对CSS vertical-align的一些理解与认识（一)
   8、CSS vertical-align的深入理解(二)之text-top篇
   9、等高布局：

• 我所知道的几种display:table-cell的应用
• 纯CSS实现侧边栏/分栏高度自动相等
• CSS 相对/绝对(relative/absolute)定位系列（三）

10. CSS深入理解流体特性和BFC特性下多栏自适应布局
    11.理解理解absolute
    12.我是如何前端架构的
    13.弄懂vertical-align
    14.css2如何实现flex效果
    15.50个有趣的css属性
    16.不使用flex实现flex

BEM

15. Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them
16. BEM:Nesting Components
    17.BEM

动画

svg SMIL

适配

移动端高清、多屏适配方案

正则

很全面

javascript

1、ECMAScript 6入门
2、涉及到尾递归优化：后面有个烧脑的函数；
尾调用优化：详细介绍了什么是尾调用及如何优化，浅显易懂；
3、jQuery诞生记-原理与机制：框架都是在不断的修改中成型的
4、图灵社区：从零开始编写javascript框架
5、函数式编程
6、详解==
7、Promise的一种实现

自动化构建

1、gulp
2、webpack

安全

浅谈WEB安全性（前端向)](http://www.cnblogs.com/vajoy/p/4176908.html)

HTTP

SSL/TLS四次握手

chrome 扩展

1. 可访问性测试：Accessibility Developer Tools;

webpack

1. https://juejin.im/post/58edcbda44d904005774cfb1

React

1、react原理
2、性能优化

nginx

#
#  Nginx Invalid PID number
#
ps aux | grep nginx #查看master的pid, 同时可以看到配置文件的位置
kill 
service nginx start # 重启

#
# 找不到错误日志
#
nginx -t # 有配置文件位置，看看是不是需要的，如果不是就用虾面的方法看
ps aux | grep nginx #也会显示配置文件
# 找到配置中的error_log，看内容如果不是新的，则查看配置文件中的include XXX.conf指向的目录查找

#
#  查看指定端口的进程
#
lsof -i:80 -P # 查看80端口
netstat -lnp | grep 80 # 在mac下无效，在linux有效

面试

很多基础知识点
1月前端面试记
阿里、网易、滴滴共十次前端面试碰到的问题
面试分享：一年经验初探阿里巴巴前端社招

大话前端

介绍前端开发的各方面

小tip

css实现滚动进度条