由于使用Element框架实现前端，并没有做移动端适配，所以建议PC端观看。 最近想学习下koa框架，于是便从网上找了一些资料，在大致了解了koa框架的基本用法后，想要自己做点什么东西出来。 在掘金平台找到一篇文章，是一个前端用vue，后端用koa，数据库用mongodb实现的…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…

在所有后 ES6 时代的数组方法中，我觉得最难理解的就是Array.reduce()。 从表面上看，它似乎是一个简单无趣的方法，并没有太大作用。 但是在不起眼的外表之下，Array.reduce()实际上是对开发人员工具包的强大而灵活的补充。 今天，我们就来研究一下通过Arra…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

上一篇讲了非科班前端需要掌握的、基本的计算机组成原理。 这篇开撸计算机网络。 这些内容其实比较枯燥，但我采取图文并茂的形式，并且对于不重要的知识会标注，尽量减少阅读的枯燥感。啥也不说了，喝口水，开撸！ 计算机网络：是一个将分散的、具有独立功能的计算机系统，通过通信设备与线路连接…

前言之前在掘金上看到了一遍分享拖拽卡片组件的文章，看了大致思路，觉得很清晰，也想动手实现一下；在过程中发现了蛮多的细节问题，完成后对比了原作者的代码，发现许多可以优化的地方，在这里记录一下；以下是个人

这里有很多方案，例如我们常说的webpack利用splitchunks进行拆包配合一些加载方式，使原本特别大的appjs分成若干个细小的包，webpack优化将会在下一期的专题里讲到。 webp，是一种同时提供了有损压缩与无损压缩（可逆压缩）的图片文件格式，无损压缩后的WebP…

Git 有时可能会令人生畏。因为有太多的命令和细节需要学习。不过虽然文档的内容很多，但阅读起来还是很轻松的。一旦你克服了最初不堪重负的感觉，就会感觉到有明显进展。以下是你可能还不知道的 15 个 Git 命令的列表，希望它们能帮助你熟练掌握Git。 —-amend 允许你把阶段…

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)