摘要: 转行学开发,代码100天——2018-05-03 今天继续学习JavaScript事件基础之键盘事件。 键盘代号获取 keyCode 键盘事件:onkeydown onkeyup 如通过键盘上下左右按键操控物体移动的应用 其他常用的几个键盘按钮 enter keyCode==13 ctrlKey s 阅读全文
posted @ 2018-05-03 18:21 东易韦 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-05-02 1.事件对象 JavaScript中事件对象通常用定义变量ev或event表示。为了兼顾浏览器兼容问题,定义事件对象为 var oEvent = ev||event; 2.鼠标事件 鼠标事件通常有获取鼠标点击位置clientX;clientY 鼠标移 阅读全文
posted @ 2018-05-02 22:29 东易韦 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-04-26 前面学过了JavaScript运动的两种常用情形:匀速运动与缓冲运动。在这两种运动的处理过程中最大的区别在于速度的处理和到达目标点的处理。 即本文需要学习和记录的JavaScript运动的停止条件问题。 1.匀速运动的停止条件 匀速运动框架: 假设让 阅读全文
posted @ 2018-04-26 23:28 东易韦 阅读(244) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-04-25 今天继续学习JavaScript的运动实现——多物体运动框架的介绍及其应用。 首先来看一个简单的例子。如下图,要使图中3个红色盒子实现鼠标移入变宽,移出缩回的动作。 可以看到,我们期望通过一个函数startMove函数实现鼠标的移入移出事件,同时给三 阅读全文
posted @ 2018-04-25 22:06 东易韦 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天!——2018-04-24 今天继续学习JavaScript运动之缓冲运动。相对于匀速运动,缓冲运动的不同之处在于其速度值是不断变化的,越靠近目标点,速度越小。 即可以表示为:speed =( iTarget-curPos)/constNum; 做个简单的例子说明一下这个问题 阅读全文
posted @ 2018-04-24 00:06 东易韦 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-04-23 一、运动基础框架 JavaScript的运动可以广义理解为渐变效果,直接移动效果等,图网页上常见的“分享到”,banner,透明度变化等。其实现的基本方法就是利用前面学到的定时器。 通过学习,总结一下基本的运动实现——运动框架。 运动框架可以理解为实 阅读全文
posted @ 2018-04-23 21:00 东易韦 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-04-22 昨天学习了JavaScript对table的基本操作,包括表格的创建,表格元素的获取,隔行换色及鼠标动作等。今天主要学习table的搜索查询及排序操作。 一.搜索查询 搜索查询核心即是将要查询的内容与表格内容相匹配。 搜索查询的方式包括:直接查询、模 阅读全文
posted @ 2018-04-22 11:24 东易韦 阅读(465) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-04-21 今天记录一下,JavaScript对表格table的操作应用,包括表格元素的获取,创建,删除等。 一个普通的完整表格包括以下几个部分:table->thead->tbody->tr->td等 1.表格的创建 如下面的一个表格,表头部分:序号-姓名-年 阅读全文
posted @ 2018-04-21 13:37 东易韦 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-04-20 JavaScript对DOM元素的创建、删除操作。 1.创建DOM元素 appendChild方法 createElement(ochild); oparent.appendChild(ochild) insertBefore方法 createEle 阅读全文
posted @ 2018-04-20 00:20 东易韦 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 转行学开发,代码100天——2018-04-19 1.通过JavaScript元素属性的操作 三种: 2.获取DOM元素的方式 三种:id tagName className document.getElementById("id") //返回元素对象 document.getElementsByT 阅读全文
posted @ 2018-04-19 22:45 东易韦 阅读(145) 评论(0) 推荐(0) 编辑