前端学习链接

2016-06-03  本文已影响33人  CoderGLM

新博客地址: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、等高布局:
  1. CSS深入理解流体特性和BFC特性下多栏自适应布局
    11.理解理解absolute
    12.我是如何前端架构的
    13.弄懂vertical-align
    14.css2如何实现flex效果
    15.50个有趣的css属性
    16.不使用flex实现flex

BEM

  1. Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them
  2. 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 <pid>
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实现滚动进度条

上一篇下一篇

猜你喜欢

热点阅读