随笔分类 - 小程序
1
摘要：假设小程序的个人中心页面，如果不登录就获取不到相关信息，而为了获取用户信息则又要单独新增一个页面，又有一些得不偿失，如果读者家的产品愿意的话，这时候读者就可以考虑下笔者这篇文章讲的内容 前提： 强烈推荐使用flex布局方式，float实在遭嫌 基本结构 <view class="con"> <vie
阅读全文
摘要：问题1： 如图：当用户登录时点击拒绝授权手机号登录，但事实跳转登录 原因： 在getphonenumber函数内没有根据用户点击状态进行判断 问题2： 根据用户点击拒绝时的回显信息判断用户点击了拒绝授权 但依旧登录 e.detail.errMsg == “getPhoneNumber:fail us
阅读全文
摘要：详情请看(这里)[https://blog.csdn.net/weixin_43647163/article/details/105648876?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnP
阅读全文
摘要：在flex布局下，不可直接将padding值如同margin一样设置： 👇这是不正确的写法 .box{ box-sizing: border-box; padding: 0 40rpx; margin: 0 auto; } 解读：开发者本意是想将box左右居中显示，但是这样会导致box右边无法居中
阅读全文
摘要：假设在页面中使用了别人家的组件，或者是同事写的组件(总之是不熟悉的组件)，假设要根据需求更改样式，则需要使用/deep/的方式来达成目的。 //.content:别人家的组件里的class //如果仅仅deep无效，则可能是优先级不够的原因，此时尝试在单个样式后补important的方法达成目的 /
阅读全文
摘要：.aboutFont { text-indent: 60rpx;//首行缩进 font-size: 28rpx; font-weight: 400; color: rgba(51, 51, 51, 1); line-height: 50rpx; text-align:justify;//第一步 te
阅读全文
摘要：image标签 有默认宽高 320 × 240 mode属性决定图片的显示方式和宽高适配 scaleToFill:默认；不缩放直接拉伸至满image元素 aspectFit:保持纵横比，确保长边被显示，常用于于轮播图 widthFix:保持纵横比，高度根据宽度等比例拉伸，用于平常页面 lazi lo
阅读全文
摘要：引导读者从最基础的小程序网络请求封装到网络请求封装的最优解 在使用原生小程序网络api时，有以下两个缺点： 多个页面往往代表发送多个网络请求，这样对服务器的压力过大 -> 降压 基于原因1，防止未来微信官方废弃了wx.request这个api而换了另外一个api时造成的重复操作 ->降低依赖,防止重
阅读全文
摘要：vsc插件市场里有许多基于微信小程序的词法提示插件，但都是面向wxml和wxss的，笔者在使用wx.api时没有找到支持api词法提示的插件(也可能是笔者不太会配置)，几经波折终于找到了一个还算不错的插件 1. 安装 注：小程序需要勾选支持npm模块 命令行下cd到小程序项目下，执行以下命令 2.
阅读全文
摘要：如题目： 这个是小程序开发者工具的bug，如果有该问题，尝试以下操作： 此时会报错：未找到 app.json 中的定义的 pages "pages/category/index" 对应的 WXML 文件的解决方案 先剪切category以下所有path，然后保存运行： 2.保存 3.如果第二部没有报
阅读全文
摘要：今日回顾了下微信小程序的登陆流程，做个总结 微信小程序登陆流程中一共有三个角色： 小程序客户端 =》 小程序前端开发者 MiNiProgram 服务器端 =》 小程序后台服务器开发者 Developer Service 微信服务器 =》 Wechat Http Api 流程详解： 1. 前端通过调用
阅读全文
摘要：前端使用input 来写radio,小程序使用radio标签 也可以使用<radio />单标签 1.自定义radio样式、 wx默认的是真的丑 /* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width: 32rpx; height: 32rpx; bo
阅读全文
摘要：/* 去除button默认样式 */ button::after { border: none; } button { background-color: transparent; padding-left: 0; padding-right: 0; line-height:inherit; } b
阅读全文
摘要：基本逻辑： 1.给每个view自定义dataIndex属性，从0开始 2.自定义一个名为selected的class，作为被选中后的样式 3.在wx.js中给viewId属性赋为0，用于默认显示。 4.给每个view添加一个点击事件select，在点击某个view时 将dataIndex变成这个vi
阅读全文
摘要：在小程序中的this 由于没有window对象，往往需要使用在外部定义 that = this来重定向this，今天看了下es6文档，好像可以使用箭头函数来替代this 使用箭头函数 以上。
阅读全文
摘要：在看本篇以前，期待读者先了解js的document.querySelector 方法，在此不做赘述。 由于微信官方禁止小程序操作dom元素，因而无法像前端一样操作小程序DOM，好在官方提供了API ， 这个api叫做 wx.createSelectorQuery(), 官方定义：返回一个 Selec
阅读全文
摘要：上午想偷个懒，没想到下午就遇到多行文本溢出问题了。。。 在父级上添加属性： overflow:hidden; 然后在文本容器上添加： display: -webkit-box; -webkit-line-clamp: 2;//这个是允许显示的行数 -webkit-box-orient: vertic
阅读全文
摘要：今天在做小程序时，商品名由于输入太多而导致了溢出换行，记个笔记 小程序方面用的相当多的就是flex布局方式，但是之前的溢出隐藏方式对于flex布局似乎不太生效，接下来介绍思路： 1.在文本的父元素上加属性： overflow：hidden; 2.给该文本元素加属性： overflow: hidden
阅读全文
摘要：hover:class ：定义容器在被触发时的样式 通常无用，但若不去除则影响用户体验； 为避免被覆盖，约定在wxss底部添加class,比如： <!-- wxml --> <navigator class="index-nav_box" hover-class="noshadow"> <image
阅读全文
摘要：在小程序中，通常使用flex布局方式作为基本布局。 一：认识小程序vxml标签 小程序的标签与web的标签相差不太多，下面列出几个常用的与html的区别： 1. view & div view ≈ div，事实上，view在小程序中的应用跟div在html中的应用是一样的。他们的相同点都是 块级容器
阅读全文
1
