小程序
小幸运1112
这个作者很懒,什么都没留下…
展开
-
JS基本结构
// pages/login/login.js Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function ...转载 2020-03-04 10:38:23 · 967 阅读 · 0 评论 -
swiper组件
wxml: <view class=''> <swiper class='movie-swiper' indicator-dots='{{true}}' > <swiper-item class='movie' wx:for="{{weeklyMovieList}}"> <view class='container movie-card'> ...原创 2020-03-03 12:03:44 · 236 阅读 · 1 评论 -
列表渲染
wxml: <view class=""> <view class='movie' wx:for="{{weeklyMovieList}}"> <image class="movie-image" src='{{item.imagePath}}'></image> <view class='movie-details'> ...原创 2020-03-03 11:12:51 · 65 阅读 · 0 评论 -
条件渲染
条件渲染-条件成立时组件才能渲染 wx:if wx:if vs hidden 需求:博主强烈推荐的电影,显示出红色标记。 <view class="container"> <text>本周推荐</text> <image class="about-banner" src="{{thisWeekMovie.imagePath}}"> </im...原创 2020-03-03 10:07:18 · 65 阅读 · 0 评论 -
小程序运行环境与基本架构
每个小程序都是运行在所在的微信客户端上的,通过微信客户端给他提供的运行环境,小程序可以直接获取微信客户端的原生体验和原生能力,比如获取手机上的照片和地理位置 wxml视图层和js逻辑层是俩个不同的进程,about和weekly页都内置了一个webviewId的内部状态变量,来记录他们各自是在几号webview进程中进行渲染的。 这俩个层是基于数据绑定和事件机制进行通讯的 ...原创 2020-03-03 09:28:52 · 1141 阅读 · 0 评论 -
数据绑定
一般会在页面加载的过程中,通过ajax调用请求server返回数据 应该有一种机制能够让视图中的每一部分与对应的数据做一个映射 在小程序中,每个页面所需要的各种数据都是集中在这个页面所注册的页面对象中定义的 wxml: <view class="container"> <text>本周推荐</text> <image class="about-...原创 2020-03-03 09:12:16 · 90 阅读 · 0 评论 -
响应式长度单位rpx
如何让元素大小适配不同宽度屏幕? <image class="about-banner" src="/images/美少女.jpg"></image> <text style="font-weight:bold;font-size:60rpx">电影周周看</text> .about-banner{ width:375rpx; height...原创 2020-03-02 20:38:34 · 255 阅读 · 0 评论