本来不想写这些话的，翻文章的时候翻到了几年前写的一篇旧文，里面记录了我为什么做开源项目，忽然被那时的自己感动了，于是有了下面这些话，希望大家看一看。 写了几年的博客，也做了不少开源项目，最令我感动的不是“牛逼”、“厉害”、“大佬”这样的评价，因为我不牛逼，我也不是大佬，我更喜欢…

2017年底了，总结了这一年多来的前端之路，Vue从入门到放弃，再二进宫，从 Vue1.0 持续跟踪到 Vue2.5。结合公司的一些实际项目，也封装了一些比较实用的组件。 由于现在公司管理平台主要运用Element UI，索性就结合组件Table 和 Pagination 封装…

两个相同的组件产生类似的DOM结构，不同的组件产生不同的DOM结构。 同一层级的一组节点，他们可以通过唯一的id进行区分。基于以上这两点假设，使得虚拟DOM的Diff算法的复杂度从O(n^3)降到了O(n)。 当某一层有很多相同的节点时，也就是列表节点时，Diff算法的更新过程…

2019年11月11号在Vue Toronto 2019会议上，@尤雨溪做了关于《Design Principles of Vue 3.0》的分享。 本PPT作者@尤雨溪，翻译作者：黑叔666。 译文：尽管Vue可以确保组件树级别的更新最少，但它仍然是每个组件实例中的完全dif…

作者简介：koala，专注完整的 Node.js 技术栈分享，从 JavaScript 到 Node.js,再到后端数据库，祝您成为优秀的高级 Node.js 工程师。【程序员成长指北】作者，Github 博客开源项目 https://github.com/koala-codi…

作为一个对UI和动画敏感的切图仔，在日常开发之余，也会关注一些贼好看的图表库和插件。 接下来，我将给大家介绍几款web/python/vue/react里漂亮得不行的开源库/实现。 1. 手绘风图表库：roughViz.js 基于D3(v5), roughjs, 和handy。…

无论组件的dom位置在页面何方，会准确计算鼠标位置以及自动在右侧悬浮一个查看区域，并且当右侧位置超过边界后，查看区域会自动出现在左边。 boxSize: 设置放大镜主体框的大小，会自动在右侧生成一个与之同样大小的查看放大图像的悬浮框，默认500。 minImgUrl: 放大镜小…

今年OKR定了一条KR是每一个季度进行一次前端相关技术的分享，还有十几天就到2020年了，一直忙于业务开发，没有时间准备和学习高端话题，迫于无奈，那就讲讲平时使用频率较高，却没有真正认真的了解其内部原理的 Vue.js 吧。 由于本文为一次前端技术分享的演讲稿，所以尽力不贴 V…

因为在webpack中，除了js类型的文件是能够直接被识别并打包，其他类型文件（css、图片等）则需要通过特定的loader来进行加载打包，而图片则需要用到file-loader或url-loader。 在JavaScript中引入图片路径时，webpack并不知道它是一张图片…