2117人加入学习
(16人评价)
微信小程序-贪吃蛇

制作完成于2019-10-01,基于微信开发者工具 1.02.1909292

价格 免费

标签:view,modal

view标签:块元素

text标签:行元素

单位:普通开发px

           微信小程序开发rpx

换算:1rpx=0.5px

 

[展开全文]

标签:view,model

view:块元素

text:行元素

 

[展开全文]

computeDir(x, y) { if (Math.abs(x) > Math.abs(y)) return x > 0 ? 'right' : 'left'; else return y > 0 ? 'bottom' : 'top'; }, const direction = this.computeDir(x, y);

[展开全文]

setdata后操场才会显示,这是为什么??

[展开全文]

appwsssapp.json对小程序的全局配置

删除logs文件再删除utils中app.json中第三行的logs代码,删除相关文件夹时要把其相关语言删除干净

pages指定由哪些页面组成,其下的文件夹不需要写文件后缀,其会自动去寻找对应位置的.json  .js  .wxml  .wxss

window 窗口表现,设置小程序的状态栏,导航条、标题、窗口背景色

 

[展开全文]

push()//尾部添加              pop()//尾部删除

unshift()//头部添加           shift()//头部删除

[展开全文]

声名变量需要把变量用双大好{{变量"A"}}

[展开全文]
<view wx:for="{{books}}">
<text>{{item.name}}</text>
<text>{{item.author}}</text>
<text>{{item.num}}</text>
</view>
 
     books:[{
      name:"三国演义",
      author:"ooo",
      num:"01",
     },
       {
         name: "红楼梦",
         author: "lll",
         num: "02",
       },
       {
         name:"西游记",
         author:"mmmm",
         num:"03",
       }
     ]
  },
 
 
[展开全文]

列表渲染

<view wx:for="{{book}}">{{item}}</view>
 
 
 
 
<view class="yangshi">
<view wx:for="{{book}}" class="yangshi"  >{{item}}</view>
</view>

 

 
data: {
     isShow:true,
     book:["三国演义","红楼梦","西游记"]
  },
[展开全文]

条件渲染:wx:if={{false}}或者wx:if={{0}}

例:

<view wx:if="{{true}}">我们这门学的课是贪吃蛇</view>
[展开全文]

开发步骤:

需求分析-页面原型

[展开全文]

App.js:公共属性和方法

Project.config.json

 

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(77)

学员动态