CSS3为我们提供了一种可伸缩的灵活的web页面布局方式-flexbox布局，它具有很强大的功能，可以很轻松实现很多复杂布局。然而Flex属性较多，不便于记忆，而在项目中，布局使用频繁，那么可以将flex抽离为一个布局工具类，简化使用方式，快速应用于项目，减少记忆成本。 Fle…

在互联网时代，数据安全与个人隐私受到了前所未有的挑战，各种新奇的攻击技术层出不穷。如何才能更好地保护我们的数据？本文主要侧重于分析几种常见的攻击的类型以及防御的方法。 XSS (Cross-Site Scripting)，跨站脚本攻击，因为缩写和 CSS重叠，所以只能叫 XSS…

了解webpack打包出来的文件。 了解webpack流程并且自己写loader和plugin。 当然看源码是可以的，但是有点事倍功半并且没有必要，个人觉得完成以上两部分就可以对webpack有不错的了解了。本文主要关于webpack打包出来的文件的内容【希望能够提出不对或者可…

本人于7-8月开始准备面试，过五关斩六将，最终抱得网易归，深深感受到高级前端面试的套路。以下是自己整理的面试题汇总，不敢藏私，统统贡献出来。 面试的公司分别是：阿里、网易、滴滴、今日头条、有赞、挖财、沪江、饿了么、携程、喜马拉雅、兑吧、微医、寺库、宝宝树、海康威视、蘑菇街、酷家…

我是白小白，目前是一名电子科技大学信通学院的大四学生。回想起自己正式涉足前端的学习，已然过去一年又几。这一年里，有困惑、迷茫，也有坚持、不弃，既收获成长，亦收获一点小成绩。于此于文，将自己这一年来在前端上的摸索和历程记录下来。受惠前人，饮水思源。此篇心得如果能够给到您些许的帮助…

过完年马上又要到金三银四面试季了，想必很多同学已经跃跃欲试，提前开始准备面试了，本文就列举了面试过程中一些常见的手写代码实现供参考。或许很多人会问，这些手写代码实现意义何在，社区已经有很多poly-fill或者函数库供选择，何必要自己费力去折腾呢？我的理解是，在真实业务开发场景…

在没接触eslint之前，我的代码格式可谓是随着心情走的，爱怎么写就怎么写。自从三年前，做一个Vue项目引入了eslint后，我的代码就变得规范多了，以至于现在还产生了强迫症。eslint里面有很多代码规范的标准。一般情况下，React项目代码遵循airbnb规范，Vue项目代…

2019年的春节来的似乎格外的早，过完年相信很多童鞋都开始蠢蠢欲动了；笔者总结了多篇教程，结合平时自己的面试经历，整理了这份文档，希望帮助大家来突击一下前端知识的盲区。文章很长很长很长。。。。（建议先收藏，技术大佬请Ctrl+F4，面向基础） 整理不易，希望大家关注公众号【前端…

周日的公开课是hook版的简易版redux实现，其实真正手写redux还是不使用useReducer来的更加透彻些。蚂蚁大神的一篇文章，写的非常好