以上扩展缩写的功能被称为 Expand Abbreviation
。除此之外,它还有更多细致的功能,这些功能在 Emmet 中被称为 Action
-
去除最外层标签
-
包裹选中的标签
-
…
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
https://picsum.photos/200/200
将随机从 Unsplash 取一张指定尺寸的图片
16、 bestofjs: 发现 Javascript 最好的框架与库
这里有 JS 生态最流行的库,实时刷新并推荐,并且可每周订阅
最后
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等
前端视频资料:
,并且可每周订阅
最后
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点,以及我个人的学习方法、学习路线等,当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面,包括但不限于前端基础,HTML,CSS,JavaScript,Vue,ES6,HTTP,浏览器,算法等等
[外链图片转存中…(img-x8ujMzZ7-1718000002108)]
前端视频资料: