JavaScript - 教程之家

52浏览

0评论

JavaScript代码简化技巧实例解析

函数式编程可以使您的代码更简单。简单意味着代码易于阅读和理解，可测试和可维护。在本文中，我描述了一些函数式编程（FP）技巧，您可以使用它们来简化代码，从而使代码更好。
摆脱临...

2020-10-14

121浏览

0评论

JS实现斐波那契数列的五种方式(小结)

下面是五种实现斐波那契数列的方法
循环function fibonacci(n){ var res1 = 1; var res2 = 1; var sum = res2; for(var i = 1;i < n;i ++){ sum = res1 + res2; res1 =...

2020-10-14

67浏览

0评论

基于原生JS封装的Modal对话框插件的示例代码

基于原生JS封装Modal对话框插件，具体内容如下所示：原生JS封装Modal对话框插件，个人用来学习原理与思想，只有简单的基本框架的实现，可在此基础上添加更多配置项API配置//基本语法...

2020-10-14

66浏览

0评论

JS异步宏队列微队列原理详解

先看一张我绘制的原理图原理图setImmediate 也是宏任务，在 Node 环境下，微任务还有 process.nextTickJS 中用来存储待执行回调函数的队列包含 2 个不同特定的列队宏列队：用来...

2020-10-14

55浏览

0评论

JavaScript 实现下雪特效的示例代码

直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>下雪效果实现</title> <link rel="stylesheet" type="text/css" href="reset.css">...

2020-10-14

225浏览

0评论

微信小程序实现点击生成随机验证码

本文实例为大家分享了微信小程序实现点击生成随机验证码的具体代码，供大家参考，具体内容如下效果图wxml<view bindtap="getCode">{{ code }}</view>jsPage({data: { code: ''}...

2020-10-14

920浏览

0评论

微信小程序实现身份证取景框拍摄

本文实例为大家分享了微信小程序实现身份证取景框拍摄的具体代码，供大家参考，具体内容如下wxml<view class="camera_box"> <camera class="camera" wx:if="{{!show}}" device-...

2020-10-14

59浏览

0评论

关于JavaScript数组去重的一些理解汇总

前言做前端开发几年，在项目中用到数组去重的机会倒不是很多，但是在面试的时候却经常被问到，个人理解，这道题真正考的是对JavaScript的基础的掌握，因为有很多种方式可以做到。这次...

2020-10-14

99浏览

0评论

详解React的回调渲染模式

一、一个简单的小例子
1.父组件
<Twitter username='tylermcginnis33'> {(user) => user === null ? <Loading /> : <Badge info={user} />}</Twitter>2.子组件框架
i...

2020-10-14

65浏览

0评论

JavaScript常用工具函数库汇总

对象或数组的深拷贝/** * 对象或数组的深拷贝 * @param {*} cloneObj 被克隆的对象 * @param {*} targetObj 克隆的目标对象 * @param {*} isOverride 若属性重复，是否覆盖被...

2020-10-14

92浏览

0评论

JS实现密码框效果

在输入密码时，将密码的长度设置为6-16，且在密码长度出现小于6或是大于16时，会出现提示，效果如下图 1. 此事件为失去焦点事件，当鼠标离开密码框且点击旁边就会触发事件
2. 输入密...

2020-10-14

45浏览

0评论

JavaScript 判断数据类型的4种方法

本文提供四种方法判断js数据类型，这里记录了它们之间的差异，分别是 typeof 运算符、instanceof 运算符、constructor 属性、Object.prototype.toString 方法。一、使用 typeof...

2020-10-14

70浏览

0评论

JavaScript实现简单日历效果

本文实例为大家分享了JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下实现效果：根据所选择的年月，列出当月对应是周几，效果图如下：实现思路：1、使用select标签保存...

2020-10-14

890浏览

0评论

在js文件中引入（调用）另一个js文件的三种方法

比如我写了一个JS文件，这个文件需要调用另外一个JS文件，该如何实现呢？下面就总结下在js文件中引入另一个js文件的实现方法一，在调用文件的顶部加入下例代码function addScript(u...

2020-10-14

50浏览

0评论

关于ES6尾调用优化的使用

ES6包含了一个性能领域的特殊要求。这与一个涉及函数调用的特定优化形式相关：即尾调用优化（Tail Call Optimization，TCO）。简单地说，尾调用就是一个出现在另一个函数“结尾”处的...

2020-10-14

66浏览

0评论

js代码编写无缝轮播图

本文实例为大家分享了js编写无缝轮播图的具体代码，供大家参考，具体内容如下前言这个是一个轮播图提示：请让最后一个img和第一个img是一张图片相同
且 li数目为img数目-1；一、无...

2020-10-14

124浏览

0评论

详解webpack的文件监听实现(热更新)

前言文件监听是在源码发生变化时，自动重新构建出新的输出文件。
webpack 开启监听模式，有两种方式：
1.启动 webpack 命令时，带上 --watch 参数。
唯一缺点：需要手动刷新才能看到...

2020-10-14

61浏览

0评论

请求时token过期自动刷新token操作

1.在开发过程中，我们都会接触到token，token的作用是什么呢？主要的作用就是为了安全，用户登陆时，服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token，证明其...

2020-10-14

66浏览

0评论

返回上一个url并刷新界面的js代码

JS 重载页面，本地刷新,返回上一页<a href="javascript:history.go(-1)" rel="external nofollow" >返回上一页</a><a href="javascript:location.reload()" rel="external no...

2020-10-14

55浏览

0评论

浅谈javascript事件环微任务和宏任务队列原理

JS 事件环
JS 程序的运行是离不开事件环机制的，这个机制保证在发生某些事情的时候我们有机会执行一个我们事先预定好的函数，事情发生的时候 JS 会将相应的函数入栈执行然后出...

2020-10-14

64浏览

0评论

利用H5api实现时钟的绘制(javascript)

HTML5的canvas标签用于绘制图像（通过脚本，通常是 JavaScript）。不过，canvas元素本身并没有绘制能力（它仅仅是图形的容器）必须使用脚本来完成实际的绘图任务。下面，具体总结了一下使...

2020-10-14

105浏览

0评论

js+css3实现简单时钟特效

本文实例为大家分享了js+css3实现简单时钟的具体代码，供大家参考，具体内容如下1.实现了时钟的特效，可以转动，时间准确，画面美观大气；
2.用到了css3的transform: rotate，transform-o...

2020-10-14

50浏览

0评论

js+canvas实现刮刮奖功能

本文实例为大家分享了js+canvas实现刮刮奖的具体代码，供大家参考，具体内容如下1.实现了PC端的刮刮奖效果2.使用了canvas的文本，像素操作，合成，绘制图形，随机数<!DOCTYPE html><htm...

2020-10-14

74浏览

0评论

js+audio实现音乐播放器

本文实例为大家分享了js+audio实现音乐播放器的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>音乐播放器</title> <link r...

2020-10-14

212浏览

0评论

js+canvas实现画板功能

本文实例为大家分享了js+canvas实现画板功能的具体代码，供大家参考，具体内容如下
1.实现了画图，改变画笔粗细，改变画笔颜色，清屏功能<!DOCTYPE html><html> <head> <meta charset...

2020-10-14

80浏览

0评论

原生JS实现九宫格抽奖

本文实例为大家分享了JS实现九宫格抽奖的具体代码，供大家参考，具体内容如下上代码：<div class="wrapper"> <div>谢谢惠顾</div> <div>十万元现金</div> <div>谢谢惠顾...

2020-10-14

116浏览

0评论

js实现3D粒子酷炫动态旋转特效

js实现3D粒子酷炫动态旋转特效（效果比较酷炫，中途不仅有形态的变换，还有颜色的变化，希望大家能够喜欢）代码实现过程中的静态截图<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tr...

2020-10-14

59浏览

0评论

js+canvas实现转盘效果（两个版本）

本文实例为大家分享了js+canvas实现转盘效果的具体代码，供大家参考，具体内容如下用到了canvas的绘制，旋转，重绘操作，定时器，文本，平移，线条，圆，清理画布等等；版本一不可以点击，刷新旋转<...

2020-10-14

97浏览

0评论

swiper自定义分页器的样式

本文实例为大家分享了swiper自定义分页器的样式代码，供大家参考，具体内容如下js主要代码pagination: { // 自定义分页器的类名----必填项 el: '.custom-pagination',...

2020-10-14

52浏览

0评论

JavaScript位置参数实现原理及过程解析

1.什么是位置参数?
JavaScript：为什么命名参数比位置参数更好你一定很熟悉位置参数，即使你第一次听到这个名字。function greet(firstName, lastName) { console.log(`He...

2020-10-14

59浏览

0评论

详解JavaScript 高阶函数

高阶函数简介高阶函数的英文名叫 Higher-Order Function ，是函数式编程中的一种。他的表现形式往往是通过把函数作为参数传入另一个函数，或者将函数作为另一个函数的返回值...

2020-10-14

93浏览

0评论

浅谈JavaScript 声明提升

1 引例及基本原理在学习JavaScript声明提升之前，我们先看下面这个例子：console.log(a);var a=2;运行结果会是什么？你可能会有以下的猜测：1.报错ReferenceError: a is not define...

2020-10-14

93浏览

0评论

JavaScript实现串行请求的示例代码

使用async和awaitvar fn = async function(promiseArr) { for(let i = 0,len = arr.length; i<len; i++) { currentPromise = (promiseArr[i] instanceOf Promise) ? p...

2020-10-14

149浏览

0评论

JavaScript 如何计算文本的行数的实现

需求：根据行数决定是否限制展开和收起。
思路：用2个块统计行高，一个不加高度限制用来统计行数(css隐藏)，一个加高度限制用来显示(加高度限制会导致统计行数不准)要想知道文本的...

2020-10-14

85浏览

0评论

js实现特别简单的钟表效果

本文实例为大家分享了js实现钟表效果的具体代码，供大家参考，具体内容如下<div class="clock"> <div class="circle"></div> <div class="hour"></div> <div class="minutes...

2020-10-14

103浏览

0评论

深入了解JavaScript中的构造器

对构造函数有很好的理解是你掌握JavaScript这门语言的重点。我们都知道JavaScript不像其他语言，它没有class关键字，但是它有跟function非常相似的构造函数。这篇文章我们一起...

2020-10-14

108浏览

0评论

JavaScript中7个处理undefined的小技巧

当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined 的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null == undefined的计算结...

2020-10-14

145浏览

0评论

消除if else，让你的代码看起来更优雅

前言应该有不少同学有遇到过充斥着if else的代码，面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差。那么是时候重构了，花几分钟看看这篇文...

2020-10-12

98浏览

0评论

重学JavaScript 对象

这里我们继续学习两个比较重要的类型，就是 Object 和 Symbol。我们主要讲的是 Object，相对 Object 来说 Symbol 只是一个配角。关于对象这个概念大家非常早就会接触到了，其实人...

2020-10-09

85浏览

0评论

原生JavaScript实现弹幕组件的方法

前言如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法：属性 el容器节点的选择器，容器节点应为绝对...

2020-10-09

338浏览

0评论

微信小程序开发笔记，收藏！！

最近在开发微信小程序，把自己在项目中经常遇到的知识点记录下来，以便下次开发的时候查看。
开发小程序开发工具推荐vscode写代码，微信开发工具用于查看效果和调试。1、自定义标...

2020-10-09

146浏览

0评论

Vuex中映射的完整指南

Vuex 是一把双刃剑。如果使用得当，使用 Vue 可以使你的工作更加轻松。如果不小心，它也会使你的代码混乱不堪。使用 Vuex 之前，你应该先了解四个主要概念：state、getter、mutatio...

2020-10-08

136浏览

0评论

在Vue里如何把网页的数据导出到Excel的方法

前言：在做后台管理的时候，我们往往有需要把网页上面的数据导出到excel这样的需求，真实的企业项目里对应一些导出财务报表、员工信息、交易记录、考勤打卡记录…等等需求...

2020-10-01

130浏览

0评论

Node.js 中间件的工作原理

什么是 Express 中间件？中间件在字面上的意思是你在软件的一层和另一层中间放置的任何东西。 Express 中间件是在对 Express 服务器请求的生命周期内所执行的函数。每个中...

2020-09-30

115浏览

0评论

深入了解Node.js 中的多线程和多进程

Node.js 是一个免费的跨平台 JavaScript 运行时环境，尽管它本质上是单线程的，但是可以在后台使用多个线程来执行异步代码。由于 Node.js 的非阻塞性质，不同的线程执行不同的回...

2020-09-30

132浏览

0评论

Vue.js中使用道具将数据传递到的子组件

在本文中，我们将研究如何在Vue.js中将数据从父组件传递到子组件。这篇文章适合所有阶段的开发人员，包括初学者。在开始之前在阅读本文之前，您应该已经了解了以下几点。您的电脑...

2020-09-30

119浏览

0评论

Vue.js中使用事件发射器修改组件数据的方法

本文将向您介绍如何使用事件发射器在vue.js中将数据及其状态从子组件传递到其父组件。这篇文章适合所有阶段的开发人员，包括初学者。在你开始之前…在阅读本文之前，您应...

2020-09-30

121浏览

0评论

Vue.js中使用无状态组件的方法介绍

在本文中，您将了解功能组件，并了解如何在Vue中的工作流中使用无状态组件。Vue应用程序状态是一个确定组件行为的对象。Vue应用程序状态指示组件如何呈现或如何动态。在你开始...

2020-09-30

161浏览

0评论

详解Vue.js中的作用域插槽

作用域槽是Vue.js的一个有用特性，它可以使组件更加通用和可重用。唯一的问题是它们很难理解!试着让你的头在父母和孩子的范围内交织，就像解决一个棘手的数学方程。当你不能很...

2020-09-30

79浏览

0评论

javascript处理异步的几种方法介绍

javascript语言的执行环境是单线程（single thread），就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实...

2020-09-29

热门文章