JavaScript - 教程之家

110浏览

0评论

js拖拉表格实现内容计算

本文实例为大家分享了js拖拉表格实现内容计算的具体代码，供大家参考，具体内容如下前言制作网页版Excel
H5新增功能：可拖拉-draggable, 可编辑-contenteditable
...

2021-06-28

274浏览

0评论

详解CocosCreator MVC架构

概述这一篇将介绍在游戏客户端常用的架构MVC架构。一个游戏的MVC如下划分：M：1）单例全局的数据中心World，所有游戏模块的数据在World中有入口，2）各个模块自己的数据结构。V：1）通过cre...

2021-06-28

402浏览

0评论

详解CocosCreator制作射击游戏

场景布置游戏资源炮塔旋转机制与之前手柄实例的小车相同，使用touchmove监听触摸事件，获取触摸位置通过位置用signAngle方法将该位置与cc.v2(1,0)位置的角度差求出（记得...

2021-06-28

134浏览

0评论

解读CocosCreator源码之引擎启动与主循环

前言预备不知道你有没有想过，假如把游戏世界比作一辆汽车，那么这辆“汽车”是如何启动，又是如何持续运转的呢？如题，本文的内容主要为 Cocos Creator 引擎的启动流程和主循环。而...

2021-06-28

166浏览

0评论

JS 实现10进制转换36进制的示例代码

前言
我们在平时写代码的时候偶尔会碰到进制转换的问题，常见的有2进制，8进制，10进制，16进制之间的转换，但是36进制却很少听过，这里就让我们用JS来简单尝试一下36进制的实现吧思考...

2021-06-28

102浏览

0评论

js canvas实现圆形流水动画

本文实例为大家分享了canvas实现圆形流水动画的具体代码，供大家参考，具体内容如下前言特效展示效果展示代码展示index.html<!DOCTYPE html><html lang="en"><head> <meta c...

2021-06-28

86浏览

0评论

JavaScript逐点突破系列之this是什么

了解this也许你在其他面向对象的编程语言曾经看过this，也知道它会指向某个构造器(constructor)所建立的对象。但事实上在JavaScript里面，this所代表的不仅仅是那个被建立的对...

2021-06-28

103浏览

0评论

JavaScript中的this指向问题详解

前言相信我，只要记住本文的 7️⃣ 步口诀，就能彻底掌握 JS 中的 this 指向。先念口诀：箭头函数、new、bind、apply 和 call、欧比届点（obj.）、直接调用、不在函数里。...

2021-06-28

147浏览

0评论

CocosCreator通用框架设计之资源管理

如果你想使用Cocos Creator制作一些规模稍大的游戏，那么资源管理是必须解决的问题，随着游戏的进行，你可能会发现游戏的内存占用只升不降，哪怕你当前只用到了极少的资源，并且有使...

2021-06-28

104浏览

0评论

js实现指定红包顺序和金额算法

本文实例为大家分享了js实现指定红包顺序和金额的具体代码，供大家参考，具体内容如下前言朋友拜托而写单个包最小金额为0.01 如果除指定金额外，其余都为0.01，最后尾包...

2021-06-28

77浏览

0评论

js实现表格拖动选项

本文实例为大家分享了js实现表格拖动选项的具体代码，供大家参考，具体内容如下题目要求如下图所示，具体思路：拖动改变选择项，用的的事件是js的拖动相关事件。代码：<!doctype html><...

2021-06-28

172浏览

0评论

详解CocosCreator华容道数字拼盘

前言华容道是啥玩意？这种数字拼图游戏大家都玩过吧，他就是典型的华容道之一。华容道是古老的中国民间益智游戏，以其变化多端、百玩不厌的特点与魔方、独立钻石棋一起被国外智力...

2021-06-28

471浏览

0评论

如何在CocosCreator中使用JSZip压缩

CocosCreator版本：2.4.2jszip的实际项目应用游戏中有大量配置的情况下，文件会变得非常大，所以有些游戏会采用zip包压缩解压例如如下游戏，将游戏配置config.json压缩成zip包，加载...

2021-06-28

83浏览

0评论

js通过audioContext实现3D音效

本文实例为大家分享了js通过audioContext实现3D音效的具体代码，供大家参考，具体内容如下前言AudioContext的setPosition实现3D音效效果展示代码展示<!DOCTYPE html><html lang...

2021-06-28

165浏览

0评论

如何在CocosCreator中利用常驻节点做图层管理

CocosCreator版本：2.3.4一般游戏都有图层管理，比如 sceneLayer 场景层 panelLayer 弹框层 tipLayer   提示框层cocos里的场景不是持久化的，每次...

2021-06-28

105浏览

0评论

详解CocosCreator游戏之鱼群算法

前言最近想学一下CocosCreator，于是，编辑器下载，启动。众所周知，边写边学才是最快的学习方法，得写个Demo练练手，那么写什么呢？听说现在《墨虾探蝌》挺火的，那就抄(学习的事怎么能叫...

2021-06-28

96浏览

0评论

剖析CocosCreator新资源管理系统

1.资源与构建1.1 creator资源文件基础在了解引擎如何解析、加载资源之前，我们先来了解一下这些资源文件（图片、Prefab、动画等）的规则，在creator项目目录下有几个与资源相关的目...

2021-06-28

82浏览

0评论

videojs+swiper实现淘宝商品详情轮播图

本文实例为大家分享了videojs+swiper实现淘宝商品详情轮播图的具体代码，供大家参考，具体内容如下这个引用了videojs和swiper。实现效果类似淘宝商品详情中的轮播图，首张轮播为...

2021-06-28

69浏览

0评论

怎样用JavaScript实现原型模式

概述原型模式是指原型实例指向创建对象的种类，并通过拷贝这些原型创建新的对象，是一种用来创建对象的模式，也就是创建一个对象作为另一个对象的prototype属性；prototype警告：学习...

2021-06-28

79浏览

0评论

原生JS实现点击数字小游戏

原生JS实现点击数字小游戏，供大家参考，具体内容如下最近公司在季度测试中出了一道很有趣的测试题，要求使用我们自己的黑科技–IVX来实现,感兴趣的朋友可以去了解哦，是真的黑科技...

2021-06-28

74浏览

0评论

怎样用Javascript实现单例模式

概述单例模式也称为单体模式，规定一个类只有一个实例，并且提供可全局访问点；在读这篇文章之前，也许你对单例模式的概念感到模糊或者不清楚，但是其实在日常的开发中你肯定用到过单...

2021-06-28

105浏览

0评论

详解JavaScript Promise和Async/Await

概述一般在开发中，查询网络API操作时往往是比较耗时的，这意味着可能需要一段时间的等待才能获得响应。因此，为了避免程序在请求时无响应的情况，异步编程就成为了开发人员的一项...

2021-06-28

96浏览

0评论

js实现简单购物车模块

本文实例为大家分享了js实现简单购物车模块的具体代码，供大家参考，具体内容如下主要功能输入框正则判断，两位数小数，开头可以为0 如果商品名字相同，自动数量+1，如果名字相...

2021-06-28

109浏览

0评论

js实现点击弹窗弹出登录框

本文实例为大家分享了js实现点击弹窗弹出登录框的具体代码，供大家参考，具体内容如下1 图片预览2 index.html代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF...

2021-06-28

70浏览

0评论

js动态实现表格添加和删除操作

本文实例为大家分享了js动态实现表格添加和删除的具体代码，供大家参考，具体内容如下运行效果如图（两种实现方案，被注释的是第一种实现方案）代码：<!DOCTYPE html><html> <head> <m...

2021-06-28

85浏览

0评论

微信小程序实现表单验证

微信小程序的表单验证，供大家参考，具体内容如下需要用到一个插件WxValidat.js传送门在需要使用的page js文件下导入import WxValidate from '../../utils/WxValidate.js'主要...

2021-06-28

64浏览

0评论

JavaScript设计模式学习之适配器模式

概述适配器模式是设计模式行为型模式中的一种模式；定义：适配器用来解决两个已有接口之间不匹配的问题，它并不需要考虑接口是如何实现，也不用考虑将来该如何修改；适配器不需要修改...

2021-06-28

121浏览

0评论

怎样用Javascript实现建造者模式

概述建造者模式是相对比较简单的一种设计模式，属于创建型模式的一种；定义：将一个复杂的对象分解成多个简单的对象来进行构建，将复杂的构建层与表现层分离，使相同的构建过程可以创...

2021-06-28

79浏览

0评论

Javascript怎样使用SessionStorage和LocalStorage

前言作为Web开发人员，在 Web浏览器中存储数据以改善用户体验和提升Web应用程序性能是非常常见的。在大多数情况下，可供我们使用就是LocalStorage和SessionStorage。本文中，我们...

2021-06-28

69浏览

0评论

js中parseInt()诡异行为的探究与改正

探讨背景：不知道小伙伴们有没有发现，如果是parseInt（0.006）或者parseInt(0.0006)等返回的值都应该 0，但是parseInt（0.0000006）返回的值却诡异的 6，这到底为什么呢？parseInt函数的作用...

2021-06-28

114浏览

0评论

使用 JavaScript 制作页面效果

十一、使用 JavaScript 制作页面效果11.1 DOM 编程DOM 编程(Document Object Model)文档对象模型在 DOM 编程中，把整个页面看成一个 document 对象，其中的 html 元素为具体对...

2021-06-28

59浏览

0评论

js+Html实现表格可编辑操作

本文实例为大家分享了js+Html实现表格可编辑操作的具体代码，供大家参考，具体内容如下功能描述：单击页面使单元格td变成可编辑状态，输入内容后，当单元格失去焦点时，保存输入的内容...

2021-06-28

102浏览

0评论

js前端解决跨域的八种实现方案

由于同源策略的限制，满足同源的脚本才可以获取资源。虽然这样有助于保障网络安全，但另一方面也限制了资源的使用。
那么如何实现跨域呢，以下是实现跨域的一些方法。
一、jsonp...

2021-06-28

67浏览

0评论

怎样用Javascript实现策略模式

概述策略模式是JavaScript设计模式中行为型的设计模式；定义：定义一系列算法，并将这些算法各自封装成策略类（方法），然后将不变的部分和变化的部分分离开来，并且这些算法可以相互替换...

2021-06-28

72浏览

0评论

怎样用Javascript实现函数柯里化与反柯里化

函数柯里化（黑人问号脸）？？？Currying（黑人问号脸）？？？妥妥的中式翻译既视感；下面来一起看看究竟什么是函数柯里化：维基百科的解释是：把接收多个参数的函数变换成接收一个单一参数（最初函数的...

2021-06-28

88浏览

0评论

JavaScript哪些场景不能使用箭头函数

1. 定义对象方法
　　 JS 中对象方法的定义方式是在对象上定义一个指向函数的属性，当方法被调用的时候，方法内的 this 就会指向方法所属的对象。let obj = { array: [1, 2,...

2021-06-28

107浏览

0评论

微信小程序实现登录界面

微信小程序的登录界面实现，供大家参考，具体内容如下<view class="container"> <view class="wrapper"> <view class="left-top-sign">LOGIN</view> <view class="welco...

2021-06-28

72浏览

0评论

怎样用JavaScript实现观察者模式

概述观察者模式又被称为发布-订阅模式，是设计模式中的一种行为型模式；定义：观察者模式定义了一种一对多的对象依赖关系，当被依赖的对象的状态发生了改变，所有依赖它的对象都会得...

2021-06-28

91浏览

0评论

js实现简单省市区三级选择联级

本文实例为大家分享了js实现省市区三级选择联级的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti...

2021-06-28

108浏览

0评论

微信小程序实现视频播放器发送弹幕

本文实例为大家分享了微信小程序实现视频播放器发送弹幕的具体代码，供大家参考，具体内容如下一、视频播放器 video-detail 视频播放器 select-color 发送弹幕1. 页面制...

2021-06-28

110浏览

0评论

JS Canvas接口和动画效果大全

概述<canvas>元素用于生成图像。它本身就像一个画布，JavaScript通过操作它的 API，在上面生成图像。它的底层是一个个像素，基本上<canvas>是一个可以用JavaScript操作的位图（bitm...

2021-06-28

95浏览

0评论

JS ES6异步解决方案

最初使用回调函数 由于最初j s官方没有明确的规范，各种第三方库中封装的异步函数中传的回调函数中的参数没有明确的规范，没有明确各个参数的意义，不便于使用。...

2021-06-28

86浏览

0评论

原生js如何实现call,apply以及bind

1、实现call
步骤：将函数设为对象的属性；指定this到函数，并传入给定参数执行函数；执行之后删除这个函数；如果不传入参数，默认指向window；Function.prototype.mycal...

2021-06-28

67浏览

0评论

如何使JavaScript休眠或等待

概述JavaScript不具有 sleep()函数，该函数会导致代码在恢复执行之前等待指定的时间段。如果需要JavaScript等待，该怎么做呢？假设您想将三则消息记录到Javascript控制台，每条消息...

2021-06-28

137浏览

0评论

原生JS封装vue Tab切换效果

本文实例为大家分享了原生JS封装vue Tab切换的具体代码，供大家参考，具体内容如下先看效果图使用的技术vue,js,css3vue组件可以直接使用<template> <div class="bookcircle-h...

2021-06-28

78浏览

0评论

js精准计算

var numA = 0.1; var numB = 0.2; alert( numA + numB );0.1 + 0.2 = 0.30000000000000004。
计算精度误差问题（和二进制相关）。对于浮点数的四则运算，几乎所有的编程语言都会...

2021-06-28

85浏览

0评论

JavaScript使用canvas绘制坐标和线

本文实例为大家分享了JavaScript使用canvas绘制坐标和线的具体代码，供大家参考，具体内容如下具体代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...

2021-06-28

79浏览

0评论

JS什么场景不适合箭头函数

概述这些年来，ES6 将js的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。箭头函数是最有价值的新功能之一，有很多好文章描述了它的上下文透明性和简短的语法。但...

2021-06-28

89浏览

0评论

JavaScript实现随机码的生成与校验

JavaScript之随机码的生成与校验，供大家参考，具体内容如下由于获取事件源有两种写法，所以在此处都附上：这个是直接用var去定义的<!DOCTYPE html><html lang="en"><head> <met...

2021-06-28

79浏览

0评论

JavaScript实现显示和隐藏图片

JavaScript之显示和隐藏图片，供大家参考，具体内容如下点击按钮可以显示和隐藏图片（默认显示），附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti...

2021-06-28

热门文章