2017文章总结

欢迎来我的个人站点

性能优化

其他

优化浏览器关键渲染路径 - 开启性能优化之旅

高性能滚动 scroll 及页面渲染优化

理论 | HTML写法对gzip压缩率的影响

唯快不破：Web 应用的 13 个优化步骤

进阶|鹅厂大神用Node直出实现网页"瞬开"...

http缓存

网页性能管理详解

写给后端程序员的HTTP缓存原理介绍

【年底补课】HTTP缓存机制

css优化

Web 动画帧率（FPS）计算

使用浏览器开发者工具检查CSS动画性能

盒子端 CSS 动画性能提升研究

js优化

Javascript图片预加载详解

JavaScript 中 4 种常见的内存泄露陷阱

深入 JavaScript 数组：进化与性能

JavaScript 性能优化技巧分享

JavaScript 的时间消耗

JavaScript 性能优化的小知识总结

基本技能

数学

每个程序员都应该知道的基础数论

git

看完这篇文章才对GIT有了大彻大悟的认识

Git提交历史的修改删除合并等实践

Git的4个阶段的撤销更改

重新组织git本地提交

chrome、google、浏览器

前端开发者应知必会：浏览器是如何渲染网页的

Chrome开发者工具的小技巧

从Chrome源码看JS Array的实现

浏览器的工作原理：新式网络浏览器幕后揭秘（上））

浏览器渲染原理及流程

基础 | 深入核心，详解事件循环机制

认识 V8 引擎

V8 内存分配与垃圾回收

加快构建 DOM: 使用预解析, async, defer 以及 preload

程序员的基础生存技能：高效用Google

Chrome 浏览器 必知必会的小技巧

探究 CSS 解析原理

浅析前端页面渲染机制

原来 Google 还可以这么用，每个程序员都应该学会这些技巧

其他

深入理解JSON

奇舞周刊第 206 期：如何让博客速度快到哭

从输入url到页面展示到底发生了什么

GitHub 项目徽章的添加和设置

如何写出好的 JavaScript —— 浅谈 API 设计

如何用人类的方式进行 Code Review

GraphQL 技术栈揭秘

HTML5

前端本地文件操作与上传
一篇真正教会你开发移动端页面的文章(一)

css

手把手教你玩转 CSS3 3D 技术

偏门却又实用的 CSS 样式

实战 | 一张图让你快速掌握CSS3倒影

栅格布局卷土重来，用Grid还是Flexbox？

纯CSS3画出小黄人并实现动画效果

CSS进阶：试试酷炫的 3D 视角

纯 CSS 实现波浪效果！

字号与行高

理解伪元素 :before 和 :after

CSS 布局说——可能是最全的

18个你可能不相信是用CSS制作出来的东西

也许你不知道，JS animation比CSS更快！

灵活的 overflow

你所不知道的 CSS 滤镜技巧与细节

5个你可能不知道的CSS属性

CSS3 中的层叠上下文初探

CSS: 潜藏着的BFC

编写现代 CSS 代码的 20 个建议

不炫技，SVG+CSS3 旋转动画属性就能实现的梦幻效果

前端动画大乱炖

js

你不知道的 DOMContentLoaded

重新认识JS的this、作用域、闭包、对象

import、require、export、module.exports 混合详解

安全

OWASP Top 10：注入、XSS、CSRF、安全配置、攻击检测与防范不足等详解

对于网络爬虫技术的攻与防

最好用的开源Web漏洞扫描工具梳理

前端其他

web开发中的长度单位（px,em,ex,rem），如何运用，看完这篇就够了！

探索Redux的最佳实践

Callback Promise Generator Async-Await 和异常处理的演进

JavaScript内存泄漏教程

比较与理解React的Components，Elements和Instances

理论 | React 源码剖析系列 － 不可思议的 react diff

图解 React Virtual DOM

浅谈Web自适应

Redux从设计到源码

只有20行Javascript代码！手把手教你写一个页面模板引擎

虚拟 DOM 内部是如何工作的？

关于加载设计，你要知道的8种策略和4种样式

前端常见跨域解决方案（全）

前端跨域请求原理及实践

详解 CORS 跨域资源共享

函数式编程

鹅厂原创 | 前端中的函数式编程

人工智能

学习人工智能需要哪些必备的数学基础？

算法与数据结构

鹅厂原创丨前端工作中遇到的数据结构和算法

可以管理时间的二叉堆

网络

Web开发应该知道的计算机网络知识

谈谈HTTP协议中的短轮询、长轮询、长连接和短连接

linux

有哪些命令行的软件堪称神器？

通过示例学习使用 netstat

人工智能

学习人工智能需要哪些必备的数学基础？

工具、编辑器

Mac电脑超实用的81个快捷键

开源许可证教程

如何让 Vim 成为我们的神器

给 Web 开发人员推荐的文档生成工具

利用 javascript 实现富文本编辑器

想玩的

Electron开发，如何入坑？

构建工具

实战 | webpack原理与实战

如何写好.babelrc？Babel的presets和plugins配置解析

学习方法

10个妨碍进步的前端学习方式