BetterFE 前端技术周刊 - 2019/04/01

## 深阅读

JavaScript调用栈、尾递归和手动优化

推荐理由：最近面试了很多候选人，不得不承认一个事实，那就是前端同学的算法功底真的太差了。且不说我还从没遇到一个可以一次把快排写对的，就是简单的斐波那契数列的递归都好多人写不出来。而递归已经是非常简单的编程基本功了。这篇文章中介绍了一些递归的优化方式，如果你能在实现递归的同时，把这些优化加上去，想必是能大大加分的。

利用perspective和transform创建随鼠标倾斜的动画

推荐理由：利用CSS与JavaScript让图片展示活起来。可以用于官网或个人博客，使其看起来更加酷炫。

常见前端安全总结 - XSS/CSRF/cookie/密码/HTTP传输/点击劫持

推荐理由：安全问题是非常重要的，经常会由于安全问题对项目或者公司造成损失。 对于安全问题不能光凭借安全部门来防范，对于安全的认识应该贯彻到工作中。推荐了解前端开发常见的安全问题。为开发一个安全的web贡献前端的力量。

前端组件设计原则

推荐理由：随着我们的项目日益增大，业务代码的可复用性也需要来提高，此文总结了组件化的8个方面，并按照实际情况给出理由，以及对业务模块化需要考虑的点，让项目易管理易开发

## 新鲜货

CSS 火焰？不在话下

推荐理由: 强大和有趣的CSS始终是前端程序员乐此不疲研究的一个领域。这篇文章介绍了使用纯 CSS 生成逼真火焰的整个思路过程，非常“大佬”，很值得学习和研究。

## 职业发展 && 视野

我如何零基础转行成为一个自信的前端 · 语雀

推荐理由：视野狭窄往往是一名开发者进阶最大的桎梏，而阅读他人优秀的职业经历是一种非常实用的扩展视野的方式。本文作者从一个程序员小白，仅用一年半时间就进阶为一名优秀的开发者，他的学习经历和进阶经验非常值得借鉴。

让虚拟DOM和DOM-diff不再成为你的绊脚石

推荐理由：时至今日，前端对于知识的考量是越来越有水平了，逼格高大上了。曾经听说很多人被问到过虚拟DOM和DOM-diff算法是如何实现的，有没有研究过？本文作者将带领您循序渐进，逐步实现

responsive-images-in-2019-now-easier-than-ever

推荐理由：图像占页面加载时间的最大部分（44％），大而未经优化的图片会大大减慢网站速度，当在网站或移动应用程序首次加载图像时，Cloudimage就会将其发送到内容分发网络，根据各种屏幕尺寸响应调整图片大小向访问者快速发送。

Flutter 实现原理及在马蜂窝的跨平台开发实践

推荐理由：从大趋势来看，前端正在侵占客户端的市场，而最近一年来，身边有越来越多的声音在讨论flutter，马蜂窝团队探索了Flutter在跨平台开发中的新可能，并率先应用于商家端 App 中。本文结合了Flutter 在马蜂窝商家端 App中的应用实践, 探讨 Flutter架构的实现原理，有何优势，以及如何帮助我们解决问题。