a浮云-CSDN博客

原创 H5中拖拽和释放（drag和drop）

练习将body下的五个div标签拖拽到一个class为parent的div中再然后又将div盒子拖拽到body中代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width

2021-05-19 23:36:57 1036

原创用H5新特性canvas绘制一个钟表

由canvas中的beginPath(),stroke()来绘制钟表的指针和点数在然后用一个函数封装，用间歇调用setInterval(handler,1000)来让函数每一秒绘制一个表，到达动态的效果代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width

2021-05-19 23:30:09 124

原创如何获取当前地理位置的坐标

##需要一段代码即可//通过浏览器的全局对象window来获取 window.onload = function(){ window.navigator.geolocation.getCurrentPosition(function(position){ console.log(position) //获取经纬度 console.log(position.coords.latitude) console.log(position.coor

2021-05-19 23:18:25 1720

原创用js做一个钟表

###用js中的间歇调用来做一个钟表<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-05-19 17:27:54 241

原创 js练习做一个简单的石头剪刀布的小游戏

###在该练习中我们运用到setInteval(handel,time)间歇调用来实现代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-

2021-05-19 17:23:36 358 1

原创用js动态实现表格的添加和删除

##直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit

2021-05-19 17:14:46 675

原创用js做一个坦克移动的小游戏

###代码实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2021-05-19 17:07:07 666

原创用js写一个倒计时表

html代码布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <

2021-05-19 16:57:10 146

原创冒泡排序

冒泡排序冒泡排序就是将有n个数据进行比较时，比较n-1次，每一次比较取最小值（升序）或者最大值（降序）。例如：[2, 1, 5, 3, 6, 4, 9, 8, 7]第一次用第一个数 2 从左向右比较，没有比2更小的就不做改变，反之就把最小值和2进行对换。然后就取第二个数与该数后面重复上面的操作。具体代码和执行结果如下:import java.util.Arrays;public class BubbleSort { public static void main(String[] args

2021-04-12 12:52:34 60

原创简单概括和介绍html

简单概括和介绍html1）html 超文本的标记语言文本，中.英文，音频，图片。。。。。2）浏览器解析html文件的顺序，从上往下，并且页面中元素的位置，与该元素在html文件中的位置保持一致3）html出现语法错误的时候，浏览器或者编辑器不会报错4）html可以以.html或者.htm作为文件名的后缀2.前期准备：1）B/S架构2）HTTP：超文本传输协议核心：请求/响应模式请求：请求头：浏览器的缓存机制；设置token（令牌登录）；请求行：请求方式（post，get），

2021-03-23 22:58:17 184 4

you_very_brave的博客