以 Vite 项目为例，通过 unplugin-vue-router 插件，可以实现把指定目录下的 Vue 文件自动转换为路由配置，并且根据约定好的目录结构和文件命名规则，支持 Vue-Router

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

在撰写本文时，VueJS 3.0.0 已经处于 Beta 阶段。在这篇文章中，我们将会看到 Vue 团队在最新的 ThisDot 在线会议上所展示的关于这个大版本的概述。 Vue JS 是一个非常流行的渐进式 JavaScript 框架，由尤雨溪（Evan You）与超过 28…

让老项目(基于vue-cli)支持ES新语法(处于试验阶段), 比如"可选链". 了解其他目前在实验阶段的ES新语法. 近期看到多个群中都在聊"可选链", 所以就把单位的老项目也开启了"可选链"功能, 使用了1个月后的感受就是: 再也不用写那么长的"undefined"判断了,…

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…

在处理浏览器兼容性问题之前，我们先来看一下现在的浏览器市场份额是怎样的，👇下面是来自statCounter的数据，基本上覆盖了全世界浏览器市场份额的统计，而且前端er经常使用的caniuse所拉取的浏览器数据就是来自statCounter。 从统计数据可以看出，对于国内的PC…

本文的研究思路是通过阅读Element源码，然后自动动手一步一步编写组件，完善其对应功能。 继研究了Button组件之后，我又看了一下Link组件的源码，跟Button组件类似，复杂度不是很高。随后挑选了Input组件作为今天的研究对象。 在components文件夹下新建In…