JavaScript - 教程之家

61浏览

0评论

如何用CocosCreator实现射击小游戏

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

2021-05-04

48浏览

0评论

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

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

2021-05-04

68浏览

0评论

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

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

2021-05-04

49浏览

0评论

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

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

2021-05-04

54浏览

0评论

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

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

2021-05-04

46浏览

0评论

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

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

2021-05-04

28浏览

0评论

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

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

2021-05-04

54浏览

0评论

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

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

2021-05-04

53浏览

0评论

全面讲解CocosCreator热更新

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

2021-05-04

101浏览

0评论

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

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

2021-05-04

63浏览

0评论

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

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

2021-05-04

99浏览

0评论

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

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

2021-05-04

102浏览

0评论

详解JS中的对象字面量

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

2021-05-04

121浏览

0评论

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

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

2021-05-04

93浏览

0评论

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

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

2021-05-04

90浏览

0评论

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

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

2021-05-04

107浏览

0评论

浅谈JS和Nodejs中的事件驱动

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

2021-05-04

81浏览

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

82浏览

0评论

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

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

2021-05-04

121浏览

0评论

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

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

2021-05-04

106浏览

0评论

React合成事件详解

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

2021-05-04

107浏览

0评论

详解React中Props的浅对比

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

2021-05-04

141浏览

0评论

javascript动态函数如何创建

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

2021-04-30

86浏览

0评论

JavaScript如何获取修改value

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

2021-04-30

98浏览

0评论

javascript如何捕获窗口关闭事件

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

2021-04-30

88浏览

0评论

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

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

2021-04-30

99浏览

0评论

javascript对象封装的方法有哪些

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

2021-04-30

142浏览

0评论

javascript如何设置滚动条位置

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

2021-04-30

106浏览

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

86浏览

0评论

javascript如何定义私有方法

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

2021-04-30

83浏览

0评论

ajax和javascript的区别是什么

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

2021-04-30

255浏览

0评论

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

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

2021-04-30

83浏览

0评论

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

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

2021-04-30

92浏览

0评论

用几道面试题来看JavaScript执行机制

前面的话根据JavaScript的运行环境，锁定它为单线程，任务需要排队执行，如果网站资源比较大，这样会导致浏览器加载会很慢，但实际上并没有，大家肯定立刻想到了同步和异步。所谓的同步...

2021-04-30

152浏览

0评论

如何用Node.js编写内存效率高的应用程序

前言软件应用程序在计算机的主存储器中运行，我们称之为随机存取存储器(RAM)。JavaScript，尤其是 Nodejs（服务端js）允许我们为终端用户编写从小型到大型的软件项目。处理程序的内...

2021-04-30

128浏览

0评论

JS不要再到处使用绝对等于运算符了

概述我们知道现在的开发人员都使用===来代替==，为什么呢？我在网上看到的大多数教程都认为，要预测JavaScript强制转换是如何工作这太复杂了，因此建议总是使用===。这些都导致许多...

2021-04-30

83浏览

0评论

如何用JavaScript学习算法复杂度

概述在本文中，我们将探讨 “二次方” 和 “n log(n)” 等术语在算法中的含义。在后面的例子中，我将引用这两个数组，一个包含 5 个元素，另一个包含 50 个元素。我还会用到JavaScr...

2021-04-30

112浏览

0评论

一文秒懂JavaScript DOM操作基础

DOM概念DOM：document object model : 文档对象模型
通过js去操作HTML的代码，添加元素，删除元素。。。获取元素（1）getElementById 通过id获取，获取到的是一个元素
（2）getElementsByTa...

2021-04-30

144浏览

0评论

react配置px转换rem的方法

安装相关的依赖npm i lib-flexible --save
npm i postcss-px2rem --save主要用来暴露项目配置npm run eject
！如果运行npm run eject报错，出错的原因应该是仓库里面代码没有提...

2021-04-30

99浏览

0评论

如何用JavaScript让你的浏览器说话

1. 最简单的例子让我们来创建一个基础函数，这个函数的参数为我们想说的话或者词，最后让我们的浏览器说出来。我们将利用在大多数现代浏览器上都可以使用的原生APIspeechSynteh...

2021-04-28

97浏览

0评论

react新版本生命周期钩子函数及用法详解

和旧的生命周期相比准备废弃三个钩子，已经新增了两个钩子React16 之后有三个生命周期被废弃(但并没有删除) componentWillMount（组件将要挂载的钩子） componentWillRece...

2021-04-28

73浏览

0评论

javascript对象怎么转换成字符串

JavaScript将对象转化成字符串，一般是使用JSON.stringify()。JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串，如果指定了replacer是一个函数...

2021-04-27

102浏览

0评论

通过代码示例，了解css3+javascript按钮水波纹效果

css3+js实现按钮水纹涟漪效果HTML 首先我们用<a>标签定义两个按钮<a href="#">button</a><a href="#">button</a>CSS3 调整布局样式色彩范围* { margin: 0; padding:...

2021-04-27

121浏览

0评论

javascript数组如何删除指定元素

javascript自带删除数组元素方法有：1.delete方法delete删除掉数组中的元素后，会把该下标出的值置为undefined,数组的长度不会变如：delete arr[1] //[‘a’, ,‘...

2021-04-27

102浏览

0评论

jquery模拟picker实现滑动选择效果

本文实例为大家分享了jquery模拟picker实现滑动选择效果的具体代码，供大家参考，具体内容如下代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewpo...

2021-04-27

125浏览

0评论

jquery实现时间选择器

本文实例为大家分享了jquery实现时间选择器的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="renderer"...

2021-04-27

106浏览

0评论

vue实现右侧滑出层动画

本文实例为大家分享了vue实现右侧滑出层动画的具体代码，供大家参考，具体内容如下效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="renderer"...

2021-04-27

140浏览

0评论

javascript中input怎么用

JavaScript中input常用方法表单对象常用事件：
onfocus：在表单元素收到输入焦点时触发；
onblur：在表单元素失去输入焦点时触发。
如：文本框失去焦点时，以下代码将调用myfun()函数...

2021-04-27

111浏览

0评论

javascript时间转换的方法

javascript时间转换创建一个util.js文件，在里面重新封装一下Date的format方法：//Date的prototype 属性可以向对象添加属性和方法。 Date.prototype.Format = function(fmt)...

2021-04-27

128浏览

0评论

javascript方法（函数）的定义方式有哪些

方法（method）是通过对象调用的javascript函数。也就是说，方法也是函数，只是比较特殊的函数。当将函数和对象和写在一起时，函数（function）就变成了方法（method）。JavaScript中定义方法...

2021-04-26

热门文章