Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…

1. 相关原生方法： 想对一个元素进行一系列的拖拽操作，要注明属性 draggable="true" 来激活它的可拖拽性。 在使用ondrop时，发现没有生效，在ondragover中需要阻止默认事件的触发。 screenX,screenY/offsetX,offsetY/cl…

有的时候，我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包，几乎在我构建的每个应用中都会用到。 我通常会将它安装在 main.js 中，以便在我的应用程序中使用。如果你只在一个或两个页面上使用它，你可能会想…

现在web技术蓬勃发展，办公应用特别是excel都搬到了线上，比较流行的有腾讯文档，金山文档，石墨文档，Google Doc，属于企业服务。但是小型企业或者团队，如果想自己搭建一套在线表格系统呢？有没有开源的方案？ 经笔者调查，一些表格具有相对简单的功能，只能显示数据和过滤器功…

entry是整个配置文件的入口，没有之一。 entry有两种入口，四种配置。 既然有入口，那就肯定有出口啦！就好像人，要吃饭也要拉*。这里的出口就是打包好的东西要把它放在哪里。 module.rules就是loader的配置位置，loader用于解决一些代码的兼容性。 plug…

其实，只要换一下数据结构，它也可以变成一个类似于手机通讯录列表，那个圆形气泡联动跟随，就是模仿 魅族 的手机通讯录上下滑动侧边栏时，指示当前字母的效果。 题外话，你拿到的数据不一定就是这个格式，而且也没有按字母分类，而是一份偏平化的城市列表数组，那你可以通过安装 pinyinj…

Jatin Rao 原作，授权 New Frontend 翻译。 最近几个月我收集了大量可以显著提升开发效率的资源链接，在这篇文章中我会分享其中一些。这些资源对我很有帮助，希望对你也是如此。闲话少叙，下面是一些很棒的免费资源！

观看Vue3全球发布会的总结笔记，翻译水平有限大家海涵。 最后有学习资料汇总。 抽象渲染器与渲染目标无关 - （Dom、Canvas、终端显示）支持自定义渲染器。 可扩展是编译器 可以通过实现编译器插件来扩展编译器。 通过编译推断型虚拟Dom实现静态提升是Vue3.0的非常显著…

之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …