2023年了，一起梳理我们在前端还有哪些值得关注的开发趋势，不断突破自身的天花板，提升眼界，进而能够解决更多地问题，提升前端的价值。

做项目过程中，我们可能会遇到这样的一个组件，该组件的图像上方是文本。 在某些情况下，根据所使用的图像，文字难以阅读，如文字是白色的，背景图偏浅。 这种情况有一些不同的解决方案，例如添加渐变叠加或着色的背景图像，文本阴影等。 每个解决方案都应该解决一个问题。 我们来探讨本案的问题…

原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 缺点：不能和position配合使用，因为超出的尺寸的会被隐藏。 CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“b…

在陈年的老项目中，通常用Redux、Mobx这样的全局状态管理方案无差别对待他们。 这类状态通常保存在组件内部。 当状态需要跨组件层级传递，通常使用Context API。 再大范围的状态会使用Redux这样的全局状态管理方案。 返回的数据通常作为状态保存在组件内部（如App组…

前两天测试小姐姐突然找到我，说我的表单校验是不是有问题，为什么一个格式很标准的身份证号校验总是提示校验失败呢？能改一下校验吗,不能然每次都要使用她的真实身份证号来测试了... 好吧，最后给她推荐了一个身份证号码生成网站解决了她的困扰。当然，也顺便给我的同事们分享了一波我使用的校…

关于猫哥，大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定，你我皆黑马。 初级前端与高级前端之间，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。 如果有一个地方能又快又好的获得这些优质的前端信息，那么将会大大缩短从初级到高级的时间。 已经推…

在使用手机时，都会或多或少都会接触到 过渡动画 的使用场景。从最基本的页面切换到一个按钮的点击后的常态都是动画的应用场景。这些动画无时无刻不在 优化 （欺骗）着我们的大脑，加强我们对一件事情的认知度。不同情况下不同的动画操作能够无形中引导用户进行接下来的行为。并给人脑一定反应的…

马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。 在 codepen 里搜索 “fireworks” 可以搜到各…

最近在写公众号的时候，常常会自己做首图，并且慢慢地发现沉迷于制作首图，感觉扁平化的设计的真好好看。慢慢地萌生了一个做一个属于自己的首图生成器的想法。 制作呢，当然也不是拍拍脑袋就开始，在开始之前，就去研究了一下某在线设计网站（如果有人不知道的话，可以说一下，这是一个在线制作海报…