深圳幻海软件技术有限公司

最近，有群友问我，他们的一个作业，尽量使用少的标签去实现这样一个象棋布局：他用了60多个标签，而他的同学，只用了6个，问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑DOM的消耗的同时，也需要关注代码的可读性，以及后续基于这个

最近，我在重构我之前的代码时，我发现早期的代码使用了太多的if语句，达到了我以前从未见过的程度。这就是为什么我认为分享这些可以帮助我们避免使用过多if语句的简单技巧很重要。接下来，我将与你一起来分享这6种避免过度使用if的方法，这不是抵制使用if的偏执，而是换一种方式来思考我们的编程思路。1.三元条

世界杯正在进行中，也不要忘记学习CSS（得想办法蹭一波热度）。比如，用CSS绘制一个足球场？CSS足球场一眼望去，这里的形状只有圆形和矩形，在不借助其他标签的情况下（包括伪元素），其实很容易联想到渐变，一起看看如何绘制的吧，有非常多的渐变小技巧~温馨提示：文章中带有“⚽️”的描述属于足球小知识，不感

尝试一下用CSS绘制简单的3d图形，比如一个掘金logo？相比2d绘制，3d有哪些需要注意的小细节呢？一起看看吧一、金字塔形/四棱锥形除去挖空部分，整个外形其实是一个金字塔形，或者叫四棱锥形（四角锥）。一共有5个面，所以我们可以准备5个元素。复制<juejin><panea>

最近，有群友问我，他们的一个作业，尽量使用少的标签去实现这样一个象棋布局：他用了60多个标签，而他的同学，只用了 6 个，问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。其实，对于一个页面的布局而言，标签越少不一定是好事，我们在考虑DOM的消耗的同时，也需要关注代码的

前端工程化配置指南本文讲解如何构建一个工程化的前端库，并结合 GithubActions ，自动发布到  Github 和  NPM 的整个详细流程。示例我们经常看到像 Vue 、 Reac

在CSS中，其实存在各种各样的函数。具体分为：Transformfunctions[1]Mathfunctions[2]Filterfunctions[3]Colorfunctions[4]Imagefunctions[5]Counterfunctions[6]Fontfunctions[7]Sha

本文属于CSS绘图技巧其中一篇。之前有过一篇：在CSS中使用三角函数绘制曲线图形及展示动画[1]想写一篇关于CSS创造艺术的文章已久，本文主要介绍如何借助CSS-doodle[2]，利用CSS快速创造美妙的CSS图形。中心布局本文的所有技巧都会围绕这个布局展开，属于一类技巧。首先，我们需要这样一种中

最近在重构代码时，我发现早期的代码使用太多的if语句，其程度是我从未见过的。这就是为什么我认为分享这些简单的技巧是非常重要的，这些技巧可以帮助我们避免过多的使用if语句。接下来会介绍6种方式来代替if的使用，这样做不是坚决不使用if偏执狂，而是换个方式思考我们的编码思路。1.三元运算符(1)事例1带