插件技术

渐进 Vue│必备这些 Vue 的操作技巧「建议收藏」掌握多一门技巧，Vue 编程效率就高一分，工欲善其事，必先利其器。再长的路，一步步也能走完，再简单的技术，也不可一蹴而就

高德地图 JS API 之 —— 如何在Vue中使用高德地图（如何获取模拟数据）？[通俗易懂]在本文中你可以学到如何在Vue中使用高德地图。 前言 最近开发车辆轨迹的一款Web应用，使用到了高德地图,由于甲方爸爸给不了真实数据，外加Google、Baidu都找不到合适的模拟数据，于是乎，自

low-code平台大屏篇（实现思路）「建议收藏」low-code 最近几年，低代码平台的概念一直很火，我也借助两个月利用摸鱼时间初步完成了一个低代码大屏构建平台。 这次文章我打算分为四个模块的连载系列，这篇文章主要整体介绍项目模块以及结构和实现思路

Vue-cli@3.0 插件系统简析「建议收藏」Vue-cli@3.0 是一个全新的 Vue 项目脚手架。不同于 1.x/2.x 基于模板的脚手架，Vue-cli@3.0 采用了一套基于插件的架构，它将部分核心功能收敛至 CLI 内部，同时对开发者暴露可拓展的 API 以供开发者对 CLI 的功能进行灵活的拓展和配置。接下来…

Vue-插件开发[通俗易懂]Vue.js 的插件应当有一个公开方法 install 。这个方法的第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象: 注释：通过Vue.extend()方法创建了一个构造器NwdLoadingPlugin，其次我们再通过new NwdLoadingPlugin…

从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境[通俗易懂]从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

可视化拖拽组件库一些技术要点原理分析（二）[亲测有效]本文是对《可视化拖拽组件库一些技术要点原理分析》的补充。上一篇文章主要讲解了以下几个功能点： 友善提醒：建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 14. 拖拽旋转 在写上一篇文章时，原来的 DEMO 已经可以支持旋转功能了。但是这个旋转功能还…

三十七个常见Vue面试题，背就完事了。「终于解决」一、谈谈你对MVVM的理解？ 映射关系简化，隐藏controller MVVM在MVC的基础上，把控制层隐藏掉了。 Vue不是一个MVVM框架，它是一个视图层框架。 ViewModal是一个桥梁，将数

设计一个基于vue.js 2.x的虚拟滚动条[通俗易懂]2 事件，主要是当鼠标移动的时候，显示滚动条。 其中state表示状态，是在运行时可发生改变的，而 ops 则是配置参数，是用户传过来的。 取得子组件的dom元素，用来取得dom的实时信息。 resizeVBarTop,为了防止误差，并且可以求出滚动条距离父元素的高度。 监听滚…

15个很有趣的开源项目推荐[通俗易懂]新年快乐，愉快的假期中总是不自觉的打开电脑😄。开源的世界每天都会有各种惊喜，下面是我们整理的15个有趣的开源项目，希望当中有您喜欢的。

超详细！4小时开发一个SpringBoot+vue前后端分离博客项目！！[亲测有效]文章总体分为2大部分，Java后端接口和vue前端页面，比较长，因为不想分开发布，真正想你4小时学会，哈哈。 不多说，开始敲代码。 从零开始搭建一个项目骨架，最好选择合适，熟悉的技术，并且在未来易拓展，适合微服务化体系等。所以一般以Springboot作为我们的框架基础，这是离…

Chrome Devtools 高级调试指南（新）「终于解决」本文暂未涉及Performance面板的内容。 1. Chrome Devtools 的用处 2. 菜单面板拆解 3. 常用命令和调试 1. 呼出快捷指令面板：cmd + shift + p 在Devtools打开的情况下，键入cmd + shift + p将其激活，然后开始在…

厌倦了写活动页？快来撸一个页面生成器吧！[通俗易懂]如果你经常接触一些公司的活动页，可能会经常头疼以下问题：这些项目周期短，需求频繁，迭代快，技术要求不高，成长空间也小。但是我们还是马不停蹄的赶着产品提来的一个个需求，随着公司规模的增加，我们不可能无限制的增加人手不断地重复着这些活动。这里我就不具体介绍一些有的没的的一些概念了，…

浅谈使用 Vue 构建前端 10w+ 代码量的单页面应用开发底层[通俗易懂]随着业务的不断累积，目前我们 ToC 端主要项目，除去 node_modules， build 配置文件，dist 静态资源文件的代码量为 137521 行，后台管理系统下各个子应用代码，除去依赖等文件的总行数也达到 100万 多一点。 本文会在主要描述以 Vue 技术栈为技术…

尤大推荐的神器unplugin-vue-components,解放双手!以后再也不用呆呆的手动引入(组件,ui(Element-ui)库,vue hooks等)[亲测有效]支持Vue 2和Vue 3开箱即用 支持组件和指令 支持Vite、Webpack、Vue CLI、Rollup 支持仅注册您使用的组件 文件夹名称作为名称空间。 支持ts 用于流行UI库的内置解析器

你可能会用的上的一个vue功能组件库，持续完善中…「建议收藏」无论组件的dom位置在页面何方，会准确计算鼠标位置以及自动在右侧悬浮一个查看区域，并且当右侧位置超过边界后，查看区域会自动出现在左边。 boxSize: 设置放大镜主体框的大小，会自动在右侧生成一个与之同样大小的查看放大图像的悬浮框，默认500。 minImgUrl: 放大镜小…

前端进阶：细数2年内我做的15个开源项目[亲测有效]从19年到21年,笔者利用空余时间陆陆续续做了一些开源项目, 大部分开源项目都立足于企业实际业务需求, 所以笔者觉得有必要做一个总结和复盘.

Hello！GitHub 好用好玩值得收藏的开源项目集合~「建议收藏」通过单元测试学习 Go 语言。下载仓库源码后，进入对应目录。每一个小文件夹就是一个对应的 Go 项目，在里面go test即可运行单元测试。由于是测试驱动开发，所以需要在你改动代码之后跑通单元测试才算学会通过。每一个对应的文件夹都有相应 Markdown 文字教程，比较浅显易懂…

轻松教你搞定组件的拖拽, 缩放, 多控制点伸缩和拖拽数据上报「建议收藏」由于我们的技术栈采用的是 React, 目前还没有一个成熟库可以同时支持自由拖拽和缩放, 我们不得不用 react-dragable 和 react-resiable两个库来实现拖拽和缩放, 但是这样我们要维护的数据结构就相当复杂了(当然vue生态有成熟的vue-dragabl…

我在项目中是这样配置Vue的「建议收藏」在前面的文章中，小编为大家带来了许多Vue 实战技巧，也得到了大家的许多好评。其实在前面那些技巧之外，我们还可以做的更多，让我们的开发流程更流畅，开发体验更好，项目性能更上一层楼，怎么做呢，我们一起来看看。 在我们开发的时候，为了方便调试，我们需要使用源码进行调试，但在生产环境…