编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Rust Android Go语言鸿蒙OS C类语言综合编程正则表达式

124浏览

0评论

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

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

2021-06-28 19:07:10

130浏览

0评论

JS Canvas接口和动画效果大全

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

2021-06-28 19:06:58

116浏览

0评论

JS ES6异步解决方案

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

2021-06-28 19:06:53

101浏览

0评论

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

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

2021-06-28 19:06:50

84浏览

0评论

如何使JavaScript休眠或等待

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

2021-06-28 19:06:46

156浏览

0评论

原生JS封装vue Tab切换效果

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

2021-06-28 19:06:43

94浏览

0评论

js精准计算

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

2021-06-28 19:06:38

99浏览

0评论

JavaScript使用canvas绘制坐标和线

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

2021-06-28 19:06:36

89浏览

0评论

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

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

2021-06-28 19:06:33

104浏览

0评论

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

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

2021-06-28 19:06:07

95浏览

0评论

JavaScript实现显示和隐藏图片

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

2021-06-28 19:06:03

88浏览

0评论

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

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

2021-06-28 19:05:52

74浏览

0评论

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

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

2021-06-28 19:05:45

88浏览

0评论

浅谈JS包装对象

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

2021-06-28 19:05:36

87浏览

0评论

比较JavaScript对象的四种方式

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

2021-06-28 19:05:28

108浏览

0评论

JS Object构造函数之Object.freeze

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

2021-06-28 19:05:26

442浏览

0评论

JS如何为promise增加abort功能

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

2021-06-28 19:05:22

96浏览

0评论

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

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

2021-06-28 19:05:19

92浏览

0评论

聊聊JS ES6中的解构

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

2021-06-28 19:05:16

108浏览

0评论

JavaScript实现简单日期特效

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

2021-06-28 19:05:10

100浏览

0评论

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

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

2021-06-28 19:04:02

104浏览

0评论

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

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

2021-06-28 19:03:56

93浏览

0评论

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

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

2021-06-28 19:03:52

124浏览

0评论

怎样用JS模拟实现枚举

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

2021-06-28 19:03:48

110浏览

0评论

10大Js图像处理库

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

2021-06-28 19:03:40

109浏览

0评论

JS如何理解data URL

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

2021-06-28 19:03:33

89浏览

0评论

详解TypeScript中的类型保护

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

2021-06-28 19:03:25

101浏览

0评论

JavaScript实现长图滚动效果

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

2021-06-28 19:03:22

77浏览

0评论

详细讨论JavaScript中的求值策略

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

2021-06-28 19:02:56

395浏览

0评论

如何利用js在两个html窗口间通信

场景：当A页面打开B页面，在B页面操作后，A页面需要同步变更数据时A 页面 ,http://127.0.0.1:10001/A.htmlvar domain = 'http://127.0.0.1:10001';window.open('http://127.0.0.1...

2021-06-28 19:02:49

100浏览

0评论

JavaScript控制台的更多功能

概述你可能在JavaScript项目中都用了console.log。这是一种查看变量的值或程序运行中发生的事情的便捷方法。但是JavaScriptconsole 对象还有许多其他的功能，可以在处理项目...

2021-06-28 19:01:17

100浏览

0评论

7个你应该知道的JS原生错误类型

概述从浏览器控制台到运行 Node.js的终端，我们到处都会看到错误。本文的重点是概述我们在js开发过程中可能遇到的错误类型。提示：良好的错误提示会导致快速而无痛的发展经历与...

2021-06-28 19:01:15

104浏览

0评论

JavaScript实现点击改变图片形状(transform应用)

JavaScript之点击改变图片形状（transform的应用），供大家参考，具体内容如下附上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>transform的运...

2021-06-28 19:01:12

97浏览

0评论

js数组去重的11种方法

在实际工作或面试中，我们经常会遇到“数组去重”问题，接下来就是使用js实现的数组去重的多种方法：1.将数组的每一个元素依次与其他元素做比较，发现重复元素，删除var arr = [1,23,...

2021-06-28 19:01:09

73浏览

0评论

如何通俗的解释TypeScript 泛型

概述在 TypeScript 中我们会使用泛型来对函数的相关类型进行约束。这里的函数，同时包含 class 的构造函数，因此，一个类的声明部分，也可以使用泛型。那么，究竟什么是泛型？如果通俗...

2021-06-28 19:01:07

118浏览

0评论

JavaScript中正则表达式的实际应用详解

实际工作中，JavaScript正则表达式还是经常用到的。所以这部分的知识是非常重要的。一、基础语法：
第一种：字面量语法var expression=/pattern/flags;第二种：RegExp构造函数语法v...

2021-06-28 19:01:04

97浏览

0评论

如何自己实现JavaScript的new操作符

构造函数在介绍new之前，必须要知道什么是构造函数。构造函数和普通函数在写法上没有任何区别，当一个函数通过new Fun()调用时，就叫做构造函数，构造函数首字母通常大写。function...

2021-06-28 19:01:01

100浏览

0评论

如何用JavaScript实现一个数组惰性求值库

概述在编程语言理论中，惰性求值（英语：Lazy Evaluation），又译为惰性计算、懒惰求值，也称为传需求调用（call-by-need），是一个计算机编程中的一个概念，它的目的是要最小化计算机要做的工...

2021-06-28 19:00:58

134浏览

0评论

详解JS变量存储深拷贝和浅拷贝

变量类型与存储空间栈内存和堆内存基本数据类型string、number、null、undefined、boolean、symbol(ES6新增) 变量值存放在栈内存中，可直接访问和修改变量的值
基本数据类型...

2021-06-28 19:00:26

116浏览

0评论

使用Vue3实现一个Upload组件的示例代码

通用上传组件开发
开发上传组件前我们需要了解： FormData上传文件所需API dragOver文件拖拽到区域时触发 dragLeave 文件离开拖动区域 drop文件移动到有效目标...

2021-06-28 19:00:16

112浏览

0评论

7个好用的TypeScript新功能

1. 可选链从 v3.7 可用这是当你尝试访问嵌套数据时的一个痛点，嵌套数据越多，代码就会变得越繁琐。在下面的例子中，要访问address，你必须遍历data.customer.address，而且data或cus...

2021-06-28 19:00:13

86浏览

0评论

JS快速掌握ES6的class用法

1.如何构造？先复习一下es5常用的构建类的方法：首先es5的写法使用原型进行对象的方法的，为什么不在构造函数里添加方法呢？因为实例化对象的时候，会重复的建立好多相同的方法，浪费资...

2021-06-28 19:00:10

70浏览

0评论

JavaScript实现简单图片切换

本文实例为大家分享了JavaScript实现简单图片切换的具体代码，供大家参考，具体内容如下下边给出几种方法进行图片切换：方法一（小白专用款！简单易懂）下边附上代码：<!DOCTYPE html><...

2021-06-28 19:00:06

102浏览

0评论

JS使用canvas技术模仿echarts柱状图

canvas 画布是html5中新增的标签，可以通过js操作 canvas 绘图 API在网页中绘制图像。百度开发了一个开源的可视化图表库ECharts，功能非常强大，可以实现折线图、柱状图、散点图...

2021-06-28 19:00:03

374浏览

0评论

Javascript之JSBridge初探

JSBridge 的起源近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中...

2021-06-28 18:59:59

89浏览

0评论

基于JavaScript实现网页计算器

本文实例为大家分享了JavaScript实现网页计算器的扫雷游戏的具体代码，供大家参考，具体内容如下先看效果：此外，计算器还附有数字、运算符检查功能：下贴源码：<!DOCTYPE html PUBLIC...

2021-06-28 18:59:25

80浏览

0评论

JavaScript实现时间范围效果

本文实例为大家分享了JavaScript实现时间范围效果的具体代码，供大家参考，具体内容如下当前时间往前的时间范围（六个月之前）效果图js文件代码片/*查询日期区间（当前时间往前） Add B...

2021-06-28 18:59:22

100浏览

0评论

分析ES5和ES6的apply区别

概述众所周知， ES6 新增了一个全局、内建、不可构造的Reflect对象，并提供了其下一系列可被拦截的操作方法。其中一个便是Reflect.apply()了。下面探究下它与传统 ES5 的Functi...

2021-06-28 18:58:47

100浏览

0评论

何时使用Map来代替普通的JS对象

1. Map 接受任何类型的键如前所述，如果对象的键不是string或symbol，JS 将隐式地将其转换为字符串。幸运的是，map的键类型没有问题const numbersMap = new Map();numbersMap.set...

2021-06-28 18:58:10

108浏览

0评论

微信小程序视频弹幕位置随机

本文实例为大家分享了微信小程序视频弹幕位置随机的具体代码，供大家参考，具体内容如下最近更新开发工具之后，微信小程序视频播放弹幕不再自动随机，所以就用了一个比较取巧的方法...

2021-06-28 18:57:40

首页 «763 764765766 767 »尾页

热门文章