阿登林的博客

本文介绍了百度地图AK密钥的申请步骤及在Vue项目中使用vue-baidu-map-3x组件的方法。AK申请需登录百度开放平台创建应用，配置Android安全码（SHA1+包名），生成后需启用相应服务。在Vue中通过npm安装组件后，需全局或局部注册，并设置ak、center、zoom等参数。使用时要注意地图容器需定义高度，地图操作需在ready回调中执行。文章还纠正了常见错误用法，强调不能在Vue生命周期直接操作BMap类。

scroll-y 用于控制纵向虚拟滚动，gt 当大于指定条数时自动启用，默认 100，如果 enabled=false 或者 gt=-1 则关闭虚拟滚动。scroll-x 用于控制横向虚拟滚动，gt 当大于指定条数时自动启用，默认 60，如果 enabled=false 或者 gt=-1 则关闭虚拟滚动。仅渲染当前视口范围内的数据项，通过计算滚动位置动态加载可视区域内的元素，非可视区域使用占位符替代。<vxe-column field="humidity" title="湿度"></vxe-column>

本文对比了前端开发中几个常用命令的区别：npm run dev/serve用于启动开发服务器，支持热重载；npm run build用于构建生产环境代码，生成优化后的dist目录；npm run preview则用于模拟生产环境预览构建结果。文章指出直接打开index文件无法完全模拟生产环境，强调不同命令的适用场景和依赖关系，并说明这些命令的具体实现取决于项目构建工具(Vue CLI或Vite)的配置。

npm install @vue-flow/core @vue-flow/additional-components<template>  <VueFlow v-model="elements" :nodes="nodes" :edges="edges" /></template><script setup>import { VueFlow } from '@vue-f