2024前端，推荐7款值得深入学习的“新贵前端库”_zxjs $

让我们看看那些在 2021 年 star 数爆炸式增长的库当中，有哪些值得前端一学的“黑马”和“霸主”吧！

一、 👑 ZX： 使用js编写更便捷shell脚本

ZX.js 2021年 star 增量 +24.3K

时至今日，前端工程化已经是越来越火热，前端人需要面对的工程化问题也已经越来越复杂，经常出现需要前端研发需要动手写 shell 脚本。
但因为技术栈的关系，脚本质量和开发效率都非常着急。
zx.js 的出现，正是为了解决这一尴尬困境！

不就是 shell 嘛，我用 js 也能写！

#!/usr/bin/env zx

await $`cat package.json | grep name`

let branch = await $`git branch --show-current`
await $`dep deploy --branch=${branch}`

await Promise.all([
  $`sleep 1; echo 1`,
  $`sleep 2; echo 2`,
  $`sleep 3; echo 3`,
])

zx.js 再次向世人证明了一件事：“凡是能用 js 实现的库，那就一定会有人用 js 来实现的。”

基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。