07 2020 档案

摘要：双重wx:for列表渲染的应用 && inline-block样式的应用 案例描述 ：编写一个小程序，综合运用wx:if条件渲染和 wx:for列表渲染在视图层打印一个九九乘法表。 <!--index.wxml--> <view class='con'> <view wx:for="{{[1,2,3 阅读全文

摘要：利用wx:for对数组、对象和字符串进行列表渲染&&利用wx:for-index和wx:for-item修改数组默认下标index和默认数组元素item&&在block标签中使用wx:for对多节点结构块进行列表渲染 <!--index.wxml--> <view style='margin:20p 阅读全文

摘要：综合运用input组件和多级条件渲染wx:if实现成绩等级的判断 <!--index.wxml--> <view class='box'> <view class='title'>成绩等级计算器</view> <view>请输入你的考试成绩</view> <input bindblur='score 阅读全文

摘要：使用 wx:if=“{{condition}}” 来判断是否需要渲染代码块 使用<block/>将多个组件包装起来，并在上边使用 wx:if 控制属性 <!--pages/index/index.wxml--> <view style='margin:20px;text-align:center;' 阅读全文

摘要：访问不同JS文件中定义的变量和函数 <!--pages/index/index.wxml--> <view class='box'> <view class='title'> 变量模块化示例 </view> <view>全局变量：{{msg1}} </view> <view>全局函数：{{msg2} 阅读全文

摘要：1、小程序数据绑定和事件绑定 <!--pages/index/index.wxml--> <view class='box'> <view class='title'>数据绑定示例</view> <view>算术运算绑定：{{a}}+{{b}}+{{c}}={{a+b+c}}</view> <vie 阅读全文

摘要：app.js文件中App函数里的生命周期函数决定了小程序整体的执行顺序 app函数的参数是个对象 //app.jsApp({onLaunch: function() { //小程序初始化函数console.log('app.js--onLaunch--小程序初始化') //在console面板中显示 阅读全文

摘要：小程序的基本架构 全局配置 利用app.json 文件对小程序进行全局配置 app.json文件属性 Pages配置 pages用于指定小程序由哪些页面组成，每一项 都对应一个页面的路径（含文件名）信息。文件名 不需要写文件后缀，框架会自动去寻找对应位置 的 .json, .js, .wxml, . 阅读全文

摘要：一、条件语句和数学函数的使用 案例： y=|x| (x<0) y=e的x次方*sinx （0<=x<10） y=x的3次方 （10<=x<20） y=(3+2*x)lnx (x>=20) <!--index.wxml--> <view class='box'> <view class="title" 阅读全文

摘要：一、案例：摄氏温度转华氏温度 F=(9/5)*C+32 <!--index.wxml--> <view class='box'> <view class="title">摄氏温度转华氏温度</view> <view> <input placeholder="请输入摄氏温度" type="digit" 阅读全文

摘要：Float页面布局 使用float和clear属性进行布局，利用margin属性实现块元素（组件）水平居中对齐 float属性 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 Float属性的合法值 clear属性 清除浮动。 clear属性的合法值 利用margin 阅读全文

摘要：一、导航与布局 <!--index.wxml--> <view class="box"> <view class="title">框架案例</view> <navigator url="HelloWechat/index"> <view class="waikuang"> <icon type="s 阅读全文

摘要：一、盒模型 /**index.wxss**/ .boxModel01 { width: 80%;/* 宽度80% */ height: 100px;/* 高度100个像素 */ ">yellow;/* 背景颜色黄色 */ border: 3px dashed #f00;/*边框 虚线 红色*/ pa 阅读全文