web前端半年刊-2018年下半年(30篇精选文章)

CSS相关：

一篇全面的CSS布局学习指南

非常不错的CSS布局综述类文章，汇总了各类CSS布局技术    
复制代码

聊聊CSS中的层叠相关概念

CSS中的层叠相关概念，包括层叠上下文、层叠水平、层叠顺序等。    
复制代码

---

JS、框架：

一篇文章理解 JS 继承

介绍了各种js继承实现的方法及优缺点。
复制代码

以Vue为例，解释JavaScript的反应性

以Vue为例，一步步详细的介绍了响应式系统原理，并根据原理实现了系统的基础代码。 
复制代码

Promise实现原理（附源码）

介绍了Promise 的实现原理，附带源码。  
复制代码

JavaScript 响应式原理的最佳解释

以vue为例，简单易懂、循序渐进的解释了响应式原理。     
复制代码

Vue番外篇 -- vue.nextTick()浅析

vue.nextTick相关源码解析及macrotask、microtask的介绍。      
复制代码

前端与编译原理：用JS写一个JS解释器

用JS写一个JS解释器的相关介绍及实现细节，并附带项目地址。    
复制代码

---

浏览器相关：

现代浏览器内部揭秘（第一部分）

现代浏览器内部揭秘由四部分组成，这部分主要介绍CPU、GPU、内存和多进程体系结构。    
复制代码

现代浏览器内部揭秘（第二部分）

现代浏览器内部揭秘系列       
复制代码

现代浏览器内部揭秘（第三部分）

现代浏览器内部揭秘系列       
复制代码

现代浏览器内部揭秘（第四部分）

现代浏览器内部揭秘系列    
复制代码

浏览器内核渲染：重建引擎

浏览器内核渲染的一些细节和遇到的问题。
复制代码

浏览器缓存策略

非常全面的详解浏览器缓存策略。    
复制代码

JavaScript是如何工作的：深入V8引擎&编写优化代码的5个技巧

透过v8引擎的隐藏类、内联代码、内联缓存等，作者给出了编写优化代码的5个技巧。  
复制代码

关键渲染路径

详细介绍了浏览器关键渲染路径的步骤，对js在关键渲染路径的阻塞问题及带来的性能影响进行了说明。    
复制代码

如何在V8中优化JavaScript异步编程？

JavaScript异步及异步优化，涉及异步历史、异步改进、深入了解await...    
复制代码

---

性能、体验、监控：

无尽滚动的复杂度

 实现无限滚动的一些难点问题及解决方案
复制代码

蚂蚁金服玉伯：我们是如何从前端技术进化到体验科技的？

前端升级到体验科技的个人思考，并介绍了体验科技的历史及未来发展，以及体验科技开放的愿景。
复制代码

如何精确统计页面停留时长

一个统计页面停留时长方案。    
复制代码

2018你应该知道的Web性能信息采集指南

Performance对象相关介绍，可以用来统计资源加载时间、首屏渲染等。   
复制代码

前端异常监控解决方案研究

一个前端异常监控解决详细方案。    
复制代码

苏宁用户行为采集体系的演变

本文介绍了苏宁团队在制定埋点规范、H5与native日志打通、埋点无痕化、日志传输与日志安全上的一些探索过程和经验。    
复制代码

---

前端安全：

前端安全系列（一）：如何防止XSS攻击？

前端安全系列（一）：如何防止XSS攻击
复制代码

前端安全系列之二：如何防止CSRF攻击？

前端安全系列之二：如何防止CSRF攻击
复制代码

---

GraphQL：

GraphQL 在微服务架构中的实践

 文章介绍了GraphQL在微服务架构中的使用以及在实践过程中遇到的棘手问题，
 在最后作者给出了心中合理的GraphQL微服务架构的设计
复制代码

解析 GraphQL 的查询语法

 GraphQL日渐成为数据查询的主流标准之一，整个生态圈也蓬勃发展。
 本文则由浅入深地详细介绍基础的 GraphQL 格式与关键字，有助于初学者对于 GraphQL 的使用形成体系认知。    
复制代码

---

其他：

用微前端的方式搭建类单页应用

美团HR系统微前端设计介绍。
复制代码

谨慎处理Service Worker的更新

文章介绍了在使用Service Worker的时候容易遇见的一些问题及使用时的两个禁忌。另外还介绍了在重大升级时，希望新的SW尽快接管页面的方案。
复制代码

前端模块化详解(完整版)

模块化的概述、历史进化过程、与模块化相关的规范等介绍。  
复制代码

期刊来自：天玑博客·前端月刊 github|web-monthly

转载于:https://juejin.im/post/5c2d85e0e51d453b3b396afd