微信小程序
CodingForAndroid
这个作者很懒,什么都没留下…
展开
-
小程序输出console
let requestUrl console.log(`Set-Cookie值为: ${res.header['Set-Cookie']}`);原创 2020-09-11 10:45:14 · 3499 阅读 · 0 评论 -
微信小程序传参的参数中有问号 识别不了“?”(问号)后面的内容
在传值页面使用encodeURIComponent ,进行值的加密var planDetail = encodeURIComponent(e.currentTarget.dataset.text.planDetail); wx.navigateTo({ url: '/pages/index/detail/detail?name=' + name + '&planDetail=' + planDetail, })在接受值的页面使用decodeURIComponent,原创 2020-08-28 16:06:23 · 2754 阅读 · 0 评论 -
微信小程序详解wx:if elif else的用法(搭配view、block)
1、搭配view<view wx:if="{{boolean==true}}"> <view class="bg_black"></view></view><view wx:elif="{{boolean==false}}"> <view class="bg_red"></view></view><view wx:else> <view class="bg_re原创 2020-08-28 16:02:33 · 21280 阅读 · 0 评论 -
微信小程序 不在以下 request 合法域名列表中
小程序中的api调用失败https://xxx.com 不在以下 request 合法域名列表中,请参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html原创 2020-08-28 10:15:32 · 1097 阅读 · 0 评论 -
微信小程序自适应性的自定义导航栏开发
自定义 customNavBarHeightlet res = wx.getSystemInfoSync();let customNavBarHeight = res.statusBarHeight + res.screenWidth * 88 / 750; // 记得转换页面正文高度 pageContantHeightlet model = res.model;let isPhomeX = model.indexOf('iPhone X') > -1 || model.indexOf('原创 2020-08-27 16:12:38 · 550 阅读 · 0 评论 -
微信小程序导航栏滑动透明度变化
json 中配置:{ "navigationStyle":"custom", "navigationBarTextStyle":"black"}wxml 中<!-- 自定义状态栏 --><view class="custom-bar-background" style="opacity:{{navOpacity}};padding-top:{{statusBarHeight}}px"></view><view class="custom" s原创 2020-08-27 15:22:21 · 2625 阅读 · 1 评论 -
微信小程序富文本插件 Parser
https://jin-yufeng.github.io/Parser/#/https://github.com/jin-yufeng/Parser原创 2020-08-27 15:23:12 · 1870 阅读 · 0 评论 -
微信小程序 路由介绍
https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.switchTab.htmlwx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面示例代码{ "tabBar": { "list": [{ "pagePath": "index", "text": "首页" },{ "pagePath": "other",原创 2020-08-25 17:31:33 · 639 阅读 · 0 评论 -
微信小程序Text限定行数
前言 :今天做小程序,正好需要实现text最多显示两行,多出就省略号的情况。.cate-item .item .name { flex: 1; margin-left: 12px; margin-right: 30px; font-size: 30rpx; color: #333; font-weight: bold; text-align: left; /* 定义为自适应布局 */ display: -webkit-box; /* 超出部分转载 2020-08-25 15:20:24 · 2661 阅读 · 0 评论 -
微信小程序 Image 图片实现宽度100%,高度自适应
做法如下:样式设置宽度100%,.img{ width: 100%;}添加属性 mode=“widthFix”,<image class="img" src="../../images/hello.png" mode="widthFix">即可实现!点击链接加入群聊【编程之美】:https://jq.qq.com/?_wv=1027&k=h75BfFCg...原创 2020-08-20 15:23:28 · 2441 阅读 · 0 评论 -
微信小程序width100%时padding或者border后导致超出边距的解决方案
更多参考 从box-sizing:border-box属性入手,来了解盒模型加入box-sizing:border-box;属性即可解决,所有元素的内边距和边框不再会增加它的宽度。{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}一、回顾基础(1)框属性的基本规范:文档的每个元素被构造成文档布局内的一个矩形框,框每层的大小都可以使用一些特定的CSS属性调整。相关属性如下原创 2020-08-19 15:00:32 · 6078 阅读 · 0 评论 -
小程序中e.target与e.currentTarget区别详解
在小程序中,e.target与e.currentTarget是非常重要的,尤其是涉及到页面传值时!本节只说两者的区别,关于传值下一节再详细讲解>https://blog.csdn.net/Syleapn/article/details/81290133#comments~下面开始正文啦!!先来大概梳理下逻辑,以便引申与更一步了解target与curentTarget。在小程序中,事件分为2种,冒泡与非冒泡。这不是重点!由于是要理清e.target和e.currentTarget的区别,所以下面转载 2020-08-14 19:34:40 · 758 阅读 · 0 评论 -
微信小程序事件对象中e.target和e.currentTarget的区别
官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息,如 id, dataset, touches。在小程序的事件回调触发时,会接收一个事件对象,事件对象的参数中包含一个target和currentT原创 2020-08-14 17:18:53 · 2007 阅读 · 0 评论 -
微信小程序 bindtap与catchtap的区别
1、什么是事件(1) 事件是视图层到逻辑层的通讯方式。(2) 事件可以将用户的行为反馈到逻辑层进行处理。(3) 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。(4) 事件对象可以携带额外信息,如 id,dataset,touches2、如何使用事件(1) 简单来说就是将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。(2) 函数tapName会接受一个参数event,event里面存储了一些函数调用的上下转载 2020-08-11 15:05:59 · 998 阅读 · 0 评论