毋庸置疑，善用工具可以加速开发，拉满开发效率，减少996的频率，提高我们的生活质量。 在此，为前端工友们分享10个我压箱底的Web资源，收藏≠学会，赶紧用起来吧！ 1.Github （https://

开源的世界每天都丰富多彩，2022年前端领域会有什么新的挑战？下面是我们整理的20个有趣的开源项目，希望当中有您想要收藏的那一个。

前言 前端进阶，那就是学，不停的学 我自己也想整理归总一下，看过的很多优秀文章（大部分都看过移动端的看的较少，书籍），所以它来了，因为努力所以看的见，文章比较长，注意头发，希望对你们有所帮助 思维导图

正在自学前端的小伙伴，可以参考前端大概都需要学习哪些技术，或者是已经学习过的兄弟姐妹，可以结合思维导图对面试、复习串联知识点进行复习；

哪吒人生信条：如果你所学的东西 处于喜欢 才会有强大的动力支撑。 不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。 html标签是由<>包围的关键词。 html标签通常成对出现，分为标签开头和标签结尾。 有部分标签是没有结束标签的，为单标签…

关于猫哥，大家可以看看我的年终总结 前端工程师的 2020 年终总结 - 乾坤未定，你我皆黑马。 初级前端与高级前端之间，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。 如果有一个地方能又快又好的获得这些优质的前端信息，那么将会大大缩短从初级到高级的时间。 已经推…

定义一个变量type，用于触发拖拽事件开始的时候，确定当前拖拽元素是哪种类型，比如：产品、广告图... 即松开鼠标、或离开释放区域，则恢复默认状态。 上方的计算规则，用于判断元素是否为拖拽元素。 页面的显示方式，拖拽的时候只显示组件名，释放之后才恢复正常显示内容。 其实并不复杂…

我们喜欢（使用）<div>标签。它们已经存在了几十年，这几十年来，当需要将一些内容包裹起来达到（添加）样式或者布局目的的时候，它们成为首选元素。查看线上站点时，看到像下面这些内容的情况依旧很常见： Hoo，那有很多的div标签。但是，它有效。我的意思主要是，它具有你需要的结构。…

工欲善其事，必先利其器。对于写代码而言，也是需要有一套完善的工作流（工具和流程）。 但是我现在几乎不再使用它，取而代之的是 VSCode，一款微软开源的代码编辑器，它自带 git ， eslint 等工具，让我们编码更加的有质量，有效率。 接下来是代码规范方面，刚写代码的前几年…