照片抠图软件-小程序基础开发(二)

2021-04-16 14:42 jianzhan
--------

照片抠图软件

------- 数据信息关联

.js

Page({ /** * 网页页面的原始数据信息 */ data: { msg:"hello mina", num:10000, isGirl:false, person:{ age:78, height:188, weight:166, name:"美丽动人软" }, isChecked:false },})

.wxml

 !-- 1 标识符串 -- view {{msg}} /view !-- 2 数据种类 -- view {{num}} /view !-- 3 布尔运算种类 -- view 是不是是伪娘:{{isGirl}} /view !-- 4 object种类 -- view {{person.age}} /view view {{person.height}} /view view {{person.weight}} /view view {{person.name}} /view !-- 5 在标识的特性中应用 -- view data-num="{{num}}" 自定特性 /view !-- 6 应用bool种类当做特性 checked 1、标识符串和花括号之间一定不要存在空格 不然会致使鉴别不成功-- checkbox checked="{{isChecked}}" /checkbox 
运算

.wxml

 !-- 运算 表述式 1、数据的加减 2、标识符串拼接 3、三元表述式-- view {{1+1}} /view view {{'1'+'1'}} /view view {{ 10%2===0 ? '偶数' : '单数' }} /view 

目录3D渲染数字能量数组循环系统
 !-- 数字能量数组循环系统 
 1、wx:for="{{数字能量数组或目标}}" wx:for-item="循环系统项的名字" wx:for-index="循环系统项的数据库索引"
 2、wx:key="唯一的值" 用来提升目录3D渲染的特性
 1、关联一个一般标识符串时,这个标识符串名字毫无疑问是循环系统数字能量数组中目标的唯一特性
 2、wx:key="*this" 表明数字能量数组是一个一般数字能量数组 *this表明是循环系统项
 [1,222,322,45]
 ["1","adx","aaa3","aeerr"]
 3、当出現数字能量数组的嵌套循环循环系统的情况下 要留意以下关联的名字不要重名
 wx:for-item="item" wx:for-index="index"
 4、仅有一层循环系统(wx:for-item="item" wx:for-index="index") 能够省略,小程序会默认设置设定成item和index
 view 
 view 数字能量数组循环系统 /view 
 view 
 wx:for="{{list}}" 
 wx:for-item="item" 
 wx:for-index="index"
 wx:key="id"
 数据库索引:{{index}}
 值:{{item.name}}
 /view 
 /view 
Page({
 * 网页页面的原始数据信息
 data: {
 list:[
 id:0,
 name:"路飞"
 id:1,
 name:"乔巴"
 id:2,
 name:"索隆"
})

目标循环系统
 !-- 目标循环系统
 1、wx:for="{{目标}}" wx:for-item="目标的值" wx:for-index="目标的特性"
 2、循环系统目标时,最好变更 item 和 index 的名字
 wx:for-item="value" wx:for-index="key"
 view 
 view 目标循环系统 /view 
 view 
 wx:for="{{person}}"
 wx:for-item="value" 
 wx:for-index="key"
 wx:key="age" 
 特性:{{key}}
 值:{{value}}
 /view 
 /view 
Page({
 * 网页页面的原始数据信息
 data: {
 person:{
 age:78,
 height:188,
 weight:166,
 name:"美丽动人软"
})

block标识
 block
 wx:for="{{list}}" 
 wx:for-item="item" 
 wx:for-index="index"
 wx:key="id"
 数据库索引:{{index}}
 值:{{item.name}}
 /block 

标准3D渲染wx:if
 !--
 1、wx:if="{{true/false}}" 
 2、if,else,if else
 wx:if
 wx:elif
 wx:else
 view 
 view wx:if /view 
 view wx:if="{{true}}" 显示信息 /view 
 view wx:if="{{false}}" 掩藏 /view 
 view wx:if="{{false}}" aaa /view 
 view wx:elif="{{false}}" bbb /view 
 view c /view 
 /view 

hidden
 !-- 
 hidden
 1、在标识上立即添加特性hidden
 2、hidden="{{true}}"
 view 
 view ----------------------- /view 
 view hidden /view 
 view hidden hidden /view 
 view hidden="{{true}}" hidden /view 
 view hidden="{{false}}" hidden /view 
 /view 

场景怎样挑选?

1、当标识并不是经常的切换显示信息,优先选择应用wx:if
wx:if:立即将标识从网页页面构造中移除
2、当标识经常的切换显示信息的情况下,优先选择应用hidden
hidden:根据加上款式的方法来切换显示信息(display:none;)
因而hidden特性不要和display一起应用

---------

照片抠图软件

------------