CocosCreator骨骼动画之龙骨DragonBones
CocosCreator版本2.3.4龙骨动画将龙骨动画放到cocos的assets下。我这里龙骨动画是Dragonbones导出的二进制动画。直接拖拽龙骨动画(骨头图标)到舞台设置骨骼动画的属性，Drago...
2021-04-16
如何用react优雅的书写CSS
1.内联样式
优点：这种方式较为简单，一目了然，给标签添加style属性。缺点: 这种方式可以造成项目结构较为臃肿，造成css命名冲突。import React, { Component } from 'react'impor...
2021-04-16
介绍javascript实现定时器倒计时
话不多说直接上代码、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view...
2021-04-15
javascript如何改变背景
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>document</title> <script type="text/javascript"> function bs(v) { kuang.style.backg...
2021-04-15
如何在CocosCreator里画个炫酷的雷达图
前言雷达图（Radar Chart） 也称为网络图、星图或蜘蛛网图。是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多元数据的图形方法。适用于显示三个或更多...
2021-04-15
详解CocosCreator系统事件是怎么产生及触发的
环境Cocos Creator 2.4
Chrome 88概要模块作用事件监听机制应该是所有游戏都必不可少的内容。不管是按钮的点击还是物体的拖动，都少不了事件的监听与分发。
主要的功能还是通...
2021-04-15
如何用CocosCreator制作微信小游戏
CocosCreator在1.8版本开始，就支持一键发布微信小程序，下面是详细的发布步骤：1、在微信公众平台下载微信开发者工具 地址： https://mp.weixin.qq.com/debug/wxagame/dev/de...
2021-04-15
CocosCreator入门教程之网络通信
网络通信概况开发一个网络游戏，难免要处理网络通信。有几点问题需要注意：1.服务端为了快速开发可能前期使用http通信，后面再改成websocket/socket。2.同时存在http和websocket/...
2021-04-15
详解CocosCreator消息分发机制
概述本篇开始介绍游戏业务架构相关的内容。在游戏业务层，所有需要隔离的系统和模块间通信都可以通过消息分发解耦。例如网络返回通知、数据更新同步到界面等。消息分发基于观...
2021-04-15
jquery插件实现图片悬浮
本文实例为大家分享了jquery插件实现图片悬浮的具体代码，供大家参考，具体内容如下很常见的一个效果，就是点击之后图片悬浮出来展示效果如下代码部分<!DOCTYPE html><html> <hea...
2021-04-15
JavaScript嵌入百度地图API的最详细方法
先看效果图一、申请成为百度开发者，获得使用地图API接口的权限，获取（AK）码。1.打开百度地图开放平台打开网址：http://lbsyun.baidu.com/ 找到首页导航栏的 开发文档2.然后找到 开...
2021-04-15
Node8中AsyncHooks异步生命周期
Async Hooks 是 Node8 新出来的特性，提供了一些 API 用于跟踪 NodeJs 中的异步资源的生命周期，属于 NodeJs 内置模块，可以直接引用。
const async_hooks = require('async_hook...
2021-04-15
详解CocosCreator优化之DrawCall
前言在游戏开发中，DrawCall 作为一个非常重要的性能指标，直接影响游戏的整体性能表现。
无论是 Cocos Creator、Unity、Unreal 还是其他游戏引擎，只要说到游戏性能优化，DrawCall...
2021-04-15
vue打包上传服务器刷新404问题的两种方案
一：nginx服务器解决方案，修改 .conf 配置文件 有两种解决方案1： location / { try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^....
2021-04-15
从头写React-like框架的工程搭建实现
最近在网上看到了 Build your own React 这篇文章，作者从零开始实现了一个简易类 React 框架，虽然没有过多的优化，但 React 中的核心思想 Concurrent Mode，Fiber Reconciler 等...
2021-04-15
CocosCreator实现技能冷却效果
CocosCreator实现技能CD效果在很多游戏里面都有技能，玩家在点击技能按钮后技能会有一个冷却的时间，当冷却时间过了之后技能才可以再次使用在cocos中实现这个效果很简单，需要用...
2021-04-15
React三大属性之props的使用详解
上期讲了state，接下来讲讲props。props功能在于组件间通信（父子组件），首先说说在各种组件中的用法：类组件//父组件传值class Father extends React.PureComponent{ render(){...
2021-04-15
详解cocoscreater预制体prefab
预制体prefab什么是预制体，字面意思，还未使用前预先制作好的节点资源，属性等同于普通节点，可以看做一个预先制作还没展示出来的普通的节点怎么创建预制体1.在层级管理器处先创建...
2021-04-15
React 三大属性之state的使用详解
React中很多地方需要用到数据，这在React中被叫做状态，我们需要一个专门管理状态的方法，于是state相关的就诞生了。state应该被要求有两个基本功能，一，能够存储一定的值，从而能被re...
2021-04-15
详解JS中的Continue和Break语法的差异
在这篇文章中，我们会详细介绍continue和break，分析它们的相同和不同之处，甚至用一些可运行的实例。continue和break都是用于控制循环的。我们先来看一下他们的定义： Continue：结...
2021-04-14
带你彻底理解JavaScript中的原型对象
一、什么是原型原型是Javascript中的继承的基础，JavaScript的继承就是基于原型的继承。1.1 函数的原型对象​ 在JavaScript中，我们创建一个函数A(就是声明一个函数), 那...
2021-04-14
游戏开发中如何使用CocosCreator进行音效处理
在游戏开发中，我们经常需要使用音效来营造游戏氛围，因此本文给大家总结下 Cocos Creator 游戏开发中音效组件的封装和使用。一、 Cocos Creator 中音频播放基础1. 基础知识【1...
2021-04-14
CocosCreator ScrollView优化系列之分帧加载
一、 前言JS是单线程的，也就意味着所有任务需要排队，只有当前一个任务结束了，后一个任务才会执行。如果前一个任务耗时很长，后一个任务就不得不一直等着。Cocos Creator 是采用...
2021-04-14
详解CocosCreator项目结构机制
 一、项目文件夹结构初次创建并打开一个 Cocos Creator 项目后，开发者的项目文件夹将会包括以下结构：下面我们将会介绍每个文件夹的功能。1.资源文件夹(assets)assets 将...
2021-04-14
如何使用CocosCreator对象池
前言：在运行时进行节点的创建( cc.instantiate )和销毁( node.destroy )操作是非常耗费性能的，因此我们在比较复杂的场景中，通常只有在场景初始化逻辑（ onLoad ）中才会进行节点的...
2021-04-14
CocosCreator如何实现划过的位置显示纹理
1、项目需求项目需要有一个功能：是当一个光点走过的路径，这个路径的位置就都亮起来的功能。2、资料内容功能类似这位大神的橡皮擦功能：https://forum.cocos.org/t/2-0-8/74246...
2021-04-14
javascript如何实现禁止刷新效果
document.onkeydown = function(e) { e = window.event || e; var k = e.keyCode; //屏蔽ctrl+R，F5键，ctrl+F5键 F3键！验证 if ((e.ctrlKey == t...
2021-04-14
深入浅析nodejs中的事件和事件循环
nodejs中的事件循环虽然nodejs是单线程的，但是nodejs可以将操作委托给系统内核，系统内核在后台处理这些任务，当任务完成之后，通知nodejs,从而触发nodejs中的callback方法。这些c...
2021-04-14
20个优秀的Angular开源项目，你了解几个呢？
1.Angular-CLI - angular工具命令行 GitHub: https://github.com/angular/angular-cli Stars: 23.4k Web-site: https://cli.angular.io/ 2.Angular Material - UI 组件框...
2021-04-14
如何用VUE和Canvas实现雷霆战机打字类小游戏
今天就来实现一个雷霆战机打字游戏，玩法很简单，每一个“敌人”都是一些英文单词，键盘正确打出单词的字母，飞机就会发射一个个子弹消灭“敌人”，每次需要击毙当前“敌人”后才能击...
2021-04-14
JavaScript异步编程之Promise的初步使用详解
1. 概述Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。从字面意思理解同步编程的话，似乎指的是两个任务同步运行，如果这样理解就...
2021-04-14
JavaScript实现登录滑块验证
本文实例为大家分享了JavaScript实现登录滑块验证的具体代码，供大家参考，具体内容如下html代码<div class="login-select"> <div v-show="errselectFlag" id="err-select">...
2021-04-14
浅谈nodejs连接mysql数据库的方法
1.安装mysql模块npm install mysql2.创建通用方法这里使用了Promise函数回调，如果不需要可以不使用的const mysql = require('mysql') //引用mysql模块//设置数据库...
2021-04-13
javascript怎么改变src
新建一个html文件，命名为test.html，用于讲解javascript怎么动态更改img标签的src属性。在test.html文件内，使用img标签创建一张图片，并设置其id属性为mypic，主要用于下面使用js获...
2021-04-13
javascript使用alert函数为什么中文会乱码
可能原因一：javascript如果是写在一个文件里面进行的调用，可能是因为js的编码和我们的HTML编码不一致。解决方案：在html中引入javascript代码时，指定其字符集为gb2312，即可显示中...
2021-04-13
javascript如何实现加减乘除
<!DOCTYPE html><html><head><meta charset="UTF-8"><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><title>加减乘除运算</title></head><body>...
2021-04-13
javascript怎么删除div节点
方法1：使用remove()删除节点remove()方法可用于删除父节点上的所有元素，包括所有文本和子节点。示例：<!DOCTYPE html><html><head> <meta charset="utf-8"></head> <body>...
2021-04-13
详解3种webpack中常用的JS压缩插件
这里 讲解 三种JS 打包插件：（1）UglifyJS支持： babel present2015、webpack3缺点：它使用的是单线程压缩代码，也就是说多个js文件需要被压缩，它需要一个个文件进行压缩。所以说在正式...
2021-04-13
利用javaScript处理常用事件详解
JS事件指再浏览器窗体或者HTML元素上发生的，乐意触发JS代码块运行的行为，下面，我们一起来看看相关事件。1.窗体事件例如 onload事件：当页面完全加载完成之后（包括图像，js文件，css文...
2021-04-13
详解react的两种动态改变css样式的方法
第一种：动态添加class，以点击按钮让文字显示隐藏为demoimport React, { Component, Fragment } from 'react';import './style.css';class Demo extends Component{ constr...
2021-04-13
react循环数据(列表)的实现
首先我们模拟一下后台传过来的数据,这里为了让代码清晰，数据就简单的模拟了一下 import bg3 from './image/bg3.png' constructor(props){ super(props) this....
2021-04-13
Javascript中的堆、栈操作
堆、栈都是一种数据项按序排列的数据结构，它涉及到数据在内存中的存储方式，Javascript作为一种脚本语言，自然也无法避免对堆、栈的操作。 1.栈操作主要利用了pop()、push()这两...
2021-04-12
Javascript中的splice()的正确使用
1.splice()语法arrayObject.splice(index,deleteCount,item1,.....,itemX) index：指定修改的开始位置（从0计数） deleteCount：表示要删除的数组元素的个数。 item1,.....,item...
2021-04-12
javascript window方法有哪些
Window 对象Window 对象表示浏览器中打开的窗口。所有浏览器都支持 window 对象。它代表浏览器的窗口。所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。全...
2021-04-12
javascript中object方法有哪些
javascript object方法 Object.assign() 通过复制一个或多个对象来创建一个新的对象。 Object.create() 使用指定的原型对象和属性创建一个新对象。 Object.defineProper...
2021-04-12
javascript怎么停止函数执行
在javascript中如果要终止一个函数的用return即可，实例如下：function testA(){ alert('a'); alert('b'); alert('c');}testA(); 程序执行会...
2021-04-12
javascript的call方法怎么用
js中call()方法的用法1.call方法语法：call(thisobj,[argq,arg2])定义：调用一个对象的一个方法，以另一个对象替换当前对象说明：call方法可以用来代替一个对象调用一个方法，call方...
2021-04-12
在Javascript中如何利用filter()对数据进行筛选
1.filter()语法：var newArray = arr.filter(callback(element[, index[, array]])[,thisArg])callback()用来测试数组的每个元素的函数，返回 结果为true的值： element：数组中当...
2021-04-12
javascript如何修改文件内容
javascript修改文件内容的方法：1、首先，找到我们需要修改的js文件。2、js文件直接可以用记事本打开，但是，使用记事本打开格式非常乱，不方便我们查看和修改。3、这里，我们使用Intel...
2021-04-12
javascript调用后台的方法
javascript调用后台的方法直接使用<%=%>调用前台JS：<script type="text/javascript"> var methodStr = "<%=BehindMethod() %>"; alert(methodStr);...
2021-04-12
