摘要:(目录) 1,前言 记录一下Vue2项目中,百度地图API的简单使用。 2,申请账号,获取key 需要先申请百度账号,然后登陆百度地图开放平台:https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getkey,按照流程,申请成为开发者 阅读全文
posted @ 2021-05-14 11:40 鹏多多 阅读(5) 评论(0) 推荐(0) 编辑
摘要:(目录) 1,前言 分享一下vue项目中利用.env文件存储全局环境变量,以及利于项目开发的vue启动以及打包命令。 2,.env文件的作用 在vue项目中,env是全局配置文件,可以存储不同环境下的变量。使用vue-cli搭建项目,默认会在根目录创建一个.env文件,如果需要更多类型的.env文件 阅读全文
posted @ 2021-04-29 16:26 鹏多多 阅读(42) 评论(0) 推荐(0) 编辑
摘要:(目录) 1,前言 注意:此教程仅限Windows,Mac可能不适用 在我们的日常开发中可能会遇到这种情况:手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的node.js,如果没有一个合适的工具,这个问题将非常棘手。所以,nvm应运而生。 2,安装nvm 1,首先需要卸载已安装的n 阅读全文
posted @ 2021-04-22 10:38 鹏多多 阅读(317) 评论(0) 推荐(1) 编辑
摘要:(目录) 1,前言 项目中碰到一个需求,搜索数据并且关键词要高亮显示,接到需求,马上开干。先上效果图。源码已经做成了小程序代码片段,放入了GitHub了,文章底部有源码链接。 2,思路 博主第一时间想到的就是使用split,根据搜索的关键词,处理后台返回的数据,然后indexOf找到关键字,给每个字 阅读全文
posted @ 2021-03-29 14:05 鹏多多 阅读(398) 评论(0) 推荐(0) 编辑
摘要:(目录) 1,前言 和css3动画不同,小程序中动画是主要是通过js控制的,简单来说就是创建一个动画实例animation。调用实例的方法来定义动画效果。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。 2,属性 首先需要通过wx.createAnimation,创 阅读全文
posted @ 2021-03-15 17:26 鹏多多 阅读(345) 评论(0) 推荐(0) 编辑
摘要:(目录) 1,前言 分享一个完整的微信小程序自定义Tabbar,tabbar按钮可以设置为跳转页面,也可以设置为功能按钮。懒得看文字的可以直接去底部,博主分享了GitHub地址。 2,说明 由于微信小程序自带的Tabbar功能比较单一,比如要做到中间是一个突出的圆形扫一扫按钮,就需要自定义Tabba 阅读全文
posted @ 2021-03-08 15:09 鹏多多 阅读(120) 评论(0) 推荐(0) 编辑
摘要:(目录) 1,父传子 子组件中定义props字段,类型为数组(如果需要限制字段值类型,也可以定义为对象的形式)。如下图的例子,父组件挂载子组件HelloWorld,在组件标签上给title赋值,子组件HelloWorld定义props,里面有一个值是title,这样子组件就可以使用父组件的值了。 父 阅读全文
posted @ 2021-02-08 14:24 鹏多多 阅读(210) 评论(0) 推荐(1) 编辑
摘要:(目录) 1,前言 分享一个完整的微信小程序支付流程中,前端要做的模块。 2,流程 在调用wx.requestPayment之前,需要准备一些参数,流程如下 1,调用 wx.login() 获取 临时登录凭证code ,并调用wx.request回传到服务端。 2,服务端调用 auth.code2S 阅读全文
posted @ 2021-02-02 09:45 鹏多多 阅读(173) 评论(0) 推荐(1) 编辑
摘要:(目录) 1,前言 博主收录了一些在实际开发过程中,很实用且方便的JS操作符,熟练掌握的话,不仅代码看上去高大上(实为装逼),而且简洁大方。 2,代码+应用 2.1,短路运算符 || 从左往右 1,只要有一个条件为true时,结果就为true。 2,当两个条件都为false时,结果才为false。 阅读全文
posted @ 2021-01-25 11:26 鹏多多 阅读(295) 评论(0) 推荐(0) 编辑
摘要:(目录) 1,前言 在开发微信小程序的过程中,避免不了和服务端请求数据,微信小程序给我们提供了wx.request这个API,调用方法如下 wx.request({ url: 'www.baidu.com', //仅为示例,并非真实的接口地址 data: { x: '', y: '' }, head 阅读全文
posted @ 2021-01-18 14:37 鹏多多 阅读(910) 评论(0) 推荐(0) 编辑