![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
陈年巷道
欢迎大家来交流!
展开
-
微信小程序开发Day6——定时器的应用
定时器贪吃蛇在移动的过程中,不仅要知道移动的方向,还要知道移动的速度,这时就牵扯的今天提到的定时器。定时器:js中提供定时器,我们可以使用它来执行延时执行某一段代码。-比如我们在snake.js中添加以下代码onLoad:function (options){ var time="aaaaa" var result="" var i=0; var int...原创 2020-02-19 22:24:52 · 423 阅读 · 0 评论 -
微信小程序开发Day5——数据绑定+条件渲染+列表渲染
一维数组和二维数组的差别:比如,二维数组arry[m][n],此时m——二维数组中有多少个一维数组n——一维数组中有多少个元素相同的是下标都是从0开始的。初始化操场在制作过程中,贪吃蛇和食物出现的位置叫做操场,而游戏一开始这些东西就得用,因此我们做的第一件事就是操场的初始化。初始化操场的过程,实际上是把操场改写成行和列的二维数组。定义一个数组表示操场ground:[],,在初...原创 2020-02-18 11:35:26 · 490 阅读 · 0 评论 -
小程序开发Day4——移动方向之上下左右滑动
贪吃蛇的移动方向——上下左右滑动坐标系:我们想要移动小蛇,触摸屏幕定位,都是基于坐标来完成。微信小程序里的坐标系和我们平常所接触学习的坐标系,略有不同。A(小程序坐标系):以整个块元素的左上角为中心,向下,向右延伸。B(日常坐标系):以X,Y,5交点为原点。此时,向上滑动,y1<y2;向上滑动,x1>x2。三目运算符if else语句是非常常见的语句,但如...原创 2020-02-17 21:51:48 · 803 阅读 · 0 评论 -
小程序开发Day3——CSS盒模型
标签在微信开发者工具中,我们创建一个文件夹,就会自动生成四个文件,js,json,wxml,wxss。在wxml中,wxml类似于我们web开发时的html,我们可以在原始代码中看到标签<view><text>,这是wxml里最常用的两种标签,两者功能基本相似但也有不同。<view>:是一个块元素,独占一行,不同的标签会换行。宽高都是可以变的。<...原创 2020-02-16 18:26:24 · 506 阅读 · 1 评论 -
小程序开发Day2——响应数据绑定+默认基础格式
响应数据绑定整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。WXML中写:{{}},双大括号括起来的是变量。button按钮绑定了一个触发事件。JS中写:此部分可以在官方的文档中查看。下面做以下解释:•开发者通过框架将逻辑层数据中的 name 与视图层的 name 进行了绑定,所以在页面一打开的时候会显示 Hello WeChat!;•...原创 2020-02-15 20:12:15 · 238 阅读 · 0 评论