JavaScript - 教程之家

55浏览

0评论

JavaScript 语句之常用 for 循环详解

JavaScript中循环语句不少，for、for in、for of和forEach循环，今天对比Array、Object、Set(ES6)、Map(ES6)四种数据结构循环语句支持的情况及区别。新建四种数据类型的测试数...

2021-05-04

64浏览

0评论

JavaScript实现简易加法计算器

本文实例为大家分享了JavaScript实现加法计算器的具体代码，供大家参考，具体内容如下具体要求：
1.页面布局:
2.还需要在点击计算按钮之后在页面上显示计算结果具体实现：<html> <...

2021-05-04

46浏览

0评论

javascript模拟实现计算器

本文实例为大家分享了javascript模拟实现计算器的具体代码，供大家参考，具体内容如下功能:1、实现单击按钮录入数字
2、实现基础四则运算功能，并添加必要的异常处理。
3、实现小...

2021-05-04

276浏览

0评论

整理CocosCreator常用知识点

一、场景加载 cc.director.loadScene(‘场景名称');//场景跳转 cc.director.preloadScene(‘场景名称');//预加载场景 cc.director.getScene();//获取当前场景二、...

2021-05-04

65浏览

0评论

CocosCreator经典入门项目之flappybird

开发环境CocosCreator v2.3.1node.js v10.16.0vscode 1.46.1游戏引擎概念可以理解为一套已经编写好的代码，它封装了对底层接口的使用，是游戏开发的核心功能提供者。一般分为6...

2021-05-04

51浏览

0评论

JS实现苹果计算器

本文实例为大家分享了JS实现苹果计算器的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>手机</title> <style type="text...

2021-05-04

54浏览

0评论

一个关于JS操作符in问题引发的探究

事情是这样的：大家都知道“内存泄露”这回事吧。它有几个常见的场景：闭包使用不当引起内存泄漏（未声明的）全局变量分离的DOM节点（随意的）控制台的打印遗忘的...

2021-05-04

41浏览

0评论

JS数组降维的几种方法详解

二维数组降维使用数组实例方法concat和ES6扩展运算符降维let arr=[1,2,[3,4],5];let arr1=[].concat(...arr);//先使用扩展运算符打散最外边的数组，concat自带打散粘合数组的...

2021-05-04

48浏览

0评论

JavaScript实现颜色查看器

本文实例为大家分享了JavaScript实现颜色查看器的具体代码，供大家参考，具体内容如下实现效果方框中初始为白色输入框中输入颜色代码，点击查看颜色，在上方即可出现对应颜...

2021-05-04

60浏览

0评论

前端组件化基础知识详细讲解

这里我们一起来学习前端组件化的知识，而组件化在前端架构里面是最重要的一个部分。讲到前端架构，其实前端架构中最热门的就有两个话题，一个就是组件化，另一个就是架构模式。组件...

2021-05-04

119浏览

0评论

wavesurfer.js绘制音频波形图的实现

1.查看效果图向前选中：向后选中：代码如下（示例）：<template> <div class="waveSurfer"> <div class="top"> <span @click="leftSelect">向前选中</span> <span @click="right...

2021-05-04

58浏览

0评论

uniapp小程序实现瀑布流布局的思路与代码

一、前言
现在写瀑布流算不算是炒冷饭啊？我不管，我就要写，谁也别想拦我。瀑布流应该算是很常见的一种布局方法了，大致的思路也很好理解，但是在小程序里面确有另外需要考虑的几...

2021-05-04

111浏览

0评论

微信小程序如何监听全局变量

最近工作上遇到一个问题，有个全局变量 red_heart，因为它在很多地方用到，当它发生改变了，用到的地方也要改变。但是原生小程序并没有像Vue这种相关的做法。所以我就想自己实现一...

2021-05-04

62浏览

0评论

js实现一个简易的计算器

利用原生js实现一个简易的计算器（附详细注释），供大家参考，具体内容如下
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont...

2021-05-04

58浏览

0评论

JavaScript实现循环轮播图

本文实例为大家分享了JavaScript实现循环轮播图的具体代码，供大家参考，具体内容如下案例演示：1.点击下面图标，图片进行轮播
2.图片轮播完，接着轮播到第一张
（代码内部具有详细解释...

2021-05-04

51浏览

0评论

JS实现判断对象是否为空对象的5种方法

1.将json对象转化为json字符串，再判断该字符串是否为"{}"
var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断
var obj = {};var b =...

2021-05-04

76浏览

0评论

浅谈js二维码扫码登录是什么原理

前几天看了极客时间一个二维码的视频，写的不错，这里总结下在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选...

2021-05-04

71浏览

0评论

如何用CocosCreator实现射击小游戏

分析下制作步骤：1. 准备好资源，搭建场景资源的话可以自己到网上找，也可以直接用我的也行；创建好相应文件夹，把资源放到res文件夹下；搭建场景：
第一步:创建一个单色精灵(Script) bg...

2021-05-04

57浏览

0评论

利用js实现Ajax并发请求限制请求数量的示例代码

出现问题描述：当不确定异步请求个数时，为防止当一瞬间发生上百个http请求时，导致堆积了无数调用栈进而导致内存溢出问题。要求：将同一时刻并发请求数量控制在3个以内，同时还要尽...

2021-05-04

78浏览

0评论

使用JSX 建立组件 Parser（解析器）开发的示例

这里我们一起从 0 开始搭建一个组件系统。首先通过上一篇《前端组件化基础知识》中知道，一个组件可以通过 Markup 和 JavaScript 访问的一个环境。所以我们的第一步就是建立...

2021-05-04

55浏览

0评论

微信小程序页面间传值的实现方法示例

小程序页面间传值
大家晚上好，说晚上好是因为是在晚上写的，说这句话是因为这句话开篇不那么突然。那么小程序的页面间传值，在我使用这段时间里，我就非常的主观的把它们分为wx.na...

2021-05-04

62浏览

0评论

JavaScript自定义插件实现tabs切换功能

本文实例为大家分享了JavaScript实现tabs切换功能的具体代码，供大家参考，具体内容如下自定义插件实现tabs切换功能这是HTML代码：<script src="jquery-3.1.0.js"></script> <...

2021-05-04

54浏览

0评论

微信小程序实现简单计算器

微信小程序写的简单计算器，供大家参考，具体内容如下
jisaunqi.js// pages/jisuanqi/jisuanqi.jsPage({ /** * 页面的初始数据 */ data: { result:"0", string:"",...

2021-05-04

36浏览

0评论

一个关于JS正则匹配的踩坑记录

最近发现在JS里的正则匹配有一个坑，而且当时很莫名奇妙，一度让我怀疑出现了灵异事件。下面是踩坑代码 var str=["二七1","二七2","金水","二七3","二七4","二七5"] v...

2021-05-04

66浏览

0评论

如何利用JS检查元素是否在视口内

前言
分享两个监测元素是否在视口内的方法1. 位置计算
使用 Element.getBoundingClientRect() 方法返回元素相对于视口的位置const isElementVisible = (el) => { const rec...

2021-05-04

70浏览

0评论

全面讲解CocosCreator热更新

前言本文主要引用cocos关于热更的官方文档，并在此基础上，总结sprout当前热更流程。什么是热更热更（新）本质上是从服务器下载需要的资源到本地，并且可以执行新的游戏逻辑，让新资源...

2021-05-04

115浏览

0评论

JavaScript中常用的几种字符串方法汇总（新手必看）

JavaScript常用的几种字符串方法字符串是一种只读数据，只能查常用的几种字符串方法： 1、charAt：根据指定的下标获取到对应的字符;
2、charCodeAt：根据指定的下标获取到字符对应...

2021-05-04

69浏览

0评论

如何在微信小程序实现一个幸运转盘小游戏

本人主要介绍如何在微信小程序里面开发一个幸运转盘的小游戏，里面主要用到javascript和 css 语法，就可以轻松实现一个简单的幸运转盘（以6个奖品区为例）。前言
本次教程需要你掌...

2021-05-04

108浏览

0评论

浅谈JS前端模块化的几种规范

前言有这样一个场景，客户端运行很久，但是法务部和数据部需要收集用户的一些信息，这些信息收集好之后需要进行相应的数据处理，之后上报到服务端。客户端提供一个纯粹的js执行引擎...

2021-05-04

110浏览

0评论

详解JS中的对象字面量

前言在 ES6 之前，js中的对象字面量(也称为对象初始化器)是非常基础的。可以定义两种类型的属性：键值对{name1: value1} 获取器{ get name(){..} }和设置器{ set name(...

2021-05-04

130浏览

0评论

Js模块打包exports require import的用法和区别

1、Commonjs之 exports和require用法Commonejs规定每个文件是一个模块。将一个JavaScript文件直接通过script标签引入页面中，和封装成CommonJS模块最大的不同在于：前者的顶层...

2021-05-04

104浏览

0评论

TypeScript泛型参数默认类型和新的strict编译选项

概述TypeScript 2.3 增加了对声明泛型参数默认类型的支持，允许为泛型类型中的类型参数指定默认类型。接下来看看如何通过泛型参数默认将以下react组件从js(和jsX)迁移到 Type...

2021-05-04

95浏览

0评论

如何制作自己的原生JavaScript路由

前言当你想到路由时，通常会想到类似react之类的库。但实际上，这些库和框架仍然使用vanillaJavaScript。那么该怎么实现呢？我希望这个“JavaScript路由教程”能够帮你了解如何用...

2021-05-04

114浏览

0评论

浅谈JS和Nodejs中的事件驱动

事件驱动和发布-订阅事件驱动架构是建立在软件开发中一种通用模式上的，这种模式被称为发布-订阅或观察者模式。在事件驱动架构中，至少有两个参与者：主题（subject）和观察者（observe...

2021-05-04

92浏览

0评论

详解Javascript实践中的命令模式

定义Encapsulate a request as an object, thereby letting you parameterize other objects with different requests, queue or log requests,and support undoable opera...

2021-05-04

97浏览

0评论

原生JS中应该禁止出现的写法

块级函数严格模式下，在 ES6 之前应禁止使用。ES6 开始可以使用，函数的作用域为声明该函数的块内部。非严格模式下应禁止使用。if(true) { function test() { //块级函数...

2021-05-04

133浏览

0评论

vue使用动态组件实现TAB切换效果

问题描述
tab切换的场景在开发中会经常用到。当需要实现这种效果的时候，我们常常会想到下面的方式去实现这个效果。方式一使用display:none;去控制dom元素的显示与隐藏...

2021-05-04

121浏览

0评论

React合成事件详解

react合成事件指的是react用js模拟了一个Dom事件流。（fiber树模拟Dom树结构）合成事件的事件流在fiber树中发生捕获和冒泡。从点击输入框开始
当你点击input输入框，react在根节...

2021-05-04

119浏览

0评论

详解React中Props的浅对比

上一周去面试的时候，面试官我PureComponent里是如何对比props的，概念已经牢记脑中，脱口而出就是浅对比，接着面试官问我是如何浅对比的，结果我就没回答上来。趁着周末，再来看看源码...

2021-05-04

149浏览

0评论

javascript动态函数如何创建

javascript动态函数的创建方法：动态函数必须用function对象来定义（function是javascript中的一个对象，是固定不变的，规定function对象的"f"必须大写，当是function时，定义函数时所...

2021-04-30

91浏览

0评论

JavaScript如何获取修改value

javascript获取修改value的方法：有些元素有value属性，如input、botton、select等，使用value属性可以修改它的值。<!DOCTYPE html><html> <head> <meta charset="UTF-...

2021-04-30

118浏览

0评论

javascript如何捕获窗口关闭事件

javascript捕获窗口关闭事件的方法：1.用javascript重新定义 window.onbeforeunload() 事件在javascript里定义一个函数即可function window.onbeforeunload() { alert("关闭...

2021-04-30

98浏览

0评论

javascript如何解决url中文乱码问题

javascript解决url中文乱码问题的方法：1.传的页面：encodeURI(url + "?userName=" + userName);//encodeURI针对整个参数进行编码url + "?userName=" + encodeURIComponent(use...

2021-04-30

110浏览

0评论

javascript对象封装的方法有哪些

javascript对象封装的方法：常规封装function Person (name,age,sex){ this.name = name; this.age = age; this.sex = sex;} Pserson.prototype = { constructor...

2021-04-30

151浏览

0评论

javascript如何设置滚动条位置

javascript设置滚动条位置的方法：JS控制滚动条的位置：window.scrollTo(x,y);竖向滚动条置顶(window.scrollTo(0,0);竖向滚动条置底 window.scrollTo(0,document.body.scrollHe...

2021-04-30

116浏览

0评论

javascript如何将时间字符串转化为时间

javascript将时间字符串转化为时间的方法：对于时间字符串格式为："2017-03-03 12:23:55";IE:显示无效的日期new Date("2017-03-3 12:23:55")//[date] Invalid Date[date] Inval...

2021-04-30

94浏览

0评论

javascript如何定义私有方法

javascript定义私有方法的方法：说明：类的构造函数里定义的function，即为私有方法；而在构造函数里用var声明的变量，也相当于是私有变量。(不过类比于c#这类强类型语言中的私有成员...

2021-04-30

97浏览

0评论

ajax和javascript的区别是什么

ajax和javascript的区别：JavaScriptjavaScript的简写形式就是JS，一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能（其编写的程序可以被嵌入到HTML或XML页面中...

2021-04-30

263浏览

0评论

2021年值得收藏的17个Vue 后台管理模板

后面的模板是我们做后台管理系统经常所需要的东西。虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。这些...

2021-04-30

97浏览

0评论

详解前端任务构建利器Gulp.js使用指南

概述在软件开发中，任务运行器的好处是不言而喻的。它们可以帮助自动运行常见的冗长的任务，让你可以专注于更重要的事情中，比如敲出很棒的代码。说的严肃点，自动运行一些比如图片...

2021-04-30

热门文章