四时宝库

程序员的知识宝库

给你代码:小程序登录获取用户基本信息流程优化

记得第一次打开微信开发者工具,新建一个小程序项目,导入默认模板运行后,出现了关于“小程序与小游戏获取用户信息接口调整,请开发者注意升级”的警告信息,一脸懵逼的点着链接过去,发现这个改动已经在猩球掀起了一场腥风血雨(链接就不上了,免得条哥又说我打广告),大概意思是wx.getUserInfo这个底层接口将无法获取用户基本开放信息,造成上线的众多小程序授权登录工作不正常,程序猿怨声载道,但又无可奈何,附上最具代表性的动图:

微信小程序实现购物车页面(续二)(小程序购物车的实现)

1.2 集成WXStepper

1.2.1 复制组件内容

将stepper.wxss的内容复制到cart.wxss中

将stepper.wxml的内容复制到cart.wxml中

与之前的单一组件不同的是:这里要定义数组minusStatuses来与每一个加减按钮相应。当然,合并入carts也是没问题的。

技术分享:微信小程序制作简单留言板

本案例主要应用事件绑定(bindTap)、本地缓存的保存(setStorage)与获取(getStorage),实现留言板的添加留言、删除留言、添加留言后自动保存、刷新后自动读取留言等功能。

案例效果如下:

制作步骤如下:

微信小程序抖音实战-支持手机播放小视频

上一篇抖音播放小视频文章发出来后很多的粉丝纷纷留言问为什么手机不能用呀!

小编也是试了诸多方法,最后把经验总结出来给大家做了一个改进的例子

首先看下效果图

预览效果截图

点击后播放截图

小程序上拉到底部分页加载更多内容功能特效



以下基本框架

<scroll-view class='container' scroll-y="true" scroll-x="false" bindscrolltolower="onScrollLower">
<view class="weui-search-bar">
            <view class="weui-search-bar__form">
            <!-- 搜索框 -->
                <view class="weui-search-bar__box">
                    <icon class="weui-icon-search_in-box" type="search" size="14"></icon>
                    <input type="text" class="weui-search-bar__input" value="{{keys}}" bindinput="bindKeyInput" placeholder="请输入搜索内容" />
                </view>
            </view>
            <!-- 搜索按钮,调用搜索查询方法 -->
            <view class="weui-search-bar__cancel-btn" bindtap='search'>{{cancelValue}}</view>
        </view>
<view class="goodsList carts-list">
	<view  wx:for="{{article}}" wx:key="objectId" class="carts-item" data-object-id="{{item.id}}" bindtap="tapGoods">
			<!-- 缩略图 -->
			<image class="carts-image" mode='widthFix' src="{{imgurl}}{{item.img}}" />
		<view class="carts-text">
			<!-- 商品标题 -->
		<text class="carts-title">{{item.title}}</text>
			<view class="carts-subtitle">
				<text class="goods-score">{{item.intro}}</text> 
			</view>
		</view>
	</view>
</view>

<view wx:if="{{pageEnd==true}}" class='scrollEnd'>已显示所有数据...</view>
</scroll-view>

小程序开发入门教程(小程序开发入门教程pdf)

数据绑定

微信小程序页面渲染时,框架会将WXML文件同对应的Page的data进行绑定,在页面中我们可以直接使用data的属性,其使用的语法是Mustache语法,也就是使用双大括号将变量或简单的运算规则包裹起来,实现的主要渲染方式有以下几种:

3D铝型材铝架模型设计小程序插件(铝型材架子怎么拼装)

铝型材铝架3D模型是采用Three引擎开发的一款专门用于铝型材铝架搭建的一款工具,适用于小程序。

带你撸一个小程序前置授权组件(小程序调用前置摄像头)

因业务上的需求,需要在某些点击区域上增加这样一层逻辑:如果该用户没有授权基本信息 / 手机号,在点击该区域时,先弹出微信的授权弹窗,授权成功后再进行下一步的业务操作。

其中用到了weapp-event 传送门

本案例

「前端骚操作」下载与上传,正经绅士小程序《动漫图片分享》

下载与上传

本小程序本着公开的态度,开放了上传渠道,如果有不法图片,考虑关闭渠道。

下载与上传包括之前的请求,都是需要在后台配置好服务器地址的,这里不详说。

这是系列篇,其他在之前文章里面。


整体效果

上传选择图片这里因为是模拟器,所以截图没有,手机有实际效果。

这些小程序技巧,你敢说你一个用不到?

都是小技巧,废话不多说,上代码!

改变小程序原生组件大小

微信官方提供了一些基本组件,但是有的组件没有提供类似size的属性,我们只需要一个css就可以解决,以radio为例:

小程序picker组件的range-key不生效

小程序picker使用过程中发现按官方文档写完,提示列表渲染为[Object Object],先看文档:

<< < 1 2 3 4 5 6 7 8 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接