自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 Promise的使用(学习总结)

Promise的使用开发中需要先进行一部分操作之后再进行操作,这时候promise实例有三种状态:pending(待定),fulfilled(已执行),rejected(已拒绝)。fulfilled和rejected又可以说是已成功和已失败,这两种状态又归为已完成状态。调用resolve和reject能将分别将promise实例的状态变成fulfilled和rejected,只有状态变成已完成(即fulfilled和rejected之一),才能触发状态的回调。

2022-05-09 18:09:20 496

原创 CocosCreator实现不规则的点击区域监听

CocosCreator实现不规则的点击区域监听开发一个农场小游戏,用常规的点击区域,会产生点击区域重叠问题。(展示的图片是已经调整为cc.PolygonCollider方法之后)查询网上的方法,大部分是把节点变为3d就可以调节点击区域,但不知道为什么,区域已经如图所示,但是我所点击的土地会偏移到上面那块土地,这个问题由于项目时间紧张就没有去深究。还有农场常见的是可以拖动土地背景的,用普通的挂载办法,button会遮挡住背景的监听,所以又找到了这个办法,使用cocos自带的碰撞组件:cc.Polygo

2022-04-18 16:46:58 2899

原创 CocosCreator的使用emit和.on实现链式

emit和.on的使用由于做项目需要新手引导环节,ts也是和js一样同时进行的,想要实现完成一步再进行下一步就想到这个办法,因此进行记录。这里是使用CocosCreator进行开发。emit是发送自定义事件,以字符串命名,例如: this.guideNode.parent.emit("FinshedAllGuide");.on为接收事件,可以接收普通事件(具体可以搜索一下都有什么常见事件,点击移动滚轮),也可以接收自定义事件,例如:this.guideNode.parent.on("FinshedAl

2022-04-18 15:46:01 1755

原创 cocos creator 访问节点

针对cocos的学习笔记由于工作需要,开始学习cocos,应工作要求,以ts为主要语言编写,本节重点为代码方面。1.访问节点和组件获取组件所在的节点问:或许是当前组件的节点?node.x = 100;这句代码的意义?获得组件所在的节点很简单,只要在组件方法里访问 this.node 变量:start: function () { var node = this.node; node.x = 100;}获得其它组件你会经常需要获得同一个节点上的其它组件,这就要用到

2020-08-31 17:10:01 826

原创 cocos creator Mask(遮罩)的使用

cocos Creator Mask 的使用目的是要在某个特定的图像或不动的动画上加一个遮罩。我先是在可点击的空节点上加上了Mask组件,但是毫无反应。又试了试在这个不动的动画上加Mask组件也没有用。后来发现是要在额外的创建一个空节点,我命名为Mask, 在这个空节点下添加一个单色的精灵(Sprite),改变精灵的颜色透明度,在Mask上添加Mask组件,就可以啦。click为点击的空节点,Mask1为Mask空节点要是想让遮罩形成特定的形状,就改变Mask组件的type,有三个类型:矩形

2020-08-31 17:08:34 13639 2

原创 了解cocos的生命周期 简单总结

了解cocos的生命周期 简单总结目前提供给用户的生命周期回调函数主要有:onLoadstartupdatelateUpdateonDestroyonEnableonDisable一个组件从初始化到激活,再到最终销毁的完整生命周期函数调用顺序为:onLoad -> onEnable -> start -> update -> lateUpdate -> onDisable -> onDestroy。1.onLoad组件脚本的初始化阶段,官方提供

2020-08-12 09:57:55 945

原创 伪类和伪元素的区别

伪类和伪元素的区别在没了解他们的区别之前,我一直以为就是一种东西的别称,现在我大概知道了他们之间的区别,所以来写个博客,记录一下。伪元素::before 在被选元素之前插入内容。需要指定content属性来插入内容。::after 在被选元素之后插入内容。需要指定content属性来插入内容。::first-letter 匹配元素中文本的首字母。::first-line 匹配元素中第一行的文本(只能在块元素中使用)。::selection 匹配被用户选中的部分。伪元素主要是用来创建一些不存

2020-06-28 18:05:05 199

原创 面向对象

面向对象Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。优点: 重复使用,简化代码,方便维护,开发效率高 (封装成一个对象就可以重复利用对象来完成目标的创建)面向对象在js里有两个层次的含义,第一种是会使用面向对象函数;第二种是构造面向对象函数。主要是:封装和继承封装一、 生成实例对象的原始模式var cat = { name:'', color:''

2020-06-28 13:28:32 114

原创 关于HTML预处理器Pug的使用文档

Pug的使用Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。是一种通过缩进(表示标签间的嵌套关系)的方式来编写代码的过程,在编译的过程中,不需要考虑标签是否闭合的问题。可以加快写代码速度,也为代码复用提供了便捷。1. 标签在默认情况下,在每行文本的开头(或者紧跟白字符的部分)书写这个 HTML 标签的名称。使用缩进来表示标签间的嵌套关系,这样可以构建一个 HTML 代码的树状结构。ul li Item A li Item

2020-06-28 13:26:03 1220

原创 伪类选择器小实例

伪类选择器的分类链接伪类选择器:E:linkE:visited用户行为选择器:E:hoverE:activeE:focus语言伪类选择器:E:lang(fr)否定伪类选择器:E:not(s)结构性伪类选择器:E:rootE:first-childE:last-childE:only-childE:nth-child(n)E:nth-last-child(n)E:first-of-typeE:last-of-typeE:only-of-typeE:nth-of-type

2020-06-09 15:40:28 525

原创 关系选择符与属性选择符小实例

关系选择符:属性选择符:<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8" /><title></title><style> /* 关系选择符 */ /* 包含选择符 E F 选择所有被E元素包含的F元素*/ .one p{ color: #FF0000; } /* 子选择符 E>F 选择所有作为E元素

2020-06-09 15:34:00 205

原创 Markdown的简单使用

Markdown的使用Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。优点:1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可缺点:1、需要记一些语法。2、有些平台不支持Markdown编辑模式。一. 标题h

2020-06-08 09:29:55 246

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除