小程序
水蜜桃那么甜
这个作者很懒,什么都没留下…
展开
-
小程序登录解析
1、调用 wx.login() 获取 临时登录凭证 code,有效期为 5分钟;(临时登录凭证 code 只能使用一次)2、将临时 code 传到我们的后端,后端调用 auth.code2Session 接口,换取用户唯一标识 OpenID 和 会话密钥 session_key;( openid 是用户唯一标识,session_key 能保证当前用户进行会话操作的有效性)注意:获取 session_key 出于安全性的考虑,要在后端调用。如果我们在前端通过 request 调用此接口,就不可避免的需原创 2020-08-25 09:54:53 · 299 阅读 · 0 评论 -
微信小程序实现导航功能
通过getLocation获得定位 必须要把你的地址转为实际的经纬度才能实现导航功能,因此要使用地理编码API。我这里使用的是高德地图地理编码API,请申请微信小程序,下图是申请后结果<!--wxml--><!--我这里的item携带了地址哦--><view data-item="{{item}}" catchtap="daohang">查看定位</view>//获得从前端传来的地址daohang:function(e){ v.转载 2020-08-04 11:01:58 · 2816 阅读 · 0 评论 -
微信小程序开发:用户位置信息授权及拒绝后再授权并加入未开GPS提醒
第一步:必须要在app.json对小程序进行全局配置//该字段会弹窗请求第一次使用小程序的用户授权"permission": { "scope.userLocation": { "desc": "我们将获取到你的位置信息" //文字最多不超过30字 }}第二步:在你使用定位的页面插入授权代码data:{ isshowCIty:''} //我是直接放在onLoad()函数加载出来onLoad:function(){ //wx.ge转载 2020-08-04 10:57:58 · 2866 阅读 · 0 评论 -
微信小程序父子组件间传值
一、父组件向子组件传值(通过 properties 属性)父组件json{ "usingComponents": { "reply": "../../components/reply/reply" }}html<!-- 评论回复 --><reply commentCount='{{commentList.length}}' commentAvatarUrl='{{commentAvatarUrl}}' bind:oneLevelComment='转载 2020-08-04 09:26:38 · 793 阅读 · 0 评论 -
***微信登录过程***
1 登录当我们登录的时候需要用到一个微信的APIwx.login调用这个接口可以获取临时登录凭证code 通过code我们可以得到户的唯一标识openid及本次登录的会话密钥session_key2 微信登录过程关于微信登录过程,官网上面也有一个图示详情点击,过程解释如下通过wx.login获取code 将code发送给我们自己的服务器 我们自己的服务器需要将appid+appsecret+code,三者结合到一起发送给微信服务器(appsecret的获取后面会...转载 2020-08-03 16:43:10 · 704 阅读 · 0 评论 -
微信小程序之页面传值
方式一:通过url带参数传递固定参数传递:通过navigator标签的url属性,实现跳转和传递参数<navigator url="../detail/detail?id=1&name=名称">点此进入 detail</navigator>在detail页面的onLoad方法中取值onLoad: function (options) { console.log(options.id,options.name)}知识延伸:我们要传递的实体是ob转载 2020-08-03 11:52:02 · 404 阅读 · 0 评论 -
微信小程序 rich-text 富文本图片宽度自适应的方法
在小程序里面 展示商品详情的富文本 会有图片 会显示他原来的宽度 这时候 在手机就溢出了这里的正确的处理办法是:把图片的宽度改为手机屏幕对应的宽度 或者 100%uniappWXML<view class="detail-text"> <rich-text class="rich-box" :nodes="detailDataContent"></rich-text></view>util.js/** * 处理富文..转载 2020-07-24 10:54:29 · 3459 阅读 · 0 评论 -
小程序 使用回车键搜索
<input type='text' value="{{search_txt}}" bindinput='getSearch_txt' bindconfirm="searchSubmit"></input>//在data里面: data({ search_txt:"" }) //在getSearch_txt中获取输入框内容: getSea...原创 2020-03-30 16:17:58 · 496 阅读 · 0 评论 -
rich-text 解析富文本 图片过大 如何自定义大小?
从后台查出来的富文本数据,使用rich-text进行展示时,其中的图片过大,超出屏幕。下面是字符串拼接的代码const replaceDetail = function(details){ var texts='';//待拼接的内容 while(details.indexOf('<img')!=-1){//寻找img 循环 texts+=details.substrin...原创 2020-03-11 16:38:22 · 1799 阅读 · 0 评论 -
微信小程序----全局变量
例如:在微信小程序开发中使用高德地图的微信小程序开发,其中key值就需要在多个页面使用; 在微信小程序开发电商平台时同样,比如客服电话,就需要在多个页面使用。如何定义全局变量方法一:用APP定义全局变量app.js// 引入高德地图jsconst amap = require('./src/js/amap-wx.js');// 引入接口jsconst urlList =...原创 2020-03-10 14:13:36 · 392 阅读 · 0 评论 -
小程序开发组件(封装)
在根组件的component下边建立一个目录index,在index下新建一个component取名为index。如果需要全局引用的话,就在app.json下引入{ "usingComponents": { "index": "/component/index/index", }}也可以在每个页面单独引用。使用:<view class='header...原创 2020-03-10 09:19:19 · 209 阅读 · 0 评论 -
微信小程序面试题
小程序的开发流程注册微信小程序账号获取微信小程序的 AppID下载微信小程序开发者工具创建demo项目去微信公众平台配置域名手机预览代码上传提交审核小程序发布1.简单描述下微信小程序的相关文件类型(1)WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。内部主要是微信自己定...原创 2019-12-24 09:33:08 · 357 阅读 · 0 评论 -
fullpage
1、引入插件文件<link rel="stylesheet" href="http://cdn.dowebok.com/77/css/jquery.fullPage.css"><script src="http://cdn.staticfile.org/jquery/1.8.3/jquery.min.js"></script><script src=...原创 2019-07-26 16:47:07 · 233 阅读 · 0 评论 -
Es6-promise用法小结
.什么是PromisePromise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。Promise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,...原创 2019-07-25 19:40:19 · 209 阅读 · 0 评论 -
小程序组件--表单组件
(1)button按钮组件open-type 微信开放能力属性值----contact客服会话open-type 微信开放能力属性值—share转发转发注意事项:按需出现、尊重意愿open-type 微信开放能力属性值—getPhoneNumber获取用户手机号注意:该接口目前只针对非个人开发者,且完成了认证的小程序开放。open-type 微信开放能力属性值—getUse...原创 2019-07-23 19:57:53 · 343 阅读 · 0 评论 -
小程序组件--基础内容组件
(1)icon图标组件组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)(2)progress进度条组件(3)text文本组件(4)拓展:富文本编辑器(见下一个博客)(5)rich-text 富文本组件nodes属性现支持两种节点,通过type来区分,分别是元素节点和文本节点,默认是元素节点,在富文本区域里显示的HTML节点 元素节点:type =...原创 2019-07-23 19:45:43 · 158 阅读 · 0 评论 -
小程序组件--视图容器组件
(1)view视图容器 ①hover-class 这个属性后面接string,string是一个类名,在这个组件被点击的时候,加上string这个类,相当于PC端的鼠标移动上去的效果 ②hover-stop-propagation 布尔类型值,用于阻止hover-class的冒泡行为 ③hover-start-time 点击view之后,string延迟多少毫秒出现 ④hover-s...原创 2019-07-23 19:36:02 · 415 阅读 · 0 评论