script

javascript使用canvas实现饼状图效果

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

Javascript中Math.max和Math.max.apply的区别和用法详解

最近在做一个小案例的时候遇到了Math.max.apply这么一个用法,之前很少遇到过感觉挺有趣的,就记录一下。这时就用到apply方法2Math.max.applyapply() 方法调用一个函数。简单理解为调用函数的方式,但是它可以改变函数的 this 指向,同时用指定数组替换函数的参数。 »

javascript实现雪花飘落效果

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

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

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

javascript实现移动端上传图片功能

本文实例为大家分享了javascript实现移动端上传图片的具体代码,供大家参考,具体内容如下 核心部分(.html) window.onload = function() { let fileTag = document.getElementById('file'); // console.log(fileTag) // console.log(this.pic) let that = this... »

javascript实现扫雷简易版

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

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

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

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

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

浅谈javascript事件环微任务和宏任务队列原理

等待主线程的执行栈空了,微任务队列立刻被推入栈中执行,执行完毕开始执行宏任务队列一个经典的例子html js// Let's get hold of those elementsvar outer = document.querySelector;var inner = document.querySelector;// Let's listen for attribute changes on ... »

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

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

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

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

Javascript call及apply应用场景及实例

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

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

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

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

代码如下运行结果 »

Javascript如何实现扩充基本类型

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

Javascript var变量删除原理及实现

Javascript var变量删除原理及实现

var有三种声明的情形: var声明的全局变量 var在函数范围内声明的局部变量 eval中声明的全局变量。首先,1、2种情形var声明的变量是无法删除的。尽管var声明的全局变量是属于window对象的属性,但依然是无法删除的,因为这种属性的configurable=false,因此不能delete掉。局部变量就更不用说了,连var变量依附的对象都不知道在哪里,肯定无法删除。 »

javascript canvas实现简易时钟例子

本文实例为大家分享了javascript canvas实现简易时钟的具体代码,供大家参考,具体内容如下 钟表 »

javascript实现一款好看的秒表计时器

本文实例为大家分享了javascript实现秒表计时的具体代码,供大家参考,具体内容如下 实现图片: 分+秒+跑秒 时+分+秒+跑秒 需求分析: 1、显示整个秒表页面; 2、在点击“开始”按钮之后,开始计时,并将按钮转为“暂停”按钮,在点击“暂停”按钮之后,将按钮转为“开始”按钮,并停止计时; 3、在点击“复位”按钮之后,将显示的计时清零,并将按钮变回“开始”按钮。 页面结构: <div i... »

javascript运行机制之执行顺序理解

       JavaScript是一种描述型脚本语言,它不同于java或C#等编译性语言,它不需要进行编译成中间语言,而是由浏览器进行动态地解析与执行。如果你不能理解javaScript语言的运行机制,或者简单地说,你不能掌握javascript的执行顺序,那你就犹如伯乐驾驭不了千里马,让千里马脱缰而出,四处乱窜。  ... »

jsp学习之scriptlet的使用方法详解

scriptlet的使用 jsp页面中分三种scriptlet: 第一种: 可以在里面写java的代码。定义java变量以及书写java语句。的使用this is java page的使用this is java page的使用 this is java page到此这篇关于jsp学习之scriptlet的使用方法详解的文章就介绍到这了,更多相关jsp scriptlet 内容请搜索软件开发网... »

javascript实现京东登录显示隐藏密码

javascript实现京东登录显示隐藏密码

本文实例为大家分享了javascript仿京东登录显示隐藏密码的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s... »

typescript配置alias的详细步骤

1 安装依赖 npm install --save-dev babel-plugin-module-resolver # yarn add babel-plugin-module-resolver --dev 根目录新增.babelrc文件 参考以下内容按您项目中的需要去修改 { "presets": ["next/babel"], "plugins": [ [ "module-resolver"... »

javascript开发实现贪吃蛇游戏

贪吃蛇的例子: 在此例子中,利用snake数组的第0个元素和direction对象中的x值和y值做加法,算出蛇的下一个位置。利用间隔函数,不停的修改类名来进行渲染操作,感觉是一个很灵活的例子。 style.css *{ margin: 0; padding: 0; box-sizing: border-box; } .page{ width: 100vw; height: 100vh; posit... »

javascript的hashCode函数实现代码小结

为了使用的方便,稍稍再改良了一下 function hashcode(str) { var hash = 0, i, chr, len; if (str.length === 0) return hash; for (i = 0, len = str.length; i < len; i++) { chr = str.charCodeAt(i); hash = ((hash <<... »

基于javascript canvas实现五子棋游戏

本文实例为大家分享了基于canvas的五子棋的具体代码,供大家参考,具体内容如下 第一部分:核心类Gobang 属性: this.box = box; // 存放五子棋的容器 this.canvas = null; // 画布 this.ctx = null; this.size = 600; // 棋盘大小 this.cellNum = 20; // 单行棋格数量 this.padding = ... »

Page 1 of 247123»