南城FE

loader组件是网站的重要组成部分。它可以用在许多地方，我们需要显示的内容正在加载中。这样的组件需要尽可能简单，在这篇文章中我们将学习如何使用优化的代码创建不同的CSSl...

Google Chrome 的最新版本V118正式版 2023/10/10 发布，新版本中的相关新功能供参考。...

没有伪元素，没有圆角，没有旋转。使用现代CSS技巧，基于一个元素和几行代码既可快速创建一个心形图案。...

`jscpd`是一款强大的前端本地代码重复度检测工具。它可以帮助开发者快速发现代码重复问题，简单的配置即可输出直观的代码重复数据，通过解决重复的代码提高代码的质量和可维护性...

我们可以使用代码圈复杂度工具来统计代码的复杂度，并对复杂度较高的代码进行具体的场景分析。但不是说一定要将复杂度优化到某种程度，应该根据实际的业务情况做出优化决策。...

使用CSS三角函数产生随机值并结合mixin来生成素数相关的变量和样式规则达成最终的效果，有兴趣的可以看看原文体验看看。...

本文解析了通过纯 CSS 实现杂志封面折叠效果，拆解之后的实现过程相对就比较清晰了，主要使用了css 3d相关属性。还可以用于各种其他场景，比如卡片翻转、菜单展开等...

本文介绍了如何在uni-app框架中解析Markdown，并且支持在网页和小程序端展示。在小程序端的实现过程还是踩了不少坑，浏览器端实现相对简单也比较成熟，有兴趣的可以自己...

🔥🔥整个实现过程用到了不少Sass函数以及CSS3相关能力，定义了部分配置项使整个代码更加灵活可控，简洁高效。...

对单行输入框增加了多行输入，组合键换行输入内容，键盘发送内容，整体内容高度自适应等功能。整体实现过程的细节功能点还是比较多，有实现过类似需求的同学欢迎留言交流～...

主要分享在浏览器和小程序中前端如何合成海拔图片并保存到本地，在不同的设备或DOM元素可能会存在一定的兼容性，本次主要分享核心实现的逻辑。...

转转品牌升级后更新了全新的Logo，今天我们用纯CSS来实现转转的新Logo，为了有一定的挑战性，这里我们只使用一个标签实现，将最大化的使用CSS能力完成Logo的绘制与动...

:is()和:where()伪类选择器简化了CSS语法，您将不需要嵌套和CSS预处理器。:has()更具革命性和令人兴奋，父级选择将迅速流行起来，我们将忘记过去的黑暗时代！...