![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
案例
Sk8???
Bug是改不完的
展开
-
canvas画布案例(时钟)
时钟源码如下:<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> canvas{ border: 1px solid #cccccc; } <...原创 2019-09-18 16:38:18 · 433 阅读 · 0 评论 -
数据缓存的小案例(模拟登录注册和留言缓存)
模拟登录注册<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ...原创 2019-09-17 00:49:57 · 172 阅读 · 0 评论 -
百度搜索
百度搜索<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ...原创 2019-09-16 11:31:02 · 899 阅读 · 0 评论 -
javaScript写贪吃蛇案例
游戏中有三个对象:地图(map),食物(food),蛇(snack)1.先设计地图,一个简单的div;2.设计蛇的属性:宽,高,方向,状态(有多少节),方法:显示,跑;3.设计食物的属性:宽,高;4.显示蛇:根据状态向地图里加元素5.蛇动起来:下一节到前一节的位置,蛇头根据方向变化,删除原来的蛇,新建蛇;当蛇吃到自己的时候,死亡;6.食物被吃掉,蛇加一节,去掉原来的食物,生产新的食物...原创 2019-09-10 23:18:40 · 601 阅读 · 0 评论 -
自动式三级联动
<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } .bl...原创 2019-08-27 19:57:41 · 121 阅读 · 0 评论 -
js 2048的实现
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=400,maximum-scale=3.0,minimum-scale=0.5,user-scalable=no"> ...原创 2019-10-10 10:30:22 · 177 阅读 · 0 评论 -
随机验证码的实现
随机验证:随机生产6位数字、汉字、大小写字母并且进行验证;随机生成数字:var s = Math.floor(Math.random() * 10);随机生成汉字: var string = "中国语言文字网将由教育部语言文字应用研究所主办和运行管理,新网站访问入口更改"; var s = string.charAt(Math.floor(Math.random() *...原创 2019-08-27 19:47:06 · 190 阅读 · 0 评论 -
计算器的实现
计算器的实现:功能实现加减乘除和连加连除连减连乘html+csss实现页面布局:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { ...原创 2019-08-05 16:33:56 · 224 阅读 · 0 评论 -
js实现别踩白块小游戏
存在问题:隔行也可以点击解决方法:添加一个递归函数。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:...原创 2019-10-10 10:43:44 · 129 阅读 · 0 评论