05 2019 档案
摘要：基于vuecli3构建的一个快速开发h5 APP的模板，集成了高德地图、mint ui，以及antv f2可视化框架 vue cli3安装 1. 查看vue cli版本 vue version 2. 要求nodejs版本8.9以上 3. 如安装了旧版，使用npm uninstall vue cli
阅读全文
摘要：选取相册及本地预览 1. 选择手机相册 3. 照片本地预览 使用七牛云图片上传 七牛云提供了微信小程序sdk版本 1. 下载七牛云微信小程序sdk https://developer.qiniu.com/sdk community sdk 2. 下载之后我们将qiniuUploader.js文件放置
阅读全文
摘要：实现思路 ： 1. 获取用户当前位置经纬度坐标 2. 查询动态时将经纬度坐标传给后台 3. 后端通过sql语句计算经纬度坐标之间的距离 // 附近20公里发的动态 按时间排序 let sql = `SELECT , ROUND(6378.138 2 ASIN(SQRT(POW(SIN((${myLa
阅读全文
摘要：微信小程序获取及选择位置 1. 获取当前的地理位置、速度 2. 打开地图选择位置 3. 使用微信内置地图查看位置 逆地址解析（根据经纬度坐标获取城市省份信息） 微信小程序位置api并没有提供获取省份城市的信息，这里使用高德第三方地图来获取省份城市 1. 申请高德key 2. 将https://res
阅读全文
摘要：先看实现的效果图 评论及评论回复实现 1. 分析 评论和评论回复可以设计成1张表也可以设计成2张表，根据使用场景的不同选择，这里我将评论和回复表设计成一张表，表结构如下 CREATE TABLE ( int(11) NOT NULL AUTO_INCREMENT COMMENT '说说评论表id',
阅读全文
摘要：先看最后实现的效果图 高德地图api文档 https://lbs.amap.com/api/javascript api/summary 使用 1、在index.html里面引入高德地图js文件 2、引入之后我们就直接可以在vue组件里面使用了 创建initMap方法，在mounted钩子函数中调用
阅读全文
摘要：前天遇到个坑，把我给坑死了 ，在帮朋友做一个微信公众号的项目，使用的vue全家桶，有个模块需要用到数据可视化展现，之前做项目的时候用过antv，比较熟悉，因为是移动端的项目，所以用的是antv f2这个可视化框架，按照之前写的方式都做完之后，最后发现下面出现了两个相同的legend，找了半天也没发现
阅读全文
摘要：应用场景 需要在视图更新之后，基于新的视图进行操作 文档说明 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM nextTick原理 1、异步说明 Vue 实现响应式并不是数据发生变化之后 DOM 立即变化，而是按一定的策略进行 DOM 的更新 2、
阅读全文
摘要：安装 然后在main.js中引入 下拉刷新上拉加载更多数据 top method绑定的是下拉刷新触发的方法 bottom method是上拉加载触发的方法 bottom all loaded绑定的是否已加载完全部数据 ，默认为false，如果全部加载完数据之后，将allLoaded设置为true，这
阅读全文
摘要：问题分析： 一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图 解决方案 网上看到了很多种解决方案，这里推荐第四种 1、重写第三方组件ui样式大小 2、在postcss.config.js中的
阅读全文
摘要：抽奖结果数据json格式数据拼接bug，如下图，只发布了两个奖项，每个奖项设置2个奖品，但最后拼接数据的时候出现3个奖项 json数据格式如下 html页面 拼装js逻辑 问题分析： 主要问题出现在这个地方 在对luckyResult进行遍历的时候，当luckyResult的长度大于1的时候，遍历了
阅读全文
