JavaScript 判断数据类型的4种方法
本文提供四种方法判断js数据类型，这里记录了它们之间的差异，分别是 typeof 运算符、instanceof 运算符、constructor 属性、Object.prototype.toString 方法。一、使用 typeof...
2020-10-14
JavaScript实现简单日历效果
本文实例为大家分享了JavaScript实现简单日历效果的具体代码，供大家参考，具体内容如下实现效果：根据所选择的年月，列出当月对应是周几，效果图如下：实现思路：1、使用select标签保存...
2020-10-14
在js文件中引入（调用）另一个js文件的三种方法
比如我写了一个JS文件，这个文件需要调用另外一个JS文件，该如何实现呢？下面就总结下在js文件中引入另一个js文件的实现方法一，在调用文件的顶部加入下例代码function addScript(u...
2020-10-14
关于ES6尾调用优化的使用
ES6包含了一个性能领域的特殊要求。这与一个涉及函数调用的特定优化形式相关：即尾调用优化（Tail Call Optimization，TCO）。简单地说，尾调用就是一个出现在另一个函数“结尾”处的...
2020-10-14
js代码编写无缝轮播图
本文实例为大家分享了js编写无缝轮播图的具体代码，供大家参考，具体内容如下前言这个是一个轮播图提示：请让最后一个img和第一个img是一张图片相同
且 li数目为img数目-1；一、无...
2020-10-14
详解webpack的文件监听实现(热更新)
前言文件监听是在源码发生变化时，自动重新构建出新的输出文件。
webpack 开启监听模式，有两种方式：
1.启动 webpack 命令时，带上 --watch 参数。
唯一缺点：需要手动刷新才能看到...
2020-10-14
请求时token过期自动刷新token操作
1.在开发过程中，我们都会接触到token，token的作用是什么呢？主要的作用就是为了安全，用户登陆时，服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token，证明其...
2020-10-14
返回上一个url并刷新界面的js代码
JS 重载页面，本地刷新,返回上一页<a href="javascript:history.go(-1)" rel="external nofollow" >返回上一页</a><a href="javascript:location.reload()" rel="external no...
2020-10-14
浅谈javascript事件环微任务和宏任务队列原理
JS 事件环
JS 程序的运行是离不开事件环机制的，这个机制保证在发生某些事情的时候我们有机会执行一个我们事先预定好的函数，事情发生的时候 JS 会将相应的函数入栈执行然后出...
2020-10-14
利用H5api实现时钟的绘制(javascript)
HTML5的canvas标签用于绘制图像（通过脚本，通常是 JavaScript）。不过，canvas元素本身并没有绘制能力（它仅仅是图形的容器）必须使用脚本来完成实际的绘图任务。下面，具体总结了一下使...
2020-10-14
js+css3实现简单时钟特效
本文实例为大家分享了js+css3实现简单时钟的具体代码，供大家参考，具体内容如下1.实现了时钟的特效，可以转动，时间准确，画面美观大气；
2.用到了css3的transform: rotate，transform-o...
2020-10-14
js+canvas实现刮刮奖功能
本文实例为大家分享了js+canvas实现刮刮奖的具体代码，供大家参考，具体内容如下1.实现了PC端的刮刮奖效果2.使用了canvas的文本，像素操作，合成，绘制图形，随机数<!DOCTYPE html><htm...
2020-10-14
js+audio实现音乐播放器
本文实例为大家分享了js+audio实现音乐播放器的具体代码，供大家参考，具体内容如下
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>音乐播放器</title> <link r...
2020-10-14
js+canvas实现画板功能
本文实例为大家分享了js+canvas实现画板功能的具体代码，供大家参考，具体内容如下
1.实现了画图，改变画笔粗细，改变画笔颜色，清屏功能<!DOCTYPE html><html> <head> <meta charset...
2020-10-14
原生JS实现九宫格抽奖
本文实例为大家分享了JS实现九宫格抽奖的具体代码，供大家参考，具体内容如下上代码：<div class="wrapper"> <div>谢谢惠顾</div> <div>十万元现金</div> <div>谢谢惠顾...
2020-10-14
js实现3D粒子酷炫动态旋转特效
js实现3D粒子酷炫动态旋转特效（效果比较酷炫，中途不仅有形态的变换，还有颜色的变化，希望大家能够喜欢）代码实现过程中的静态截图<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Tr...
2020-10-14
js+canvas实现转盘效果（两个版本）
本文实例为大家分享了js+canvas实现转盘效果的具体代码，供大家参考，具体内容如下用到了canvas的绘制，旋转，重绘操作，定时器，文本，平移，线条，圆，清理画布等等；版本一不可以点击，刷新旋转<...
2020-10-14
swiper自定义分页器的样式
本文实例为大家分享了swiper自定义分页器的样式代码，供大家参考，具体内容如下js主要代码pagination: { // 自定义分页器的类名----必填项 el: '.custom-pagination',...
2020-10-14
JavaScript位置参数实现原理及过程解析
1.什么是位置参数?
JavaScript：为什么命名参数比位置参数更好你一定很熟悉位置参数，即使你第一次听到这个名字。function greet(firstName, lastName) { console.log(`He...
2020-10-14
详解JavaScript 高阶函数
高阶函数简介高阶函数 的英文名叫 Higher-Order Function ，是 函数式编程 中的一种。他的表现形式往往是通过把函数作为参数传入另一个函数，或者将函数作为另一个函数的返回值...
2020-10-14
浅谈JavaScript 声明提升
1 引例及基本原理在学习JavaScript声明提升之前，我们先看下面这个例子：console.log(a);var a=2;运行结果会是什么？你可能会有以下的猜测：1.报错ReferenceError: a is not define...
2020-10-14
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
JavaScript 如何计算文本的行数的实现
需求：根据行数决定是否限制展开和收起。
思路：用2个块统计行高，一个不加高度限制用来统计行数(css隐藏)，一个加高度限制用来显示(加高度限制会导致统计行数不准)要想知道文本的...
2020-10-14
js实现特别简单的钟表效果
本文实例为大家分享了js实现钟表效果的具体代码，供大家参考，具体内容如下<div class="clock"> <div class="circle"></div> <div class="hour"></div> <div class="minutes...
2020-10-14
深入了解JavaScript中的构造器
对构造函数有很好的理解是你掌握JavaScript这门语言的重点。我们都知道JavaScript不像其他语言，它没有class关键字，但是它有跟function非常相似的构造函数。这篇文章我们一起...
2020-10-14
JavaScript中7个处理undefined的小技巧
当原作者开始学习JS时，遇到了一个奇怪的情况，既存在undefined 的值，也存在表示空值的null。它们之间的明显区别是什么?它们似乎都定义了空值，而且，比较null == undefined的计算结...
2020-10-14
消除if else， 让你的代码看起来更优雅
前言应该有不少同学有遇到过充斥着if else的代码，面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差。那么是时候重构了，花几分钟看看这篇文...
2020-10-12
重学JavaScript 对象
这里我们继续学习两个比较重要的类型，就是 Object 和 Symbol。我们主要讲的是 Object，相对 Object 来说 Symbol 只是一个配角。关于对象这个概念大家非常早就会接触到了，其实人...
2020-10-09
原生JavaScript实现弹幕组件的方法
前言如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法：属性 el容器节点的选择器，容器节点应为绝对...
2020-10-09
微信小程序开发笔记，收藏！！
最近在开发微信小程序，把自己在项目中经常遇到的知识点记录下来，以便下次开发的时候查看。
开发小程序开发工具推荐vscode写代码，微信开发工具用于查看效果和调试。1、自定义标...
2020-10-09
Vuex中映射的完整指南
Vuex 是一把双刃剑。如果使用得当，使用 Vue 可以使你的工作更加轻松。如果不小心，它也会使你的代码混乱不堪。使用 Vuex 之前，你应该先了解四个主要概念：state、getter、mutatio...
2020-10-08
在Vue里如何把网页的数据导出到Excel的方法
前言： 在做后台管理的时候，我们往往有需要把网页上面的数据导出到excel这样的需求，真实的企业项目里对应一些导出财务报表、员工信息、交易记录、考勤打卡记录…等等需求...
2020-10-01
Node.js 中间件的工作原理
什么是 Express 中间件？ 中间件在字面上的意思是你在软件的一层和另一层中间放置的任何东西。 Express 中间件是在对 Express 服务器请求的生命周期内所执行的函数。 每个中...
2020-09-30
深入了解Node.js 中的多线程和多进程
Node.js 是一个免费的跨平台 JavaScript 运行时环境，尽管它本质上是单线程的，但是可以在后台使用多个线程来执行异步代码。由于 Node.js 的非阻塞性质，不同的线程执行不同的回...
2020-09-30
Vue.js中使用道具将数据传递到的子组件
在本文中，我们将研究如何在Vue.js中将数据从父组件传递到子组件。这篇文章适合所有阶段的开发人员，包括初学者。在开始之前在阅读本文之前，您应该已经了解了以下几点。您的电脑...
2020-09-30
Vue.js中使用事件发射器修改组件数据的方法
本文将向您介绍如何使用事件发射器在vue.js中将数据及其状态从子组件传递到其父组件。这篇文章适合所有阶段的开发人员，包括初学者。在你开始之前…在阅读本文之前，您应...
2020-09-30
Vue.js中使用无状态组件的方法介绍
在本文中，您将了解功能组件，并了解如何在Vue中的工作流中使用无状态组件。Vue应用程序状态是一个确定组件行为的对象。Vue应用程序状态指示组件如何呈现或如何动态。在你开始...
2020-09-30
详解Vue.js中的作用域插槽
作用域槽是Vue.js的一个有用特性，它可以使组件更加通用和可重用。唯一的问题是它们很难理解!试着让你的头在父母和孩子的范围内交织，就像解决一个棘手的数学方程。当你不能很...
2020-09-30
javascript处理异步的几种方法介绍
javascript语言的执行环境是单线程（single thread），就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实...
2020-09-29
JS对象赋值和浅拷贝的区别是什么？
赋值和浅拷贝的区别一直以为对象赋值和对象浅拷贝是一样的，但实际上它们还是有很大差异。先看赋值，将一个对象赋值给一个新的对象的时候，赋的其实是该对象在栈中的地址，而不是堆...
2020-09-29
深入了解DOM事件流的三个阶段
事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。DOM事件流分为三个阶段，分别为：捕获阶段：事件从Document节点自上而下向目标节点传播的阶段；目标阶段：真...
2020-09-29
10个实用的Javascript插件推荐
现代 JavaScript 框架使构建复杂的 Web 应用变得非常容易。 Vanilla JavaScript 指的是纯 Javascript 代码，没有使用任何框架进行扩展，这在创建小型应用程序时很好用。1. Swip...
2020-09-29
javascript扩展运算符如何进行性能优化？提高性能？
在这篇文章中，我们会进行一个有趣的测试，看看我们如何提高扩展运算符的性能。让我们首先简要介绍一下扩展运算符在数组中的工作原理。扩展运算符，也就是我们常用的三个，让数组展...
2020-09-29
vue实现井字棋游戏
本文实例为大家分享了vue实现井字棋游戏的具体代码，供大家参考，具体内容如下之前看react的教程时看到的小游戏，试着用vue做一个。右边的winner提示胜者，还没有胜者时提示下一个...
2020-09-29
分享Vue项目中会用到的一些实战技巧点
在开发Vue的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天小编就整理了几个在项目中会用到的一些实战...
2020-09-29
深入理解JavaScript中的事件
在本文中，我们将讨论事件处理程序、事件监听器和事件对象。我们还将介绍三种不同的处理事件的方法，以及一些最常见的事件。通过了解事件，您将能够为用户提供更具交互性的web体...
2020-09-29
10个使用Console进行javascript调试的高级技巧
在过去的十年中，我最热衷的事情之一就是前端开发（特别是JavaScript）。作为一个“匠人”，我喜欢专研各种工具。在本文，我会为你介绍一些用老式console来debug的技巧。是...
2020-09-29
Vue项目中使用异步组件来优化性能
在使用JavaScript框架创建大型应用程序时，考虑组件结构非常重要。通过考虑组件结构，可以避免在运行时加载每个组件并减慢应用程序的速度。在构建应用程序时，您还可以避免向用户...
2020-09-29
Vue.js中使用动态组件的方法
本文介绍了如何在Vue.js中引用组件中的HTML元素。您可以通过使用Vue路由器或创建动态组件来切换视图或组件模板。Vue路由器用于在DOM中的视图或组件模板之间导航。要使用Vue...
2020-09-29
JavaScript之 这次彻底搞懂new操作符！
前言在学习JavaScript的过程中，不可避免的会遇到new操作符,这次就来好好刨根问底一下，也算是加深理解和记忆了。什么是new操作符？mdn中是这么定义new操作符的:new 运算符创建一...
2020-09-27
