qq_64803883的博客

最近在学习vue3源码中的一些知识点，从源码层面来讲，发现vue3对比vue2来说，vue3更加精巧，代码量更少，这也就意味着有些地方需要花费更多的精力去理解，在网上找了源码视频学习了一下，自己花了150多行代码实现一下reactive、effect、computed，这只是最简单的实现，可以将代码直接复制运行；

到这里，终于明白了lastIndex置为0的意义。匹配到{{name}}，说明此时正则匹配从第八个字符开始，也就是说之前执行 test 时返回结果为true ，将reg.lastIndex改为8，这时的lastIndex 影像了exec的执行，那么是不是这样呢？通过测试发现，match的返回结果与reg的lastindex无关，其实从另一方面也可以窥探一些端倪，test、exec是正则的方法，而match是字符串的方法。运行结果：************

【代码】mongoose增删改查实际应用。

expree结合mongoose+vue3实现简单注册登入接口

最终效果：相关代码：areaSearch.vue<template> <div class="area-search"> <div class="city-chose" ref="cityChose"> <el-input readonly v-model="curCity" @click.native.stop="iptClick" class="cur...

minemap 点选是通过map.queryRenderedFeatures来实现的，这个方法用的最多的是在地图的点击事件中进行相关操作；最近有个需求要点击相关模型信息来选中模型，在官方文档中并没有找到手动勾选模型的方法，于是根据queryRenderedFeatures来寻求解决办法。最终效果关键代码const clickChose = () => { // 需先将模型的经纬度设置为center global3D.map.setCenter([116...

最近有个新项目，技术leader决定使用v3+vite+element-plus。项目打起来后，开发环境非常顺利，可是一打包就凉了，报个错：一看到报错我很懵，这个css文件是在public中的，在html中直接引入，并没有使用import引入啊？ 经过N分钟的百度，n+分钟的查vite、rollup文档以及思前想后，终于在vite文档中发现了一句话：...

之前使用vue3 composition-api 结合mineData写了一个简单的地图页面，今天在此基础上添加一个常见的功能：点击maker弹出popup信息。最终效果：

最近在学习公司的一个地图平台，正好结合vue3 composition-api将一些基础效果实现。写过vue2的人都知道，在一个vue文件中可能有许多功能点，比如一个列表页有搜索功能、分页功能、导出功能等等。在一些人员充足的团队中，各个功能点可能有不同的人来负责开发，vue2中，只能等待一个人将一个功能点完成后另一个人才能继续开发另一个功能点，否则就会冲突（当然愿意花时间去解决冲突也可以同时开发）；而使用vue3 composition-api，就可以将各个功能点拆分成单...

日常开发中，经常有需求在地图上画一些特殊路径或者线条，一般来讲，这种需求都是需要iserver服务支持的。准备工作1.一个地图底图（使用@supermap/iclient-leaflet，方便调服务）；2.iserver服务（以gis开发为主的公司都有自己的服务，没有的话就......别往下看了，或者找找免费的地图server，看看有没有提供学习使用的服务）调用iserver服务这里的iserver是后台开发人员根据自身项目需求发布到iserver上的服务接口，添加路径主要就是依赖这个服

leaflet在二维gis开发中使用比较广泛，本人最近也在从事gis相关开发。趁着这两天不是很忙，赶紧将这两天的开发过程记录一下，作为以后工作的参考。leaflet添加marker的一般步骤：上图表现了leaflet添加marker的一般步骤。初始化地图: 地图用的是超图的leaflet插件@supermap/iclient-leaflet，官方地址：https://github.com/SuperMap/iClient-JavaS...

日常项目中，给一个元素添加title要么使用原生的title属性，要么使用插件或者自己模拟。在vue项目中则可以使用el-tooltip来实现，项目中经常有这种需求，有省略号显示tooltip，没有则不显示。之前看网上的很多都是提供思路，很少有直接拿来能用的例子，根本不能满足像本人这种信奉拿来主义的菜菜鸟。正好目前做的项目有这个需求，在项目中也实现了该功能，这里记录一下为以后的复制粘贴做准备。vue文件：<template> <!-- 有省略号显示toolti...