小程序

背景： 在进行小程序开发时，有一个定位城市的需求，下面就来讲讲怎么实现这个功能的吧 解决方案： 小程序的wx.getLocation()获得是经纬度并不包含地名，所以要通过经纬度用相应的地图转换出地名（本文使用的是百度地图）。 /* 微信获取城市定位 */ wx.getLocation({ type: 'wgs84', success(res) { const latitude = res.latitude const longitude = res.longitude const speed = res.speed const accuracy = res.accuracy console.log('-d---------------------') console.log(res) scope.getCityInfo(latitude,longitude) } }) 1.1代码详解 　wx.getLocation(object)：获取当前的地理位置、速度。注意：需要用户授权地理定位权限。 　　　　详细参数说明请查看小程序API：https://developers.weixin.qq.com/miniprogram/dev/api/location.html#wxgetlocationobject 我们看看wx.getLocation()成功后获得到的数据：

组长博客链接 组长博客链接 NABCD分析引用 N（Need，需求） 大学校园用餐高峰期排队人数众多，为了满足那些想要吃到食堂的饭菜但是又不愿意排队的同学的需要，并且为愿意排队的同学创造获取额外报酬的条件。 经过我们的问卷调查，基于福州大学这一场合，以下列出部分调查结果 选项 比例 有叫同学帮忙从食堂带饭，超市代购，快递代取的经历 71.05% 曾经有过想吃食堂的饭菜却又不想去食堂的困扰 74.56% 因食堂人太多太挤不想排队 69.3% 不想走路去食堂 14.91% 由此可见，大学校园食堂、超市的服务还有很多发展的空间以满足更多用户的需求，填补外卖市场份额。 主要用户群体 不愿意排长队但又想吃食堂的饭的同学 想通过帮同学带饭赚取少量报酬的同学 A（Approach，做法） 通过微信小程序提供平台供用户发布求购、代购信息，结合关键词搜索功能快速匹配合适买卖双方，从而实现交易。 当用户有带饭的需求时，可以先在消息广场搜索关键词，如某某食堂，如果可以找到已经显示在消息广场的带饭消息就可以直接下单，如果没有那么就在发帖界面按照固定格式发布带饭任务，发布成功后，这条任务会显示在消息广场，供想要通过带饭获取报酬的同学接收任务。 B（Benefit，好处） 可以吃到自己喜欢的但是不配送外卖的一些饭菜。 同学可以自主选择自己喜欢的食堂和窗口而无需承担排队的烦恼。 相较于点外卖

失效原因 小程序的mastache语法不支持js的方法。 即在页面标签中，使用以下js方法无效： Object.keys() toString() indexOf() 解决办法-wxs： WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。 wxs可以说就是为了满足能在页面中使用js存在的，在wxml页面中，只能在插值{{ }}中写简单的js表达式，而不能调用方法，例如想取出一个字符串的最后一位，就不能调用slice()方法。 通常的解决办法是在page的data对象中先把这个字符串截取好赋给某个变量，然后在页面中使用这个变量，但是问题又来了，如果变量多了呢，是不是要定义很多次。 在html中引入像artTemplate这样的模板后，在页面中只要在界限符内就能使用任何js语法，而不仅仅只是显示出表达式。 相对来说wxml中使用js语法就比较薄弱了，wxs就是弥补了这样的短处。 使用方法 ①写好wxs文件 然后导出要使用的方法或变量 ②在待使用页面 使用引入 ③在插值{{}}中使用tools.名字(参数) 示例如下 // .wxs文件 function indexOf(arr, va l) { if (arr.indexOf(val) < 0) { return false; } else { return true; } }

商家们都能看到微信小程序的商业价值，都想开发微信小程序，对于开发微信小程序类型有很多，比如商城型、预约型、展示型等，其中商城小程序成为商家们最佳选择，在开发之前，需要确定好功能需求，保证在开发工作过程中能够顺利的进行，那么 小程序商城 功能有哪些，下面木鱼小铺不妨了解一下。 一、产品展示功能 做一个商城小程序，产品展示是必备的，所有的商品都会在产品展示功能页面中，向用户展示，让用户进一步了解商品，方便用户查看产品信息，增加用户下单率。　　 二、在线客服功能 用户在购物过程中，难免会产生一些疑问，这个时候需要有一个在线客服功能，这样用户与客户直接取得联系，客户为用户答疑解惑。不仅提高用户体验，而且还增加用户购买率。 三、购物车功能 用户通过产品展示，看到喜欢的产品，直接加入购物车，在进一步进行挑选。 四、物流功能 物流功能在商城小程序是必不可少的功能，物流功能一般有四种方式：商家配送、同城限时达、到店自提、货到付款。具体选择哪种方式商家可根据实际情况而定。 五、在线支付功能 在线下单支付功能，用户通过产品展示，看到自己喜欢的产品，直接立即购买，通过微信支付进行下单。但开通付款功能，需要做好付款接口申请。 六．订单管理功能 ①订单查询 用户在支付下单支付之后，比较关心的是自己商品什么时候能够到自己的手里，这个时候需要一个订单查询功能，能够提供订单查询、物流查询等信息

个人笔记部分，无参考意义 小程序与JavaScript JavaScript入门 控制台Console 变量与赋值 这个undefined是console.log()这个函数的返回值，每个函数都有返回值，如果函数没有提供返回值，会返回 undefined。 你会看到一个返回值，就像下面这样 let 是一个新的变量声明方式，以前我只知道 var javascript中let和var的区别 然后我发现了定义变量可以不用 var 和 let JavaScript中使用var定义变量和不使用var定义变量的区别 js的变量是否可以删除 可以被delete 操作数组 常量 const 创建的是只读引用，与java里的final变量一样，引用不可改，但引用的内容可改 全局对象wx wx 提供了很多功能的API接口，文档里说过 大多数 API 都是异步 API，如 wx.request，wx.login 等。这类 API 接口通常都接受一个 Object 类型的参数，这个参数都支持按需指定以下字段来接收接口调用结果 函数需要的参数有 函数返回的数据为 而success函数就是执行成功时候的回调函数，例如 wx . getNetworkType ( { success ( res ) { console . log ( res ) } } ) ; 控制台会把 res 打印出来，如下所示

需求：首页获取用户位置坐标，转换成功实际省市区，寄存在缓存中； 项目开发使用的是美团的 mpvue ，谁用谁知道（坑有不少但对于习惯vue开发的，也挺友好！） 小程序文档先上为敬 腾讯地图注册获取key，配置 ，可参考 例子1 例子2 //注册配置完成，下载好 微信小程序JavaScriptSDK v1.2 ，文件位置放好。头部引入，在onLoad 调用获取位置坐标方法，调用腾讯API转换成实际位置 import QQMapWX from '../../utils/qqmap-wx-jssdk.js' // 引入SDK核心类 这里有个大坑，我是这样引入的，然后这边eslint报错， "export ‘default’ (imported as ‘QQMapWX’) was not found in ‘…/…/utils/qqmap-wx-jssdk.js’，然后我修改了一下就可以了，还有其他修改的方法，可以去尝试一下 //module.exports 与require搭配，所以应该这样用；但是我习惯用import引入，所以使用的是上面的修改 data(){ QQMapWX: require('../../utils/qqmap-wx-jssdk.js'), } onLoad () { this.user = mpvue.getStorageSync('user')；/

微信小程序中的底部导航栏使用tabBar来实现，先来张效果图： 小程序上给出的文档要求里面的item最少2个，最多五个。 这个需要在app.json文件里来配置。 具体的配置内容如下： "tabBar":{ "position":"bottom", "color":"#333333", "selectedColor":"#2487FF", "list":[ { "pagePath":"pages/home/home", "text":"首页", "iconPath":"images/bottom_home_normal.png", "selectedIconPath":"images/bottom_home_press.png" }, { "pagePath": "pages/warning/warning", "text": "预警", "iconPath": "images/bottom_police_normal.png", "selectedIconPath": "images/bottom_police_press.png" }, { "pagePath": "pages/im/room/room", "text": "授权", "iconPath": "images/bottom_permission_normal.png", "selectedIconPath":

基本使用方式 网络请求的封装 为啥要封装？ 因为要发送网络请求 就是使用wx.request() 万一哪一天这个接口不行了 如果要修改就是改很多地方 使用 来源： https://www.cnblogs.com/gsq1998/p/12402388.html

https://developers.weixin.qq.com/community/operate/doc/000640bb8441b82900e89f48351401 来源： https://www.cnblogs.com/json-Wang/p/12401153.html

现在的小程序开发工具已经支持ES7语法了，需要进行如下步骤 1.勾选ES6转ES5 2.勾选增强编译 使用ES7时方法名前加【async】关键字 内部使用【await】 如下示例： 来源： https://www.cnblogs.com/ningxinjie/p/12400355.html