这是今年第一次参加掘金的运营活动，从刷题打卡到项目复盘到最终的沸点活动，历时将近一个月。 本来只是因为刚好要重新找工作，所以坚持了下来，没想到一向是中奖绝缘体的我，在最后被张鑫旭大大给选中了，幸运地获得了一次瞄一眼前辈们视界的机会。 本来视频之前还挺紧张的，毕竟是一位很有名气的…

首先感谢掘金这个帮助开发者成长的社区，从 2020 年开始写博客至今，不仅沉淀（水）了近 80 篇博客，还完成了职业生涯的小突破。最重要的在优弧大大发掘我之后，借由掘金这个平台认识了很多好朋友和大佬。其中大圣和言哥对我的影响最多，在我多次迷茫或者瞎搞的时候给出建议或者直接敲打我…

如图所示，紫div和蓝div的滚动速度是不同的，比如用户滚动了300px，但蓝div按1:2,只滚动了150px，而紫色div按1:1，滚动了300px。 是不是比起普通网站多了一层酷炫？想知道如何实现吗？接下来我们进入part2。 1.建立一个容器元素，设置 overflow…

2020 年已经结束，这一年里面因为疫情，生活和工作中大家都有受到一定的影响。但是在 2020 年里面前端技术的发展依然没有停止脚步。 而我们作为前端开发者，必定需要对技术的更新换代有所了解。虽然我们不需要去学习所有新出来的技术。但是时刻保持 “了解” 和 “理解” 这些技术是…

1. javascript-algorithms 该仓库包含了多种基于 JavaScript 的算法与数据结构。 每种算法和数据结构都有自己的 README，包含相关说明和链接，以便进一步阅读 (还有 YouTube 视频) 。 算法包含了 算法主题 和 算法范式。 其中算法主…

此次就请大家来读读由字节跳动的“米兰的小铁匠” 精心制作的《大盘开发从入门到所见即所得》，见识一下大盘开发中需要用的知识，让你不懂的知识+1。 让一个元素支持拖动是一件非常容易做到的事情，我们只需要在对应的HTML结点新增一个draggable="true"的属性即可，另外，超…

在vue工程中创建SplitPane组件，引入页面使用。 SplitPane组件由三部分组成：区域1，区域2，以及滑动器。添加这三个元素，并分别添加class名，注意.pane为区域1和区域2共用。 将容器设置为flex布局，区域2的flex属性设为1，则区域2会根据区域1的宽…

url从输入到页面的渲染中间的技术细节，这篇我们总结下，常用的性能优化操作。构建阶段的性能优化可以参考这篇webpack包教不包会（二）性能优化最佳实践。 合并css和js文件，合并文件大小之后，大文件gizp之后不能超过33kb（不是一股脑的打包成一个），文件数量要适量。 是…

在使用 tsc 编译我的代码时，对我目前来说，有三个基本的坑，下面我会对它们进行简单的阐述，在此之前看下即将被编译的目录结构。 解决问题的办法就是使用 copyfiles 命令行工具，它和上面我们介绍的插件一样，都是在 tsc 编译之后，做一些额外操作达到我们想要的目的。 这样…