20180408 前端开发日报-前端开发博客

2018年3月份GitHub上最热门的开源项目；Vue实现内部组件轮播切换效果；Javascript 装饰器极速指南；Node.js 框架 Egg 2.6 发布，支持 TypeScript；Vue 页面切换效果之 BubbleTransition；600字读懂 Git；结合源码分析 Node.js 模块加载与运行原理；

【2018年3月份GitHub上最热门的开源项目】本篇文章为大家盘点了3月份GitHub最热门的开源项目。详见
Vue实现内部组件轮播切换效果对于那些不需要路由的内部组件，在切换的时候希望增加一个轮播过渡的效果，效果如下：我们可以引入一个轮播组件，但是有个问题，通常轮播组件都会把所有的slide都渲染出来再进行切换，这样就导致所有的资源都会触发加载，这可能不是我们所期待的，毕竟如果slide比较多的
Javascript 装饰器极速指南 Decorators 是ES7中添加的JavaScript新特性。熟悉Typescript的同学应该更早的接触到这个特性，TypeScript早些时候已经支持Decorators的使用，而且提供了ES5的支持。本文会对Decorators做详细的讲解，
Node.js 框架 Egg 2.6 发布，支持 TypeScript 简介 Egg 是阿里 Node.js 的核心基础框架，面向『企业级的 Web 基础框架』这个领域，提供了「微内核 + 插件机制 + 框架定制能力」，完美达成生态共建和差异化定制的平衡点。既适合个人小项目快速开发，也适合团队架构师基于自身的技术架构在 Egg 基础上扩展出适合特定团队业务场景的框架。它沉淀自阿里…
Vue 页面切换效果之 BubbleTransition 前端使用 SPA 之后，能获得更多的控制权，比如页面切换动画，使用后端页面我们可能做不了上面的效果，或者做出来会出现明显的闪屏。因为所有资源都需要重新加载。今天使用 vue，vue-router，animejs 来讲解如何上面的效果是如何实现的。点击菜单，
600字读懂 Git 译注：来自 Hacker School 的 Mary Rose Cook 实现了一个纯 JavaScript 写就的 Git：Gitlet，包含了最主要的一些命令。这个项目一是为了了解 Git 内部原理，二是希望写一篇深入浅出解释 Git 核心概念的短文。学习一件东西的原理最好的方法就是去亲自实现它，而设计精巧的 Git 核心功能代码也不过 300 行。这就是这篇精巧…
结合源码分析 Node.js 模块加载与运行原理 Node.js 的出现，让 JavaScript 脱离了浏览器的束缚，进入了广阔的服务端开发领域。而 Node.js 对 CommonJS 模块化规范的引入，则更是让 JavaScript成为了一门真正能够适应大型工程的语言。在 Node.js 中使用模块非常简单，我们日常开发中几乎都有过这样的经历：写一段 JavaScript 代码，require 一些想要…