aokuang7460-CSDN博客

转载飞机大战（面向对象）

Game 飞机大战链接：http://t.cn/AinzMQzf提取码：ymon 这周开始了面向对象的编程平常都是面向过程的算是第一次面向对象的小项目对于复杂的问题面向对象编程可以简化问题划分成小类然后一个个设置自带的属性和特有的方法但是唯一不足的事 JS 里面好像没有停止线程开启线程的操作每次重...

2019-09-22 23:11:00 324

转载 JQ-- luckyOne

这周学习了JQ通过引入 JQ文件可以减少寻找DOM节点的代码量而且有一些操作能够代替 for循环但是要注意 jq路径以及代码加载顺序模拟抽奖可以开启暗门所以哈哈哈哈 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 ...

2019-09-22 23:02:00 153

转载 Game 2048

1 //事件处理对象 2 //addHandler() 方法接受3个参数：要操作的元素、事件名称和事件处理程序函数。 3 var EventUtil = { 4 addHandler: function (element, type, handler) { 5 if (element.addEventListener) { 6...

2019-09-16 13:27:00 252

转载自定义播放器

这周学习HTML5做了一个自定义播放器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...

2019-09-15 18:39:00 198

转载（未完待续）闭包上下文练习

1 console.log(parseInt(1e1)); 2 console.log(parseInt('1e1')); 3 console.log(parseFloat('1e1')); 4 console.log(isFinite(0/10)); 5 console.log(isFinite(20/0)); 6 console.log(isNaN(pars...

2019-09-10 22:21:00 93

转载 canvas 画板

这周学习了canvascanvas是一个嵌入式元素类似嵌入了一个画布这次得画板就是通过鼠标可以在画布上进行画图并且可以改变它的线条得粗细颜色清除画板三个小功能注意点获取鼠标当前得位置当鼠标点击得时候我们需要得到鼠标的位置并且在画板相应的位置留下笔记 event.clientX 得到的时鼠标位与页面的位置...

2019-09-10 21:34:00 124

转载 JS动效--双色球

主要思路前面六个为红色球，选号范围01-33，最后一位是蓝色球，选号范围01-16。蓝球数字有可能跟红色球一样所以写了一个生成六位不重复的数组让后通过innerHTML赋值给className相对应的div里面i 控制模拟转动的时间在if判断中数字越大转动时间越久最后就会产生一组对应的随机数主要是练习创建DOM然后用inne...

2019-09-01 17:18:00 417

转载 JS动效--星星评分

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

2019-09-01 16:41:00 205

转载 JS小游戏----决胜21点

先做了一个流程并没有实现功能这样先把大概流程先写出来后面只需要专心研究函数的实现对我个人而言是比较容易理解的在写流程的时候也加入了清屏函数在上一篇代码中，由于写完之后再去添加的清屏函数逻辑出了一些问题就省略了一些清屏函数这次代码行数较少的情况理解了清屏函数的放置位置以及必须要一些空语句（使程序暂停）搭配起来才能出现效果昨天就是没...

2019-08-25 16:21:00 262

转载 JS小游戏----猜拳小游戏

这周学习了JS 的基础数据函数和对象每一个都是很多的属性和方法下面是对象做的Xmind有很多方法创建对象的方法遍历对象添加删除对象中的属性访问对象的方法点中括号访问法猜拳游戏实际原理其实很简单规则大家全世界都通用所以这个游戏短短几行 switch就可以把简易的原理实现出来但是...

2019-08-24 23:52:00 574

转载 JS基础--基本数据类型

在js中大多数的规范还是跟其他语言差不多了比如文件命名等区分大小写注释等基本数据类型1,数字 2，字符串 3，布尔 4，undefined 5 null变量通常变量都是用来存储数据的　　声明变量初始化变量有var （默认） let const基本的运算符+ - * / ++ -- ...

2019-08-18 23:40:00 74

转载 JS基础--OOP常用概念

本周三开始学习了 JS 这是一种具有高度表达能力的、基于原型特性的、非常灵活的面向对象程序设计语言今天写的是关于OOP的一些简单概念在之前我也学习过一些编程语言例如 c语言 Java在学习过程中还是没用能学到其中精要只是学了一点皮毛功夫，但是却还是了解一些通识基础面向过程面向对象面向对象程序设计（OOP）中最常用到的概念对象、方法、属性类...

2019-08-18 23:30:00 190

转载 html/css 总结项目之一 app端机械师2

在手机端方面所有的px需要换算成 rem设计稿的宽度刚好是1080px 所以刚好除以100就可以了手机端没有鼠标而且需要检查的时候才能转换成手机的尺寸所以调试的东西更多每一个img都要设置不然缩小的时候会保持他本身的尺寸在抠雪碧图的时候在放大的时候显示正常但是在缩小成iphoneX的时候就只会截到左上角一点不知道怎么解决这个问题最后还...

2019-08-13 15:24:00 141

转载 html/css 总结项目之一 PC端湄公河行动

整个看起来不是很复杂但是header banner部分的细节比较多多层div需要设置z-index 固定窗口的值肯定最大下面的照片墙开始是想弹性布局除了一些问题最后用了左右结构再慢慢调节高度让两边高度对齐花了不少时间应该可以使用其他方法提高效率评论没什么回复的消息框比较单一定...

2019-08-13 15:03:00 190

转载周末学习总结

这五天学习的内容有点多需要实践理解记得比较散看到什么想到什么就记录一下免得遗忘vertical-align 行盒的对齐方式有三种 baseline top bottom 注意是行盒在实际运用中我在img 与文字对齐的时候用到过还是很方便文字和img 就显示在一行没有落差float 可以形成文字环绕的效果浮动了的元素会自动挤开文字...

2019-08-04 15:37:00 172

转载动画制作小球围绕中心旋转的效果

制作四个小圆围绕中心中心大圆环绕的效果我一开始也很纠结圆运动的轨迹但是让一个球不断的到下一个球的位置就在视觉上面造成了绕圆环绕的效果但是实际是4个小圆不断地循环直线路径当2到了4的位置 2会突然闪现回去造成了 4个圆的轨迹是绕圆心的由于路径是直的小圆圆心与大圆圆心的距离会有一个不均匀的变化形成了远近的效果代码实现bor...

2019-08-02 23:01:00 1244

转载本人易忘的tips

比较特殊性行内样式 > ID选择器> 类选择器> 元素选择器> 通配符选择器a元素的伪类书写顺序link > visited > hover > active继承：继承（inherit），是指子元素会自动拥有父元素的某些CSS属性并不是所有CSS属性都可以被子元素继承可被继承的属性：color fo...

2019-07-28 23:00:00 88

转载弹性布局-作用在子容器的六大属性

2019-07-26①order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。②flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。③flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。④flex-basis定义项目占据的主轴空间。(如果主轴为水平，则设置这个属性...

2019-07-26 15:33:00 388

aokuang7460的博客