java

javascript使用canvas实现饼状图效果

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

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

JDBC-idea导入mysql连接java的jar包(mac)的方法

前言 1.本文使用的是mysql8.0版本 与5.0版本相比:导包方式相同,后面代码中的注册驱动方式不同 1.mac与pc的idea菜单和图标不是完全相同,但是步骤是差不多的 下载对应版本的jar包 mysql 8.0 jar包下载 点击上面链接,到官网下载jar包 下载后解压即可得到该版本jar包 将jar包在本地放入单独一个文件夹 我将这个jar包放入myJAR文件夹,等下直接将这个文件夹导入... »

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

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

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

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

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来画图、判断得分、失败等等,直接上代码,可直接运行。 »

javascript canvas实现简易时钟例子

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

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

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

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

如何快速搭建一个自己的服务器的详细教程(java环境)

如果是用来学习的话地域的选择是无所谓的,可以选择一个离自己近的。如果你已经安装了git,也可用git或者mac自带的命令行工具使用ssh和scp来进行服务器的连接和文件传输。 »

javascript中正则表达式语法详解

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

基于javascript canvas实现五子棋游戏

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

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

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

基于javascript处理nginx请求过程详解

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

javascript解析json格式的数据方法详解

JSON (JavaScript Object Notation)是一种简单的数据格式,比xml更轻巧。 它是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。那么如何用JavaScript来解析json呢? 首先,科普一下json。在json中,有两种结构:对象和数组。 一个对象以“{”(左括号)开始,“}”(右括号)结... »

浅谈javascript如何获取文件后缀名

在上传文件时,常常要对文件的类型即对文件的后缀名进行判断,用javascript可以很容易的做到这一点。用Javascript解析一个带绝对路径的文件名并得到后缀名的方法有很多种,这里列出一种,以供参考。 对于一个带绝对路径的文件名如:D:\Program Files\Notepad++\Notepad++.exe 首先为了避免转义反斜杠出问题,可以用正则表达式来将\或\\替换成#,如: D:#P... »

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

Page 1 of 220123»