JavaScript - 教程之家

44浏览

0评论

怎样用JavaScript实现原型模式

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

2021-06-28

60浏览

0评论

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

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

2021-06-28

49浏览

0评论

怎样用Javascript实现单例模式

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

2021-06-28

70浏览

0评论

详解JavaScript Promise和Async/Await

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

2021-06-28

78浏览

0评论

js实现简单购物车模块

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

2021-06-28

86浏览

0评论

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

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

2021-06-28

51浏览

0评论

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

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

2021-06-28

64浏览

0评论

微信小程序实现表单验证

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

2021-06-28

45浏览

0评论

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

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

2021-06-28

102浏览

0评论

怎样用Javascript实现建造者模式

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

2021-06-28

60浏览

0评论

Javascript怎样使用SessionStorage和LocalStorage

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

2021-06-28

45浏览

0评论

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

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

2021-06-28

92浏览

0评论

使用 JavaScript 制作页面效果

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

2021-06-28

40浏览

0评论

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

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

2021-06-28

80浏览

0评论

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

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

2021-06-28

50浏览

0评论

怎样用Javascript实现策略模式

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

2021-06-28

44浏览

0评论

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

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

2021-06-28

67浏览

0评论

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

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

2021-06-28

76浏览

0评论

微信小程序实现登录界面

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

2021-06-28

51浏览

0评论

怎样用JavaScript实现观察者模式

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

2021-06-28

70浏览

0评论

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

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

2021-06-28

87浏览

0评论

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

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

2021-06-28

88浏览

0评论

JS Canvas接口和动画效果大全

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

2021-06-28

71浏览

0评论

JS ES6异步解决方案

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

2021-06-28

63浏览

0评论

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

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

2021-06-28

47浏览

0评论

如何使JavaScript休眠或等待

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

2021-06-28

110浏览

0评论

原生JS封装vue Tab切换效果

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

2021-06-28

62浏览

0评论

js精准计算

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

2021-06-28

67浏览

0评论

JavaScript使用canvas绘制坐标和线

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

2021-06-28

57浏览

0评论

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

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

2021-06-28

71浏览

0评论

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

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

2021-06-28

57浏览

0评论

JavaScript实现显示和隐藏图片

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

2021-06-28

54浏览

0评论

你可能不需要在JavaScript使用switch语句

没有 switch 就没有复杂的代码块switch很方便：给定一个表达式，我们可以检查它是否与一堆case子句中的其他表达式匹配。考虑以下示例：const name = "Juliana";switch (name) {...

2021-06-28

49浏览

0评论

测量JavaScript函数的性能各种方式对比

概述测量执行一个函数所需的时间总是一个很好的办法，证明某些实现比另一个实现的性能更好。这也是一个很好的方法，可以确保性能没有在某些改变后受到影响，也可以追踪瓶颈。良好...

2021-06-28

49浏览

0评论

浅谈JS包装对象

概述定义对象是JavaScript语言最主要的数据类型，三种原始类型的值——数值、字符串、布尔值——在一定条件下，也会自动转为对象，也就是原始类型的“包装对象”（wrapper）。所谓“...

2021-06-28

54浏览

0评论

比较JavaScript对象的四种方式

前言比较JavaScript中的原始值非常简单。只需使用任何一种可用的相等运算符即可，例如严格相等运算符：'a' === 'c'; // => false1 === 1; // => true但是对象却有结构化数...

2021-06-28

66浏览

0评论

JS Object构造函数之Object.freeze

概述Object.freeze(obj)可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已经属性，不能修改该对象已有属性的可枚举性...

2021-06-28

379浏览

0评论

JS如何为promise增加abort功能

概述Promise只有三种状态：pending、resolve、reject,一个异步的承诺一旦发出，经历等待（pending）后，最终只能为成功或者失败，中途无法取消（abort）。为promise提供abort功能的思路有两...

2021-06-28

65浏览

0评论

JS对象复制(深拷贝和浅拷贝)

一、浅拷贝1、Object.assign(target,source,source...)a、可支持多个对象复制b、如果source和target属性相同 source会复制target的属性c、target只能为Object对象var obj =...

2021-06-28

58浏览

0评论

聊聊JS ES6中的解构

概述es6新增了一种从数组或者对象中获取指定元素的方式，这种方式就是我们今天要说的解构。先来说说数组的解构在有解构之前呢，我们获取数组中的指定元素通常是根据索引去做的：c...

2021-06-28

71浏览

0评论

JavaScript实现简单日期特效

JavaScript之日期特效的具体代码，供大家参考，具体内容如下直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style...

2021-06-28

68浏览

0评论

详解JS中的compose函数和pipe函数用法

compose函数compose函数可以将需要嵌套执行的函数平铺，嵌套执行就是一个函数的返回值将作为另一个函数的参数。我们考虑一个简单的需求：这个需求很简单，直接一个计算函数就行：co...

2021-06-28

63浏览

0评论

如何用JavaScript检测当前浏览器是无头浏览器

什么是无头浏览器(headless browser)？无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编程来控制无头浏览器自动执行各种任务，比如做测试，给网页截屏等。为什么叫...

2021-06-28

50浏览

0评论

理解与使用JavaScript中的回调函数

概述在JavaScript中，函数是第一类对象，这意味着函数可以像对象一样按照第一类管理被使用。既然函数实际上是对象：它们能被“存储”在变量中，能作为函数参数被传递，能在函数中被创...

2021-06-28

86浏览

0评论

怎样用JS模拟实现枚举

前言在当前的JavaScript中，并没有枚举这个概念，在某些场景中使用枚举更能保证数据的正确性，减少数据校验过程，下面就介绍一下JavaScript如何模拟实现枚举效果。枚举主要特点...

2021-06-28

68浏览

0评论

10大Js图像处理库

介绍对于很多人来说，使用JavaScript来处理图像不是一件非常简单的事情，幸运的是我们可以借助第三方的库来实现我们想要的功能，本篇文章就介绍一有哪些JavaScript图片处理库可供...

2021-06-28

66浏览

0评论

JS如何理解data URL

概述canvas有一个非常常用的方法canvas.toDataURL()，它会将canvas转化为data URL的格式。
通常情况下这个data URL的类型为image。
看看下面的例子：<canvas id="canvas" heigh...

2021-06-28

53浏览

0评论

详解TypeScript中的类型保护

概述在 TypeScript 中使用联合类型时，往往会碰到这种尴尬的情况：interface Bird { // 独有方法 fly(); // 共有方法 layEggs();}interface Fish { // 独有方法...

2021-06-28

70浏览

0评论

JavaScript实现长图滚动效果

本文实例为大家分享了JavaScript之长图滚动的具体代码，供大家参考，具体内容如下长图的滚动会涉及定时器：
我们先来回顾下定时器：<!DOCTYPE html><html lang="en"><head> <met...

2021-06-28

49浏览

0评论

详细讨论JavaScript中的求值策略

最近在研究 lambda演算中的 η-变换在JavaScript中的应用，偶然在 stackoverflow 上看到一个比较有意思的问题。关于JavaScript的求值策略，问js中函数的参数传递是按值传递还...

2021-06-28

热门文章