在大型项目开发中，经常会遇到这样一个场景，QA 丢给你一个出问题的链接，但是你完全不知道这个页面 & 组件对应的文件位置。 react-dev-inspector 就是应此需求而生。 可以在 预览网站 体验一下。 需要加一个 webpack loader 去遍历编译前…

在学习flex布局之前，我们是如何让如下四个盒子排在一列呢？我们也许会用浮动、定位等等。当我们使用的时候我们会觉得很麻烦，需要调间距、量距离等。然而学习了felx布局，我们可以轻松的解决这些问题。 2009年，W3C 提出了一种新的方案——Flex 布局，可以简便、完整、响应式…

大家可以通过上传/拖拽图片的方式获取图片主题色。 Colorfulimg是一个能够通过canvas获取图片主题色的js工具库。 下面说一下实现思路，主要是通过canvas的getImageData()方法获取图片每个像素点的rgba数据。通过取得平均值的方法来算出图片主题色。 …

做前后端分离也有一段时间了，需要升级一下项目多入口的构建方案到 Vue@2.x。项目模板没有选择重新开发，而是直接选用了 vue 官方模板 vuejs-templates/webpack。现在我们需要把这个 SPA 单入口模板改成多入口，并且修改添加一些开发功能，以配合 Koa-grace 时的开发流程。

在上一篇文章[前端漫谈]一巴掌拍平Git中的各种概念中，描述了 Git 的一些概念，但是太过虚化，描述的都是一些概念和命令。这篇文章结合实际场景，主要描述我在项目实践中使用 Git 管理项目、团队协作的一些经验。包括 1）merge 和 rebase 使用的区别和选择；2）多人…

本文系统的梳理了vue-cli3搭建项目的常见用法，目的在于让你快速掌握独立搭建vue项目的能力。你将会了解如下知识点： 本文末尾会给出一个以上提到的所有功能的一个配置文件，可供大家学习参考。 接下来，我们根据思维导图，一步步来解释和实现我们的目标。 此时即可按需引入eleme…

限于个人能力，如有错漏之处，烦请不吝赐教。 我在最近的工作中开始使用 Vue 进行开发，但是我在上一家公司积累了三年以上 React 开发经验。虽然在两种不同的前端框架之间进行切换确实需要学习很多，但是二者之间在很多基础概念、设计思路上是相通的。其中之一就是组件设计，包括组件层…

Best and lightest barrage component for web UI. 其中，container 参数在初始化实例时必传，其他参数为可选，数据类型及默认值如上表所示。 弹幕数据集为一个对象数组。每个数组元素对应一条弹幕记录，其结构如下： 当动画过程中需要…