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