rip

javascript使用canvas实现饼状图效果

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

JavaScript数组类型Array相关的属性与方法详解

Array数组类型详解在ECMAScript中除了object类型之外,Array数组用的是最常用的类型。ECMAScript数组可以在每一项存储任何类型的值,无需指定数组的长度,还可以随着数据的增长来增加数组长度,这些是和其他语言的数组不同的。console.log; // trueArray.isArray()方法就解决了上面的问题,可以快速的检测对象是否为数组。 »

你不知道的 TypeScript 高级类型(小结)

前言 对于有 JavaScript 基础的同学来说,入门 TypeScript 其实很容易,只需要简单掌握其基础的类型系统就可以逐步将 JS 应用过渡到 TS 应用。 // js const double = (num) => 2 * num // ts const double = (num: number): number => 2 * num 然而,当应用越来越复杂,我们很容易把... »

JavaScript中的函数式编程详解

函数式编程函数式编程是一种编程范式,是一种构建计算机程序结构和元素的风格,它把计算看作是对数学函数的评估,避免了状态的变化和数据的可变,与函数式编程相对的是命令式编程。同时函数的运行也不改变任何外部数据,它只通过它的返回值与外部通讯。不纯的函数可能会带来副作用。这可能会带来难以查找的问题并降低代码的可读性。 »

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

需求:根据行数决定是否限制展开和收起。 思路:用2个块统计行高,一个不加高度限制用来统计行数(css隐藏),一个加高度限制用来显示(加高度限制会导致统计行数不准) 要想知道文本的行数,那就需要知道文本的总高度和每一行的高度,总高度除以行高就是行数。当然总高度的计算必须是文字所在的 DOM 没有对高度的限制,随着文本的增加 DOM 要随之变高才行;最后还要考虑 DOM 的样式padding和marg... »

JavaScript事件循环及宏任务微任务原理解析

首先看一段代码: 打印顺序是什么? 正确答案:script start, script end, promise1, promise2, setTimeout 其中涉及到事件循环(event loop),宏任务(macrotask),微任务(microtask) 一、事件循环 Event Loop 程序中设置两个线程:一个负责程序本身的运行,称为”主线程”;另一个负责主线程... »

javascript操作向表格中动态加载数据

本文实例为大家分享了javascript实现向表格中动态加载数据的具体代码,供大家参考,具体内容如下首先在HTML中编写表格信息 //表格头部信息 编号 姓名 身份 操作 //表格内容信息 然后编写js代码 //创建一个数组 var p »

如何使用JavaScript实现无缝滚动自动播放轮播图效果

在一些项目开发中,我们经常需要使用到轮播图,但是没有深入学习的情况下做轮播图是非常困难的。 思路 分成小问题来解决 1. 动态生成序号12345 页面有多少li(图片),就有多少序号 2. 点击序号、显示高亮、切换图片 2.1 给序号注册onclick事件 2.2 取消其他序号高亮显示,让当前点击的序号高亮显示 2.3 点击序号,动画的方式切换到当前点击的图片位置(设置自定义属性,记录当前索引,有... »

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

使用async和await var fn = async function(promiseArr) { for(let i = 0,len = arr.length; i<len; i++) { currentPromise = (promiseArr[i] instanceOf Promise) ? promiseArr[i] : Promise.resolve(promiseA... »

JavaScript this关键字指向常用情况解析

在之前写代码的经历中,常常试过写着写着this就莫名其妙的不知道指向到哪里去了。今天看了曾探的javascript设计模式,里面特别谈到了this在不同情况下指代的对象,非常有意思。var obj = }obj.getNum();2、普通函数形式调用普通函数的方式被调用时,this指向全局对象。 »

Javascript call及apply应用场景及实例

一、作用及应用场景 call和apply是Function的方法,他的第一个参数是this,第二个是Function的参数。call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样,只是... »

JavaScript 空间坐标的使用

基础知识 首先参考画布分为视口(窗口)与文档的含义 网页很多都是多屏,所以文档尺寸一般大于视口尺寸 视口尺寸不包括浏览器工具条、菜单、标签、状态栏等 当打开控制台后,视口尺寸相应变小 文档像 position 定位,视口类似 fixed 定位 文档坐标在页面滚动时不发生改变 视口坐标的操作需要考虑滚动条的位置 视口文档 视口坐标需要知道滚动条位置才可以进行计算,有以下几种方式获取滚动位置 方法 说... »

浅谈JavaScript 声明提升

1 引例及基本原理在学习JavaScript声明提升之前,我们先看下面这个例子:console.log;var a=2;运行结果会是什么?其实,对于var a=2;这条语句,JavaScript会将其视为两个声明: 定义声明var a,会在编译阶段进行; 赋值声明a=2,会留在原地等待执行阶段进行。而所谓的声明提升:就是JavaScript会把var变量声明和函数声明都会被提升到各自作用域的顶... »

JavaScript arguments.callee作用及替换方案详解

为了消除这种紧密耦合的现象,可以像下面这样使用arguments.calleefunction factorial else }在这个重写后的 factorial()函数的函数体内,没有再引用函数名 factorial。如果像原来的 factorial() 那样不使用 arguments.callee,调用 trueFactorial()就会返回 0。递归时用到arguments.callee(... »

Javascript类型判断相关例题及解析

题目: 请在index.html文件中,编写arraysSimilar函数,实现判断传入的两个数组是否相似。具体需求: 1. 数组中的成员类型相同,顺序可以不同。例如[1, true] 与 [false, 2]是相似的。 2. 数组的长度一致。 3. 类型的判断范围,需要区分:String, Boolean, Number, undefined, null, 函数,日期, window. 当以上全... »

javaScript代码飘红报错看不懂?读完这篇文章再试试

一、本文将会出现以下英语词汇 assignment[əˈsaɪnmənt] 赋值;分配 assignment [əˈsaɪnmənt] 分配;任务 call [kɔːl]  调用 caught [kɔːt]  捕获;接住;截住;拦住; constructor ... »

详解JavaScript 高阶函数

高阶函数简介高阶函数 的英文名叫 Higher-Order Function ,是 函数式编程 中的一种。下面拿3个面试中常问的高阶函数举例子,希望看完以后能够提升大家对JS的理解,提高我们的代码质量。chat is cheap,show you my code~Array.map()功能介绍map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。reduce() 可以作为一... »

JavaScript Array.flat()函数用法解析

JavaScript的Array.flat()函数深入探讨功能概述flat() 函数提供了将一组数组项串联成一个全新的数组并在函数完成后返回新数组的能力。下面的示例演示了该功能的实际作用:var array1 = [1, , 3, , 5];var array2 = array1.flat();// array2: [1, 3, 5]尽管原始数组占用了五个位置,而第二个和第四个位置的值未定义,但是... »

Javascript基于OOP实实现探测器功能代码实例

代码如下运行结果 »

javascript实现雪花飘落效果

圣诞节快到了相信许多公司的前端都在会收到一个需求,那就是做一个关于圣诞节的专题,而这个专题为了应对圣诞节这个主题都会加上雪花飘呀飘这个小动画,当然我们公司也不例外,下面就是本人用js写的一小段雪花秀啦: html body .snow .snow_img 代码很简单,都是运动用js的一些基础知识点做出来的,主要是随机数和一些判断。 »

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

调用者必须确保firstName是第一个参数,lastName是第二个参数。你会看到map和parseInt函数在显而易见的情况下隐藏了它们的一些秘密。map获取数组的第一项并将其传递给parseInt。必须有一个中间步骤,将回调收到的args发送到myCustomParseInt。 具有解构的命名参数不久前,JavaScript获得了称为解构的功能,让我们在myCustomParseInt实现中... »

通过实例解析JavaScript常用排序算法

通过实例解析JavaScript常用排序算法

冒泡排序冒泡排序是我们在编程算法中,算是比较常用的排序算法之一,在学习阶段,也是最需要接触理解的算法,所以我们放在第一个来学习。由于每次排序最后一个都是最大的,所以之后按照步骤1排序最后一个元素不用比较。如果这一趟没有发生交换,则说明排序已经完成。然后递归调用,在两边都实行快速排序。 »

Javascript如何实现扩充基本类型

可以通过给Function.prototype增加方法来使得该方法对所有函数可用。 通过给Function.prototype增加一个method方法,下次给对象增加方法的时候就不必键入prototype这几个字符了。 Function.prototype.method=function(name,func){ this.prototype[name]=func; return this; } 一... »

Javascript前端下载后台传来的文件流代码实例

前台请求数据:url: '/app/downloadApp', method: 'get', responseType: 'blob', params: data设置接收参数格式为responseType: ‘blob',downloadFile(res, fileName) if (windo »

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

HTML5的canvas标签用于绘制图像(通过脚本,通常是 JavaScript)。不过,canvas元素本身并没有绘制能力(它仅仅是图形的容器)必须使用脚本来完成实际的绘图任务。 下面,具体总结了一下使用画布canvas的步骤: 画布: canvas 在页面上规划出一块空间,canvas标签,通过javascript控制画布完成绘制 1.获取画布 var canvas=document.getE... »

Page 1 of 499123»