4 min read

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

2018年下半年的web前端半年刊,不仅收录了包括css、js、框架、浏览器原理、v8引擎相关好文,还收录了前端性能、前端体验、前端监控、前端安全、GraphQL方面的好文。

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
欢迎转载,只要保留原作者、出处以及文中链接即可。