牛马代表

前端测试 场景 这边指的测试是指白盒测试，用代码来测试代码。 测试有利于提升代码质量。 代码功能和需求一致。根据需求，写测试。测试通过了，则表明需求实现了。 保证代码重构后，未改坏以前的功能。代码重构

大家都知道，保证网站的安全是十分重要的，一旦网站被攻陷，就有可能造成用户的经济损失，隐私泄露，网站功能被破坏，或者是传播恶意病毒等重大危害。所以下面我们就来讲讲7 种常见的前端攻击。 1. 跨站脚本

倒计时这种需求非常常见。在我接触的项目中，已经做过N个倒计时的需求。常见的场景有电商项目中的秒杀抢购活动倒计时，短信验证码等。 现在再一次碰到了倒计时的需求，是一个答题倒计时的场景。具体效果如图。 要实现倒计时，就需要来回顾一下JavaScript中的定时器相关知识。 setI…

1. 业务痛点（背景） 现代化前端开发，项目复杂度和工作量都较大。为了便于分工，项目不同的页面、页面里不同的部分都拆分为多文件来实现。 2. 组件化目标 复用：组件可以被复用在多个地方，每个被复用的地方都是独立的实例，互相不会彼此影响。开发人员通过复用，可以少做无用功，大大提高…

开发H5活动页面是前端开发中一种比较常见的需求，这种页面业务逻辑较轻，重交互和展示，是一类非常有趣的需求。本文将整理H5开发中常见Web动画的基本原理和简单实现。 最常见的逐帧动画大概就是gif图了，在Mac上使用“预览”工具打开一张gif图片，可以在左侧看见多张静态图片。 逐…

从而提高业务的开发效率。但是我发现埋在明确需求之后，开始调研技术方案时，很多同学并不清楚要调研哪些技术点，怎么找到某个具体方向的解决方案，找到方案之后都需要试哪些case, 以及怎么把这些方案集成在一起等等。 其实不用想那么复杂，你只需要按照以下三个技术实现的关键点搞定就可以了…

微前端中，让人头疼的一个问题，CSS样式覆盖和冲突问题。 如何能让子应用的样式保持独立，业界采用了各种不同的方案，这里做一下汇总，每种方案都有其可取之处，但也都是在特定场景下的解决方案，了解这些实现方

最近赋闲在家，感觉编码能力也在退化。不过总也得给自己找点事情做，不然会烂掉。于是把一些比较常见的前端功能自己尝试着去实现一遍，也算是一种学习的途径。

前言 从前对各种底层原理都比较抵触，总觉得极其复杂，肯定不是自己这只菜鸟能搞定的。但随着技术的成长，再回头看这些，也逐渐明白了那些令我恐惧的东西是什么。 本文会以尽可能简单清晰的话来说清楚 react