缓月

上个月组里分享的一个东西，记录在博客里吧：参考链接：https://juejin.cn/post/7031826512126935076https://github.com/NervJS/taro/discussions/9639—————————————————————————————————————————————————————————————Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 /

写小程序遇到的坑坑1：微信开发者工具上可以显示小程序的图片，扫码在手机端调试却不显示主要是因为图片命名的问题，一开始用的中文，后来改成了英文，就可以正常显示了。但是，设置头像命名的时候我用的head portrait，手机端图片就又不显示了。一脸懵逼，后来查了别人的博客，原来还不能用空格的。后来手机端就可以显示美美的小程序啦。开心开心，折腾折腾终于从坑里逃出来啦...

flex即是flexible box弹性盒子，有两个基本概念：flax container（弹性容器）和flex item（容器下的子元素）行内元素display:inline; 如果把下面这一段代码设置在小程序的wxss中，发现会是没有作用的，这是因为行内元素是不可以设置宽高的。**如果像是行内元素又想设置宽高的话，需要设置display：inline-block**这样就可以让元素在同...

icon图标右上角排列问题

  像很多APP，下载完毕开始使用的时候都会有一个至少三个页面启动页面，我就想小程序是不是也可以实现这种效果，但是通过搜索我好像并没有找到类似的解决办法。  我后来看到轮播图，突发灵感想到一个办法：利用swiper组件做成三个全屏页面轮播，最后一个页面设置一个“点击进入”的button进行小程序授权登录。  这样既解决了启动页面要求只出现一次的问题，还不用再另外设置授权登录。粘贴代码如下...

  这几天写小程序发现一个问题，用了这样一段代码"navigationStyle": "custom"去掉导航栏之后，小程序居然没有返回的那个小尖角了。  查阅了官方文档，好像没有找到相关问题解决方案。我就自己利用icon写了一个返回键。如下图：wxml代码如下： <view class='partone'> <image class='content-ima...

刚刚在写收藏界面的搜索框时，发现利用flex布局里面的justify-content: center;怎么也不能做到居中的效果。好一阵郁闷。后来利用margin：0 auto；顺利解决。效果图如下：view代码： <view class='search'> <input type='text' placeholder='输入你想查找的内容' confirm-t...

  最近在写一个小程序，前后端分离的方式，在与后端的对接中发现了许多问题，正好又看到微信里面一篇文章，感觉要深入思考一下，改变一下自己。  可能是因为第一次写项目，首先是沟通。前后端的思维方式有时候有很大不同。作为前端，我可能更多的会考虑页面实现的美观度，页面交互之间的流畅性；后台好像考虑数据库多一点。  然后是接口文档在哪个阶段开发出来。我先写的静态页面，但是后台很快把后端模块写完，就出现了...

  想要在小程序里面做出来个人相册的效果。效果图如下：  一天中的许多照片用到了一个循环。而各个不同的日期内的内容就会又用到一个循环。但是写好多层循环之后，发现页面并不显示应该出现的效果。仔细检查发现，最里面的一层循环item.加的位置错误应该加在block里面wx：for设置的{{}}里面。但是自己却加在了block下面的子文件里面。wxml代码如下：<view class='c...

  这个获取让我纠结好一阵，小程序官方模板里面是点击一个button事件然后用户授权登录后获取的，我想要的效果是没有那个button获取。  后来查到一个方法：wxml代码：<!-- 获取用户的姓名和头像 --> <view> <image class="userhead" src='{{userInfo.avatarUrl}}'>&l...

wxml部分：<!--pages/classroom/classroom.wxml--><span>日期：</span><view class='list-msg'> <!-- 下拉周列表 --> <view class='list-msg2' bindtap='bindShowMsg'> <tex...

效果图如下：wxml部分：<form bindsubmit="search"> <!--获得周查询的值--> <view class="section"> <view class="date">日期选择：</view> <picker mode="multiSelector" bindchange=...