- 博客(6)
- 收藏
- 关注
原创 ES6学习笔记2
允许给函数参数赋初值 1 形参具有默认初始值,一般位置靠后 function add(a,b,c = 10){ return a+b+c; } let result = add(1,2); console.log(result); 2 与解构赋值结合 function connect(options){ if(options.host){ console.log(options.host); } ... 会重复写到options. }
2020-10-18 15:51:29 223 2
原创 Es6学习笔记(第一篇)
变量声明 1 变量不能重复命名 let star = '罗志祥'; let star = '小猪'; 2 块级作用域 { let girl = '周扬青'; //var girl = '周洋青'; } console.log(girl) //let报错 var打印出undifined 3 不存在变量提升 console.log(song) let song = 'hhh' //var song = 'hhh' //用var打印出undif.
2020-10-13 00:11:52 166
原创 原生JS完成简单贪吃蛇
一、代码需要完成的需求1.把游戏页面的画面框分割成一个个方块,设置坐标2.构造Square函数生成方块对象:该对象具有的宽高属性、类名;原型上的方法有:创建相应类名的方块DOM,删除方块DOM3.通过调用Square构造函数帮忙生成蛇对象:属性:蛇头的方向、保存整条蛇数组、蛇头、蛇尾;原型上的方法:初始化函数 调用Square创建蛇头、蛇身、蛇尾等放入数 组,再建立链表关系;蛇的下一步:蛇撞墙、蛇咬到自己、蛇要吃、蛇要移动:采用链表进行移动,参数为是否吃到食物,是就不删除蛇尾,反之删除。
2020-07-28 23:38:57 226
原创 原生js日历
代码都有注释,请指正<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>日历制作</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul{ list-style: none; } .c4{ color: #f40; } .fc:a
2020-07-24 22:25:43 154
原创 Js 简易iphone计算器
界面展示:1.实现普通计算器的基本功能:加减乘除取百分数取相反数全部清除2.思路(1)页面布局(2)其他操作功能在代码里有注释(3)不足:不明白为什么取反时,都要点击两次取反按钮才实现3.代码如下<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=divice-width,initial-scal
2020-07-19 10:09:53 567
原创 原生JS实现躲避粒子小游戏
小项目的实战操作可以帮助我们更好的掌握javascript 躲避例子游戏规则:拖拽红球躲避绿球碰撞,拖拽过程不能触碰容器内壁,以赢得游戏持久度页面效果:实现过程不积小流,无以成江海。将页面效果的实现细分成小步实现:页面结构的构建,样式修饰,js中小绿球在容器顶部随机位置生成、小绿球非水平非垂直方向的运动、小绿球碰撞容器内壁后弹性运动、生成多个小绿球、拖拽红球、红球的边界判断、红球与绿球的碰撞检测、“坚持n秒”的定时器实现、清除定时器结构搭建创建文本、容器和红球,在此项目下小绿球是动态.
2020-06-17 14:30:03 483
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人