某晚，公司短信接口遭到恶意爆破攻击，导致大量验证码请求，差一点让公司陷入财务危机。本文深入探讨验证码爆破攻击的原理、常见手段，以及如何通过安全策略和技术手段提升防护，避免类似事件再次发生

为什么要有前端监控？ 一个很现实的原因是bug是不可能被全部测试出来的，由于成本和上线档期的考虑，测试无法做到“面面俱到”，即使时间充裕也总会有这样或那样的bug埋藏在某个角落。 所以一个可靠的前端监

压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议

最近老是遇到生产、测试环境上出现字体图标乱码的问题，就去网上搜解决办法。很多说是打包方式的问题，不能用dart-sass，要用node-sass,但是我的本身就是用的node-sass,还是出现了乱码问题，有人又说是因为使用了babel-plugin-component或bab…

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…

不难想到，树形结构和合并单元格之间是可以相互转换的。我们可能会遇到有业务场景需要以合并单元格的形式展示，但是数据结构是以树的形式维护的。 其次，每一个item上都有对应的属性colspan，rowspan和text。 因此最终的每一个元素应该有这三个属性。 对树进行先序遍历，遍…

前言 这是一篇隔了好久才更新的文章，趁着这个谷雨节气克服下自己懒惰的毛病，写一下自己对于单元格合并组件的一些理解，一方面为了自己更好的总结归纳，另一方面分享给大家。如有写的不正确的地方，欢迎指出谢谢!

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…