3、 URL-encoder for SVG

把 SVG 转化为 DataURI，并嵌入到 CSS 样式中

4、 Svg Viewer

可视化 SVG，并支持压缩图片、转化为 React/RN 组件、转化为 png 格式的图片等

5、 svg-term-cli: 把终端操作录制为 SVG 动画

基于 asciinema 的一款软件，使用 javascript 编写。可把终端动作录制为 svg 动画

$ cat demo.cast | svg-term > demo.svg

6、 asciinema: 终端动作录制软件

使用 python 编写的一款可记录终端操作命令动画的工具软件，可在线播放。借助第三方工具可以转化为 gif 动画或者 svg 动画。

使用以下两行命令可快速开始录制终端。

$ brew install asciinema

$ asciinema rec

7、 Prettier Playground: 任意语言代码格式化

Prettier 是一款优秀的代码格式化工具

8、 Chrome Platform Status: Chrome 发布版本新特性大览

列举每一个 Chrome 的新特性大全，目前的稳定版本及下一个版本的发布日期等。

9、 cssffects: 多种超实用 CSS 动画

收集多种 CSS 动画，大部分是各种 hover 效果、loading 动画等，纯 CSS 实现。收藏以备独立设计网站时的不时之需。

10、 SVG Wave Generator

随机生成一个波浪SVG，可调整锯齿、波折程度等，并可保存为 SVG/PNG/JPG

11、 Explain Shell: 图示任一命令行每个参数的释义

可称之为学习及书写 shell 的最佳辅助神器，输入任一 linux 命令，都会一一指出每个参数的释义，PIPE 嵌套且复杂的命令也可解析。

12、 Browser Logos: 浏览器高清分辨率 Logo

这是 Github 的一个仓库，你可以直接引用地址，找到任意浏览器高清分辨率的Logo。

如果引用 Github 地址比较慢的话，你可以试试 jsdelivr 的 CDN

13、 User Agents: 关于 UA 的一切

拥有大量 UA 的数据库及相关功能

可获取任意平台的 UA (Mac/Windows/Android)

可获取任意 Spider/Crawer 的 UA (Baidu/Google/Bing)

可随机生成 UA

可解析 UA

14、 risingstars: 2020年 Javascript 明星项目

2021 年，JS 各个生态圈中最流行的框架及周边产物，如 React 生态圈、Vue 生态圈、GraphQL 生态圈、构建工具生态圈等

15、 Lorem Picsum: 随机一张指定尺寸图片 API

将随机从 Unsplash 取一张指定尺寸的图片

16、 bestofjs: 发现 Javascript 最好的框架与库

这里有 JS 生态最流行的库，实时刷新并推荐，并且可每周订阅

• repo: ritz078/transform

17、 TableConvert: 关于表格及任意格式的双向转换

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后的最后

面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
需要完整面试题的朋友可以点击蓝色字体免费获取

需要完整面试题的朋友可以点击蓝色字体免费获取**

[外链图片转存中…(img-9IQtP4sd-1712344606366)]

[外链图片转存中…(img-Pwghu2Zt-1712344606366)]

[外链图片转存中…(img-g08f9eaR-1712344606366)]

[外链图片转存中…(img-UqphaRxb-1712344606367)]