react使用CSS实现react动画功能示例
本文实例讲述了react使用CSS实现react动画功能。分享给大家供大家参考，具体如下：react动画：import React, { Component } from 'react'; class Boss extends Component { cons...
2021-06-29
使用React代码动态生成栅格布局的方法
作为 TerminalMACS 的一个子进程模块 - React Web管理端，使用Ant Design Pro作为框架。本文应用到的知识1.样式文件less中方法的使用2.for循环创建按钮和栅格布局(flex布局)1...
2021-06-29
40行代码把Vue3的响应式集成进React做状态管理
前言
vue-next是Vue3的源码仓库，Vue3采用lerna做package的划分，而响应式能力@vue/reactivity被划分到了单独的一个package中。
如果我们想把它集成到React中，可行吗？来试一试吧...
2021-06-29
浅谈React中组件逻辑复用的那些事儿
基本每个开发者都需要考虑逻辑复用的问题，否则你的项目中将充斥着大量的重复代码。那么 React 是怎么复用组件逻辑的呢？本文将一一介绍 React 复用组件逻辑的几种方法，希望你读...
2021-06-29
用React Native制作一个简单的游戏引擎
目录简介开始吧对React Native游戏引擎的简单介绍让我们在React Native中建立一个蛇形游戏创建游戏实体游戏逻辑移动蛇头"游戏结束！"条件食用食物控制蛇尾巴功能结语简介今天...
2021-06-29
React实现分页效果
本文实例为大家分享了React实现分页效果的具体代码，供大家参考，具体内容如下首先确保已经安装了antd,axiosjsx文件:
import React, { useState, useEffect } from 'react'impo...
2021-06-29
react 项目中引入图片的几种方式
img标签引入图片
因为react其实是通过js的reader函数渲染的页面，所以直接写src=“路径”是无法引入图片我们可以像引入模块一样引入图片
import img from './../../../../ass...
2021-06-29
浅谈React原生APP更新
目录App更新流程大致的流程图更新APP信息1.首先定义需要获取的文件地址2.通过文件地址, 获取打完包后的版本信息3.替换现有文件中的信息大致流程图总结App更新流程1.在 App...
2021-06-29
react 实现图片正在加载中 加载完成 加载失败三个阶段的原理解析
最近博客写道项目列表中，发现这里比较多图片，一开加载会比较慢，然后就想要用一个loading的图片来占位。与此同时,如果图片加载失败那么显示错误的图片，不显示一个原有的错误，那样...
2021-06-29
示例详解react中useState的用法
useStateuseState 通过在函数组件里调用它来给组件添加一些内部 state。React 会在重复渲染时保留这个 state。useState
会返回一对值：当前状态和一个让你更新它的函数，你可以...
2021-06-29
详解React Native与IOS端之间的交互
目录前置准备RN 传值给 iOS方法 1 正常传值给原生方法 2 传递回调函数方法 3 获取 promise 回调方法 4 获取 promise 的同步方式iOS 传值给 RN 端初始的数据提供添加监听事...
2021-06-29
JS数组去重的九种高阶方法（亲测有效）
前言一般的方法此处也不列举了，还是有很多的，如双层循环判断是否相等，或新建数组比较再push等等，需要注意的是，使用splice方法移除元素时，有可能会导致数组塌陷问题，需要处理一下本...
2021-06-28
fabric.js实现diy明信片功能
本文实例为大家分享了fabricjs实现diy明信片功能的具体代码，供大家参考，具体内容如下前言要求需要添加，拷贝，删除，双指放大缩小。提示：以下是本篇文章正文内容，下面案例可供参考一...
2021-06-28
js实现弹框效果
本文实例为大家分享了js实现弹框效果的具体代码，供大家参考，具体内容如下利用display来控制弹窗的现实和隐藏<!-- 弹出层 --><div id="popLayer"></div> <!--黑色蒙版 --><div...
2021-06-28
详解JavaScript中哪一种循环最快呢
了解哪一种 for 循环或迭代器适合我们的需求，防止我们犯下一些影响应用性能的低级错误。JavaScript 是 Web 开发领域的“常青树”。无论是 JavaScript 框架（如 Node.js、React...
2021-06-28
javascript实现表格信息增添与删除
JavaScript入门
JavaScript是一种轻量级、解释型的Web开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都已经嵌入了JavaScript引擎，JavaScript源代码可以再浏览器...
2021-06-28
JS实现随机点名系统
用JS实现一个随机点名系统，供大家参考，具体内容如下每次上课前10分钟，老师都会叫我们回答问题，奈何每次都是点学号，好像每次我都能中奖，我直接跟老师提议，老师，我用来JS来帮你写个随...
2021-06-28
canvas操作插件fabric.js使用方法详解
fabric.js是一个很好用的 canvas 操作插件，下面整理了一些平时项目中用到的知识点：//1: 获得画布上的所有对象：var items = canvas.getObjects();//2: 设置画布上的某个对象为...
2021-06-28
TypeScript 安装使用及基本数据类型
第一步 全局安装TypeScript使用 npm 安装npm install -g typescript使用cnpm 安装cnpm install -g typescript使用yarn安装yarn global add typescript第二步 初始化TypeScr...
2021-06-28
CocosCreator通用框架设计之网络
前言在 Cocos Creator 中发起一个 http 请求是比较简单的，但很多游戏希望能够和服务器之间保持长连接，以便服务端能够主动向客户端推送消息，而非总是由客户端发起请求，对于实时...
2021-06-28
js拖拉表格实现内容计算
本文实例为大家分享了js拖拉表格实现内容计算的具体代码，供大家参考，具体内容如下前言 制作网页版Excel
H5新增功能：可拖拉-draggable, 可编辑-contenteditable
...
2021-06-28
详解CocosCreator MVC架构
概述这一篇将介绍在游戏客户端常用的架构MVC架构。一个游戏的MVC如下划分：M：1）单例全局的数据中心World，所有游戏模块的数据在World中有入口，2）各个模块自己的数据结构。V：1）通过cre...
2021-06-28
详解CocosCreator制作射击游戏
场景布置游戏资源炮塔旋转机制与之前手柄实例的小车相同，使用touchmove监听触摸事件， 获取触摸位置 通过位置用signAngle方法将该位置与cc.v2(1,0)位置的角度差求出（记得...
2021-06-28
解读CocosCreator源码之引擎启动与主循环
前言预备不知道你有没有想过，假如把游戏世界比作一辆汽车，那么这辆“汽车”是如何启动，又是如何持续运转的呢？如题，本文的内容主要为 Cocos Creator 引擎的启动流程和主循环。而...
2021-06-28
JS 实现10进制转换36进制的示例代码
前言
我们在平时写代码的时候偶尔会碰到进制转换的问题，常见的有2进制，8进制，10进制，16进制之间的转换，但是36进制却很少听过，这里就让我们用JS来简单尝试一下36进制的实现吧思考...
2021-06-28
js canvas实现圆形流水动画
本文实例为大家分享了canvas实现圆形流水动画的具体代码，供大家参考，具体内容如下前言特效展示效果展示代码展示index.html<!DOCTYPE html><html lang="en"><head> <meta c...
2021-06-28
JavaScript逐点突破系列之this是什么
了解this也许你在其他面向对象的编程语言曾经看过this，也知道它会指向某个构造器(constructor)所建立的对象。但事实上在JavaScript里面，this所代表的不仅仅是那个被建立的对...
2021-06-28
JavaScript中的this指向问题详解
前言相信我，只要记住本文的 7️⃣ 步口诀，就能彻底掌握 JS 中的 this 指向。先念口诀：箭头函数、new、bind、apply 和 call、欧比届点（obj.）、直接调用、不在函数里。...
2021-06-28
CocosCreator通用框架设计之资源管理
如果你想使用Cocos Creator制作一些规模稍大的游戏，那么资源管理是必须解决的问题，随着游戏的进行，你可能会发现游戏的内存占用只升不降，哪怕你当前只用到了极少的资源，并且有使...
2021-06-28
js实现指定红包顺序和金额算法
本文实例为大家分享了js实现指定红包顺序和金额的具体代码，供大家参考，具体内容如下前言 朋友拜托而写 单个包最小金额为0.01 如果除指定金额外，其余都为0.01，最后尾包...
2021-06-28
js实现表格拖动选项
本文实例为大家分享了js实现表格拖动选项的具体代码，供大家参考，具体内容如下题目要求如下图所示，具体思路：拖动改变选择项，用的的事件是js的拖动相关事件。代码：<!doctype html><...
2021-06-28
详解CocosCreator华容道数字拼盘
前言华容道是啥玩意？这种数字拼图游戏大家都玩过吧，他就是典型的华容道之一。华容道是古老的中国民间益智游戏，以其变化多端、百玩不厌的特点与魔方、独立钻石棋一起被国外智力...
2021-06-28
如何在CocosCreator中使用JSZip压缩
CocosCreator版本：2.4.2jszip的实际项目应用游戏中有大量配置的情况下，文件会变得非常大，所以有些游戏会采用zip包压缩解压例如如下游戏，将游戏配置config.json压缩成zip包，加载...
2021-06-28
js通过audioContext实现3D音效
本文实例为大家分享了js通过audioContext实现3D音效的具体代码，供大家参考，具体内容如下前言AudioContext的setPosition实现3D音效效果展示代码展示<!DOCTYPE html><html lang...
2021-06-28
如何在CocosCreator中利用常驻节点做图层管理
CocosCreator版本：2.3.4一般游戏都有图层管理，比如 sceneLayer 场景层 panelLayer 弹框层 tipLayer   提示框层cocos里的场景不是持久化的，每次...
2021-06-28
详解CocosCreator游戏之鱼群算法
前言最近想学一下CocosCreator，于是，编辑器下载，启动。众所周知，边写边学才是最快的学习方法，得写个Demo练练手，那么写什么呢？听说现在《墨虾探蝌》挺火的，那就抄(学习的事怎么能叫...
2021-06-28
剖析CocosCreator新资源管理系统
1.资源与构建1.1 creator资源文件基础在了解引擎如何解析、加载资源之前，我们先来了解一下这些资源文件（图片、Prefab、动画等）的规则，在creator项目目录下有几个与资源相关的目...
2021-06-28
videojs+swiper实现淘宝商品详情轮播图
本文实例为大家分享了videojs+swiper实现淘宝商品详情轮播图的具体代码，供大家参考，具体内容如下这个引用了videojs和swiper。实现效果类似淘宝商品详情中的轮播图，首张轮播为...
2021-06-28
怎样用JavaScript实现原型模式
概述原型模式是指原型实例指向创建对象的种类，并通过拷贝这些原型创建新的对象，是一种用来创建对象的模式，也就是创建一个对象作为另一个对象的prototype属性；prototype警告：学习...
2021-06-28
原生JS实现点击数字小游戏
原生JS实现点击数字小游戏，供大家参考，具体内容如下最近公司在季度测试中出了一道很有趣的测试题，要求使用我们自己的黑科技–IVX来实现,感兴趣的朋友可以去了解哦，是真的黑科技...
2021-06-28
怎样用Javascript实现单例模式
概述单例模式也称为单体模式，规定一个类只有一个实例，并且提供可全局访问点；在读这篇文章之前，也许你对单例模式的概念感到模糊或者不清楚，但是其实在日常的开发中你肯定用到过单...
2021-06-28
详解JavaScript Promise和Async/Await
概述一般在开发中，查询网络API操作时往往是比较耗时的，这意味着可能需要一段时间的等待才能获得响应。因此，为了避免程序在请求时无响应的情况，异步编程就成为了开发人员的一项...
2021-06-28
js实现简单购物车模块
本文实例为大家分享了js实现简单购物车模块的具体代码，供大家参考，具体内容如下主要功能 输入框正则判断，两位数小数，开头可以为0 如果商品名字相同，自动数量+1，如果名字相...
2021-06-28
js实现点击弹窗弹出登录框
本文实例为大家分享了js实现点击弹窗弹出登录框的具体代码，供大家参考，具体内容如下1 图片预览2 index.html代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF...
2021-06-28
js动态实现表格添加和删除操作
本文实例为大家分享了js动态实现表格添加和删除的具体代码，供大家参考，具体内容如下运行效果如图（两种实现方案，被注释的是第一种实现方案）代码：<!DOCTYPE html><html> <head> <m...
2021-06-28
微信小程序实现表单验证
微信小程序的表单验证，供大家参考，具体内容如下需要用到一个插件WxValidat.js传送门在需要使用的page js文件下导入import WxValidate from '../../utils/WxValidate.js'主要...
2021-06-28
JavaScript设计模式学习之适配器模式
概述适配器模式是设计模式行为型模式中的一种模式；定义：适配器用来解决两个已有接口之间不匹配的问题，它并不需要考虑接口是如何实现，也不用考虑将来该如何修改；适配器不需要修改...
2021-06-28
怎样用Javascript实现建造者模式
概述建造者模式是相对比较简单的一种设计模式，属于创建型模式的一种；定义：将一个复杂的对象分解成多个简单的对象来进行构建，将复杂的构建层与表现层分离，使相同的构建过程可以创...
2021-06-28
Javascript怎样使用SessionStorage和LocalStorage
前言作为Web开发人员，在 Web浏览器中存储数据以改善用户体验和提升Web应用程序性能是非常常见的。在大多数情况下，可供我们使用就是LocalStorage和SessionStorage。本文中，我们...
2021-06-28
js中parseInt()诡异行为的探究与改正
探讨背景：不知道小伙伴们有没有发现，如果是parseInt（0.006）或者parseInt(0.0006)等返回的值都应该 0，但是parseInt（0.0000006）返回的值却诡异的 6，这到底为什么呢？parseInt函数的作用...
2021-06-28
