04 2021 档案

摘要:动画场景: 让一个圆形图框让它转动起来。当然如果单纯这样做很简单,声明一个keyframe,控制transform: rotate(deg)属性从0到360度变化。然后在animation中使用这个keyframe就可以了。 在这个基础上再要求: 增加动画的暂停和重新播放功能。 这样的话又该如何实现 阅读全文
posted @ 2021-04-30 14:45 ZerlinM 阅读(1459) 评论(0) 推荐(0)
摘要:方法一: table实现(不推荐) 设置html,body,table宽高为100%; 缺点:如果td中的内容超出了,那么格子大小就会改变。 方法二: flex布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2021-04-26 18:00 ZerlinM 阅读(346) 评论(0) 推荐(0)
摘要:工作中我们经常需要判断某个变量/属性是否为undefined。通常有两种写法: // 方式1 typeof age 'undefined'; // 方式2 age undefined 这两种写法有什么区别吗? 应该使用哪一种呢?看看下面的例子 typeof age 'undefined'; // t 阅读全文
posted @ 2021-04-26 15:07 ZerlinM 阅读(639) 评论(0) 推荐(0)
摘要:遇到的问题: (暂时不知道为什么会出现这个问题) 页面中的顶部导航条,使用了固定定位(fixed),背景色为线性渐变(颜色使用rgb),这时元素底部出现一条黑边, 解决方法:把线性渐变的颜色设置为rgba()。 background: linear-gradient(top, rgba(255, 1 阅读全文
posted @ 2021-04-26 14:57 ZerlinM 阅读(171) 评论(0) 推荐(0)
摘要:在编写事件函数时可以传入一个event参数,event参数可以使用一个target属性如event.target用以调用,其作用是指向返回事件的目标节点(触发该事件的节点),这与this是有区别的。 在js中事件属性是会冒泡的,所以在这情况下,如果选用this,那么this是随时变化的,它指向的总是 阅读全文
posted @ 2021-04-26 09:42 ZerlinM 阅读(145) 评论(0) 推荐(0)
摘要:最近在做react组件间传参的时候,遇到了一个问题,就是在父组件中通过调用异步函数修改了某一参数值,将其传递给子组件后,在子组件的componentDidMount()函数中获取到的仍然是未修改之前的值。 首先在父组件中定义参数初始值: constructor(){ super(); this.st 阅读全文
posted @ 2021-04-26 09:26 ZerlinM 阅读(908) 评论(0) 推荐(0)
摘要:1、数字数组转化为字符串数组 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; arr.map(String); //结果: ['1', '2', '3', '4', '5', '6', '7', '8', '9'] 2、字符串数组转化为数字数组 var a = ['1' 阅读全文
posted @ 2021-04-22 11:08 ZerlinM 阅读(845) 评论(0) 推荐(0)
摘要:HTML中空格的说明 &nbsp; 这是我们使用最多的空格,也就是按下space键产生的空格。 在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个),要使用html实体表示才可累加。 为了便于记忆,我总是把这个空格成为“牛逼(nb)空格(sp – space)”,虽然实际上并不牛逼。 阅读全文
posted @ 2021-04-22 11:05 ZerlinM 阅读(752) 评论(0) 推荐(0)
摘要:##一 简述 reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高... 二 语法 arr.red 阅读全文
posted @ 2021-04-22 09:57 ZerlinM 阅读(2310) 评论(2) 推荐(1)
摘要:在cocos的项目中,有时需要根据不同的条件来显示不同的图片,那么我们可以用cc.loader.loadRes()方法,来更换本地图片资源。 cc.loader.loadRes(url, type, callback)方法有3个参数: 1.图片url 图片资源的url不需要写根目录resources 阅读全文
posted @ 2021-04-20 11:16 ZerlinM 阅读(2980) 评论(0) 推荐(0)
摘要:## 场景: 1、前端发送处理请求后,后端开始处理。 2、后端处理时间较长,估计有2、3分钟(时间每次都不太确定)才能处理完。 3、后端处理完后,前端在页面上显示处理完成。 ## 解决: 这类问题其实本质问题是:后端如何给前端主动推送消息? 答案是:只使用http无法推送。 就只能要么定时发送请求, 阅读全文
posted @ 2021-04-16 09:17 ZerlinM 阅读(1937) 评论(0) 推荐(0)
摘要:Ajax 错误处理 也就是当请求结果不是预期结果时我们应该如何处理。 错误处理的四种情况: 第一种情况当网络畅通时也就是连接互联网的时候,请求可以正常的发送出去服务器端能够接收到请求,但是服务器端返回的结果不是预期结果。比如说客户端发送的这个请求参数不符合要求,服务端返回非200状态码。这种错误可以 阅读全文
posted @ 2021-04-15 15:05 ZerlinM 阅读(1442) 评论(0) 推荐(0)
摘要:在cocos层级管理器中添加节点: 并在属性检查器中设置节点宽高,调整透明度为0(实现显示和隐藏) item节点宽10 高40 。 在js文件中添加loading节点,在start()中添加定时器: this.schedule(function () { this.loading.children. 阅读全文
posted @ 2021-04-12 14:02 ZerlinM 阅读(376) 评论(0) 推荐(0)
摘要:当游戏在点击了暂停之后,屏幕依然会监听到触摸事件,导致暂停后点击屏幕依然能够对游戏场景产生影响。 这时我们可以禁用节点上的触摸事件,代码如下: this.node.resumeSystemEvents(true); //在返回游戏时调用,恢复当前节点上注册的所有节点系统事件 this.node.pa 阅读全文
posted @ 2021-04-06 15:33 ZerlinM 阅读(892) 评论(0) 推荐(0)
摘要:获取widget const iconContent = cc.find('Canvas/iconContent').getComponent(cc.Widget); 此时就可以修改Widget 组件的对齐边距 API,包括 top、bottom、left、right: iconContent.ri 阅读全文
posted @ 2021-04-06 11:06 ZerlinM 阅读(538) 评论(0) 推荐(0)
摘要:async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的,而 await 用于等待一个异步方法执行完成。 另外还有一个很有意思的语法规定,await 只能出现在 async 函数中。 突然某天我写了 阅读全文
posted @ 2021-04-02 17:29 ZerlinM 阅读(6570) 评论(1) 推荐(1)