新博客地址: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
-
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、等高布局:
-
CSS深入理解流體特性和BFC特性下多欄自適應布局
11.理解理解absolute
12.我是如何前端架構的
13.弄懂vertical-align
14.css2如何實現flex效果
15.50個有趣的css屬性
16.不使用flex實現flex
BEM
- Battling BEM (Extended Edition): 10 Common Problems And How To Avoid Them
-
BEM:Nesting Components
17.BEM
動畫
適配
正則
javascript
1、ECMAScript 6入門
2、涉及到尾遞歸優化:后面有個燒腦的函數;
尾調用優化:詳細介紹了什么是尾調用及如何優化,淺顯易懂;
3、jQuery誕生記-原理與機制:框架都是在不斷的修改中成型的
4、圖靈社區:從零開始編寫javascript框架
5、函數式編程
6、詳解==
7、Promise的一種實現
自動化構建
安全
淺談WEB安全性(前端向)](http://www.cnblogs.com/vajoy/p/4176908.html)
HTTP
chrome 擴展
- 可訪問性測試:Accessibility Developer Tools;
webpack
React
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月前端面試記
阿里、網易、滴滴共十次前端面試碰到的問題
面試分享:一年經驗初探阿里巴巴前端社招