FairyEver

00. B站视频观看地址 出这个教程也是为了迎接Vue3的推出，今晚更新最后一集视频后，开始更新Vue3视频。 我原本准备更新 Vue3.x 教程的，由于官方文档一直不出，我又不敢瞎讲，所以干脆先来一个 TypeScript 教程热身，TypeScript 已经在我们公司全面使…

webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loader，plugins，webpack4新特新，还有部分高级概念。 Output: 如何命名输出文件，以及输出…

TypeScript 4.1 快要发布了，老爷子 Anders Hejlsberg 加入了一项重大更新，「字符串模板类型」 的支持。昨天看到这个更新的我特别兴奋，曾几何时，只要一遇到字符串拼接相关的类型，TypeScript 就束手无策了，比如： Vuex 中加了 namesp…

如上，我们创建一个 webpack plugin，通过监听 webpack hooks 在任务执行之前修改对应的资源路径，通用性上升。 此外之前的博客我们还引入了 cdn 的概念，我们可以将上述插件升级，构建的时候引入通用的 cdn 资源，减少构建与加载时间。 上述我们借助了 …

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

Vue Router Tab 是基于 Vue Router 的路由页签组件，用来实现多页签页面的管理。 该项目已经成立一年多了，目前最新版本 1.2.0，已经完成了自己预期的绝大多数功能，api 相对比较稳定了。希望自己的开源成果能帮助到有需要的朋友。 旧的版本，RouterT…

web端能做的事情很多，但是当涉及到操作系统的时候，可能就有点力不从心了。前段时间在开发一个web系统的时候，就遇到了类似的情况。我们需要获取电脑操作系统的一些信息，比如mac地址等。我们的web系统是完全放在服务器上，通过浏览器来运行的，但是通过web端并不能直接实现我们想要…

瀑布流布局是前端领域中一个很常见的需求，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是，图片高度不规律的情况下，在两列布局中，让左右两侧的图片总高度尽可能的接近，这样的布局会非常的美观。 注意，本文的目的仅仅是讨论算法在前端中能如何运用，…

Vue 3尚未正式发布，但是维护者已经发布了Beta版本，供我们的参与者尝试并提供反馈。 如果你想知道Vue 3的主要功能和主要变化是什么，那么我将在这篇文章中重点介绍一下，告诉你使用Vue 3 beta 9创建一个简单的应用程序。 我将介绍尽可能多的新内容，包括fragmen…