【元旦快乐】奇舞周刊第516期：css水滴登录界面

技术实践

■ ■ ■

css水滴登录界面

今天我们来分享一款非常有趣的登录界面，它使用HTML和CSS制作，具有动态的水波纹效果，让用户在登录时感受到了一股清凉之感。

用 CSS counters 实现逐层缩进

之前使用纯 CSS 实现了一个树形结构，展开收起是用到了原生标签details和summary，还有一点，树形结构是逐层缩进的，是使用内边距实现的，但是这样会有点击范围的问题，「层级越深，点击范围越小」，之前的方案是用绝对定位实现的，比较巧妙，但也有点难以理解，不过现在发现了另一种方式也能很好的实现缩进效果，一起看看吧。

奇舞精选

■ ■ ■

为什么我总学不好TS？

TS的出现为JS带来静态分析能力。从这个角度看，TS是兼容JS的。所以从JS出发学习TS，在初期不会有很大阻力。但是，TS本身也是一门语言，这门语言的操作对象是类型，语法规则叫「结构化类型系统」。所以，当我们想深入使用TS时，必然会触碰TS语言本身的规则，此时我们需要从TS出发学习。只有这样，才能真的学懂、用好TS。

17个有用的CLI命令，作为前端工程师，你需要知道一下

作为前端开发工程师，我们需要了解哪些命令？如果您熟悉这些命令，它们将大大提高您的工作效率。

让我们通过构建一个现代 JavaScript 框架来学习它是如何工作的

学习事物的最佳方法之一是亲自动手构建。而且，我们要继续保持那些 “距上一个 JavaScript 框架的天数” 模因的持续。因此，让我们来编写我们自己的现代 JavaScript 框架吧！

拓展边界

■ ■ ■

如何为Electron应用开发原生模块

本文将探讨如何在Electron应用中开发原生模块，以扩展应用的功能和性能。

不懂技术也能轻松上手前端网站部署

这里写一篇简单的从零开始部署前端项目的全过程，想要自己搭建项目部署的可以看一下这篇文章。

Nuxt 3.9 正式发布！

12 月 25 日，Nuxt.js 3.9 正式发布，该版本作为 Nuxt 团队的圣诞礼物， 带来了 Vite 5、交互式服务端组件、新的可组合项、新的 loading API 等。下面    就来看看该版本有哪些升级吧！

号外号外，免费送奇舞团定制周边啦！！！

小伙伴们，《奇舞精选》正在参加掘金年度人气创作者评选活动，活动期间每天投出您宝贵的两票即可参与本次抽奖（本次开奖时间截止今日18:00）

欢迎加入奇舞精选读者群获抽奖码～

- END -

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。