程序员一枚，仅记录工作中的难点

main.js文件引入。

vue项目实现手机录音

项目需要一个拍照功能，若使用浏览器则可以直接上传图片，若使用手机则调用手机摄像头拍照。

百度地图获取定位并搜索附近点

vue项目做手机端项目，用的是vant2插件：https://vant-ui.github.io/vant/v2/#/zh-CN/field。项目在移动端做适配，用户还要求web版从电脑端打开网址时，也显示为手机的竖屏样式。故选择固定宽高度方式，计算每个元素的大小。1.在app.vue中，获取设备的宽高，设置页面的初始高度。2.在公共样式文件（common.css）中设置变量。3.在页面中使用变量。

el-table实现单选行

vue项目用户修改密码

做项目时，弹窗上传文件时，上传动作无法停止，需要加一个蒙层，并显示文件上传进度，效果如图。

css设置背景图片的透明度

hover矢量图层时，高亮显示并提示图层信息

【代码】从后端调用矢量图层并显示再地图中。

从后端调用栅格图层并显示在地图上。

在地图上进行绘制矢量图形，记录下处理数据，绘制图形的过程。

【代码】判断数字是否为科学计数法，是就转化为普通数字。

设置图片的选中样式对勾

在项目中，数据过多时，会使用后端分页的方法调取数据，table在显示index时需要递增显示，效果如图所示。

项目中需要用到色带去设置定量的栅格图层在geoserver显示的样式，记录一下。将下拉框选项设置为图片（渐变颜色），每个选项对应两个颜色，将两个颜色传递到后端即可。至此，色带就样式就完成了。用到的下拉渐变色图片我放到代码包中了，可以下载使用。

elementUI中的$confirm调换两个按钮的位置

在地图中搜索城市，并将城市显示在地图的可视范围内，用高德api实现