javas

javascript使用canvas实现饼状图效果

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

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

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

javascript实现雪花飘落效果

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

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 ... »

javascript canvas实现简易时钟例子

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

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

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

基于javascript的无缝滚动动画实现2

以更少的代码实现相同的效果应该是我们写程序的究极目标,当然可读性不能丢。在基于javascript的无缝滚动动画实现1最后一个运行框,我已经做了这样的探索。不过换汤不换药,还是来来回回在scrollTop/scrollLeft与offsetTop/offsetLeft上做文章。总的思路基本是这样,让某个元素整体向某个方向移动,这样它里面的内容(图片或文字)就跟着移动,当元素移动到某一个距离后就回到... »

javascript实现图片轮换动作方法

图片轮换是一种相当复杂的技术,早些年基本用flash实现。这里有一个链接,教大家如何用flash实现它的。之所以用flash,是因为flash是基于帧的,这与图片轮换的原理相当接近。为了模拟帧的效果,我们要用到overflow把多余的部分遮罩掉,也就是flash中常说的遮罩层。在Flash中,连时间轴都是可视的,而我们则全凭想象力与数学来计算现在是到了哪一张图。加之,flash有Robert Pe... »

基于javascript的无缝滚动动画1

无缝滚动好像是互联网广告最大的一个载体,可以用“无处不在”来形容它。不过它比起早期的闪光字体,浮动广告算进步了。由于需求巨大,做前台迟早会遇到它。我先给出结构层部分,再慢慢讲解其实现原理。 <dl id="marquee"> <dt> <img src="http://huoche.7234.cn/images/jb51/do4jbif3olw.png" alt="无... »

如何利用javascript接收json信息并进行处理

如何利用javascript接收json信息并进行处理

javascript接收处理json信息 ajax获得接口信息,javascript本身处理json信息; 通过eval()把接收的json字符串变成真实的对象信息。 提供的json接口数据01.php: <?php header("content-type:text/html;charset=utf-8"); //制作一个json信息 echo '{"city":"北京","te... »

javascript实现时间日期的格式化的方法汇总

有的时候,我们需要一定格式的 时间 比如 2017-05-12 08:48 这样的格式。 上代码先 时间格式化 第一种 function formatDate(time){ var date = new Date(time); var year = date.getFullYear(), month = date.getMonth() + 1,//月份是从0开始的 day = date.getDa... »

javascript读取本地文件和目录方法详解

JavaScript是网页制作中离不开的脚本语言,依靠它,一个网页的内容才生动活泼、富有朝气。那就请跟我来,本文将详细描述如何使用Javascript语言进行文件操作。(一)创建FileSystemObject对象创建FileSystemObject对象的代码只要1行:var fso = new ActiveXObject;上述代码执行后,fso就成为一个FileSystemObject对象实例。 »

javascript实现页面的实时时钟显示示例

javascript实现页面的实时时钟显示示例

时钟实现 实现这个时钟时间需要解决以下三个问题: 获得当前时间,并格式化 如何可以在页面中显示时间 让时间动起来 1、获得当前时间,并格式化 要获得当前时间,可以使用JavaSctipt的Date对象,默认构造函数会返回当前时间。存储日期为自 1970 年 1 月 1 日 00:00:00以来的毫秒数。 setXxx ... »

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

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

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

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

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

javascript开发实现贪吃蛇游戏

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

基于javascript canvas实现五子棋游戏

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

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处理nginx请求过程详解

nginx是一个HTTP和反向代理服务器,目前很多网站都在使用nginx作为反向代理服务器。 njs是JavaScript语言的一个子集,它允许扩展nginx的功能,这点跟lua有点类似,不过采用的语言是javascript。 1. 安装nginx 要使用njs,需要安装一个nginx,这里的我使用的环境是Ubuntu18.04.4。 首先从http://nginx.org/en/download... »

javascript中正则表达式语法详解

  好久都没有写博客了,主要是太懒了,尤其是在阳春三月,风和日丽的日子,太阳暖暖的照在身上,真想美美的睡上一觉。就导致了这篇博客拖到现在才开始动笔,javascript的正则这一块也不是什么新的东西,主要是以前本人一遇到写正则的需求就开始头大,头疼,网上剽窃,东拼西凑,反正就是各种不适应,所以我打算系统的把正则表达式看一遍,一来是自己有所提升,这一块知识点的查漏补缺,二来是给大家分享一下。好了,下... »

javascript前端和后台进行数据交互方法示例

在开发中遇到了在没有jQuery的情况下需要与后台进行部分数据的交互,查找了部分资料使用JavaScript实现了操作,记录一下。 //获取XMLHttpRequest对象用于与后台交互数据 function getXHR(){ var xmlHttp; try { xmlHttp=new XMLHttpRequest();//新版本浏览器 }catch(e) { try{ xmlHttp=new... »

Page 1 of 80123»