pt

javascript使用canvas实现饼状图效果

使用canvas写一个饼状图,供大家参考,具体内容如下代码: Document »

JavaScript常用工具函数库汇总

对象或数组的深拷贝 /** * 对象或数组的深拷贝 * @param {*} cloneObj 被克隆的对象 * @param {*} targetObj 克隆的目标对象 * @param {*} isOverride 若属性重复,是否覆盖被克隆对象的属性 */ function deepClone(cloneObj, targetObj, isOverride = true) { const _... »

JavaScript交换变量常用4种方法解析

许多算法需要交换2个变量。对于大多数情况,我建议使用解构赋值来交换变量。让我们使用临时变量 temp 交换变量 a 和 b 的值:let a = 1;let b = 2;let temp;temp = a;a = b;b = temp;a; // => 2b; // => 13.加减法您可以交换变量而无需使用额外的内存。已经完成了a和b的交换。提醒一下,这是 XOR 真值表:在Java... »

一文秒懂JavaScript构造函数、实例、原型对象以及原型链

构造函数的成员JavaScript 的构造函数中可以添加一些成员,可以在构造函数本身上添加,也可以在构造函数内部的 this 上添加。JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。constructor 主要用于记录该对象引用于哪个构造函数,它可以让原型对象重新指向原来的构造函数。一般情况下,对象的方法都在构造函数的原型对象中设置。 »

JavaScript数组排序的六种常见算法总结

前言 着急用的话,选择前两个就行了,后面的看看就好。 开发中,遇到数组排序的需求很频繁,这篇文章会介绍几个常见排序思路。 一、希尔排序(性能最好) 如果要从大到小排列,则 while(arr[n] > arr[n – interval] && n > 0) 。 // 希尔排序算法 function xier(arr){ var interval = pars... »

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

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

前言做前端开发几年,在项目中用到数组去重的机会倒不是很多,但是在面试的时候却经常被问到,个人理解,这道题真正考的是对JavaScript的基础的掌握,因为有很多种方式可以做到。这次就根据这道题,将相关的知识理解透彻。Set中的元素只会出现一次,即 Set 中的元素是唯一的。 »

JavaScript浅层克隆与深度克隆示例详解

1 相关知识点 浅克隆就是将栈内存中的引用复制一份,赋给一个新的变量,本质上两个指向堆内存中的同一地址,内容也相同,其中一个变化另一个内容也会变化。 深克隆就是创建一个新的空对象,开辟一块内存,然后将原对象中的数据全部复制过去,完全切断两个对象间的联系。 区别:浅克隆和深克隆最大的区别就是对引用值的处理了,即浅克隆之后你改我也改,深克隆之后你改我不改。(PS:原始值的处理一样) 原始值(栈数据st... »

浅谈JavaScript节流和防抖函数

概念 节流函数 间隔固定的时间执行传入的方法 目的是防止函数执行的频率过快,影响性能.常见于跟滚动,鼠标移动事件绑定的功能. 防抖函数 对于接触过硬件的人也许更好理解,硬件按钮按下时,由于用户按住时间的长短不一,会多次触发电流的波动,加一个防抖函数就会只触发一次,防止了无意义的电流波动引起的问题. 按键防反跳(Debounce)为什么要去抖动呢?机械按键在按下时,并非按下就接触的很好,尤其是有簧片... »

基于JavaScript实现大文件上传后端代码实例

首先是文件数据接收逻辑,负责接收控件上传的文件块数据,然后写到服务器的文件中。文件初始化部分第一步:获取RandomAccessFile,随机访问文件类的对象第二步:调用RandomAccessFile的getChannel()方法,打开文件通道 FileChannel,这块逻辑可以优化,如果以后有分布式存储需求,可以改为分布式存储,减轻单台服务器的压力。最后放一张实现的效果图后端代码逻辑大部分是... »

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

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

直接上代码 下雪效果实现 body,html 效果图以上就是JavaScript 实现下雪特效的示例代码的详细内容,更多关于JavaScript 实现下雪特效的资料请关注软件开发网其它相关文章! »

Vue 使用typescript如何优雅的调用swagger API

Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务,后端集成下Swagger,然后就可以提供一个在线文档地址给前端同学。 前端如何优雅的调用呢? 入门版 根据文档,用axios自动来调用 // 应用管理相关接口 import axios from '../interceptors.js' // 获取应用列表 export const getL... »

JavaScript实现简单验证码

JavaScript实现简单验证码

JavaScript实现简单验证码,供大家参考,具体内容如下 验证流程图 HTML部分 ```javascript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i... »

javascript实现扫雷简易版

本文实例为大家分享了javascript实现扫雷简易版的具体代码,供大家参考,具体内容如下 使用截图 说明 这个完成的建议版本,所以没有插旗子,没有计时,就是最基本的原理实现,熟练的大佬30min就能完成 代码讲解 初始数据 var MAPSIZE = 10; var BOMBNUM = 1; var BOMBPOSITION = {}; var SQUAERPOSITION = {}; var ... »

JavaScript代码简化技巧实例解析

函数式编程可以使您的代码更简单。简单意味着代码易于阅读和理解,可测试和可维护。如果使用JavaScript编程,则所有变量定义都应使用 const。map是程序员用于列表处理的函数之一。&& 和 || 运算符,当第一部分错误时,JavaScript不会计算表达式的后半部分。Map 和 查找使用 map 作为查找 list 是替换一系列if语句的有效方法。该代码立即显示出它的意图。 »

谈谈JavaScript令人迷惑的==与+

前言 相信很多学习过JavaScript的小伙伴都对JavaScript的==与+有一些疑惑,经常会出现结果与自己想象不一样的情况,而且也没找到一个通用的方法,只能死记硬背,非常难受。(咦,这不就是说的我嘛,嘻嘻嘻)今天就一起来揭开它们的神秘面纱,彻底解决掉他们。 正式开始之前,先来小试牛刀一下: null == undefined; [] == []; '23'= 23; 45 == [45];... »

JavaScript经典案例之简易计算器

本文实例为大家分享了JavaScript实现简易计算器的具体代码,供大家参考,具体内容如下 效果图: 逻辑: 1、首先通过遍历,为所有元素添加事件; 2、各个按钮功能分别实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ... »

javascript实现贪吃蛇游戏(娱乐版)

本文实例为大家分享了javascript实现贪吃蛇游戏的具体代码,供大家参考,具体内容如下一共三个对象map,snake,food,代表的含义如名字。snake和food其实就是数组,表示位置,map来画图、判断得分、失败等等,直接上代码,可直接运行。 »

JavaScript日期库date-fn.js使用方法解析

用JavaScript处理日期并不容易。因此,如果您查看大多数应用程序的 package.json 文件,通常会在其中找到像 Moment.js 这样的库。 它对开发人员对解析/格式化/计算日期而言不再那么艰巨,但 Moment.js 是最早臭名昭著的库之一。 但是您知道一个名为 date-fns 的库吗? date-fn官网 date-fns 通常被认为是 Moment.js 的一个有价值的替代... »

如何检测JavaScript中的死循环示例详解

如何检测JavaScript中的死循环示例详解

首先我们需要使用iframe这主要是安全考虑,我们需要一个sandbox环境来执行JavaScript,避免影响到整体。Web Worker可行但不支持DOM API如果是纯粹的JavaScript代码,或许用web worker可以,但是我们需要DOM API,所以Web Worker也不在考虑范围之中。到此这篇关于如何检测JavaScript中的死循环的文章就介绍到这了,更多相关检测JavaS... »

JavaScript实现拖拽和缩放效果

本文实例为大家分享了JavaScript实现拖拽和缩放效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>... »

前端使用crypto.js进行加密的函数代码

crypto-js 是一个纯 javascript 写的加密算法类库 ,可以非常方便地在 javascript 进行 MD5、SHA1、SHA2、SHA3、RIPEMD-160 哈希散列,进行 AES、DES、Rabbit、RC4、Triple DES 加解密。 »

JavaScript常用8种数组去重代码实例

在我们学习和使用JavaScript的中,会经常使用到数组的去重,接下来的内容,来给大家分享一下,我们在开发过程中,常用到的数组去重方法,这些方法都是有在实战中真实实践过的,非常值得大家学习和收藏,我们一起来看看都有哪些方法吧! 1.利用对象的属性 使用对象属性不重名的特性。 var arr = ['qiang','ming','tao','li','liang','you','qiang','t... »

JavaScript中CreateTextFile函数

使用实例:   object.CreateTextFile   (filename[, overwrite[, unicode]])   其中object是必选项。 应为 FileSystemObject 或 Folder 对象的名称。   filename是必选项。 指明所要创建文件的字符串表达式。   overwrite是可选项。 Boolean 值,指明能否覆盖已有文件。 如果文件可以覆盖,... »

JavaScript实现矩形块大小任意缩放

最近写了一个原生JavaScript实现矩形块大小任意缩放的案例,感觉里面的东西比较的绕,这里分享源码给大家,一起学习一下。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid... »

PHP isset()及empty()用法区别详解

PHP isset函数作用 isset函数是检测变量是否设置。 格式:bool isset( mixed var [, mixed var [, …]] ) 返回值: 若变量不存在则返回FALSE 若变量存在且其值为NULL,也返回FALSE 若变量存在且值不为NULL,则返回TURE 同时检查多个变量时,每个单项都符号上一条要求时才返回TRUE,否则结果为FALSE 如果已经使用un... »

Page 1 of 477123»