position

演示地址：https://stardew516.github.io/position/dist/view/index.html

扫码查看：

个人地址 h5定位，失败后调百度接口，根据ip定位，pc端会出现位置偏差。

npm run dev启动项目

http://localhost:8080/view/index.html进入页面

可在效果演示文件夹查看效果

功能:

1. 定位当前位置

使用h5的getCurrentPosition方法定位, 有时候不稳定, 失败时调百度的接口

2. 姓名, 手机号, 地址信息列表

列表展示

3. 点赞

左滑动可点赞, 也可修改保存地址.

页面结构:

position

build

build.js -------------------- webpack编译
getentry.js -------------------- 获取打包入口方法
unit-dev-server.js -------------------- webpack依赖包
utils.js -------------------- css加载的方法
webpack.base.conf.js -------------------- webpack基本配置
webpack.conf.js -------------------- webpack配置

dist -------------------- 打包后的目标地址
node_modules -------------------- 依赖包放置
src

component

Locate -------------------- 定位组件
Slide -------------------- 滑动组件
ThumbUp -------------------- 点赞组件
js
index.js -------------------- html页面对应的js
page
index.vue -------------------- 组件页面
style
common.scss -------------------- 样式
view
index.html -------------------- 页面
效果图
定位.jpeg
左滑动效果.jpeg
页面效果.jpeg
演示小视频.mov
.babelrc -------------------- es6设置转码的规则和插件
.editorcongig -------------------- 规范代码缩进
.eslintrc.js -------------------- 语法检验规则配置
.gitignore -------------------- 不上传文件配置
config.js -------------------- 基本配置
entries_config.js -------------------- 入口文件配置
package.json -------------------- 依赖包配置
read.md -------------------- readme