2017年4月12日
利用js实现的音乐简易播放器
摘要： audio中的onended方法不知怎么只有用事件监听的方法才有用，<element onended="myScript">和object.onended=function(){myScript};都不起作用，只有object.addEventListener("ended", myScript); 阅读全文
posted @ 2017-04-12 23:29 Athena-web 阅读(3643) 评论(0) 推荐(0) 编辑
利用js实现禁用浏览器后退按钮
摘要： 现在很多的内部系统，一些界面，都是用户手动点击退出按钮的。但是为了避免，用户误操作 点击浏览器后退，或者用鼠标手势后退什么的。容易出现误操作。 所以在有些页面上，适当的禁用浏览器的后退，是可以提高很大的用户体验。 在网上查，可以查到很多js禁用后退的材料 1、回退后，产生一个前进事件。 这种方式，不 阅读全文
posted @ 2017-04-12 16:49 Athena-web 阅读(1632) 评论(0) 推荐(0) 编辑
2017年4月11日
canvas入门（一）
摘要： <canvas../>元素它是专门用来绘制图形的，但是它自身并不绘制图形，他只是相当于一块空的画布，任由开发者在其上利用javascript脚本进行绘制。 一般绘图需要一下.1：先获取canvas对应的dom对象，2.调用canvas对象的getContext（）方法，3.调用CanvasRende 阅读全文
posted @ 2017-04-11 22:26 Athena-web 阅读(121) 评论(0) 推荐(0) 编辑
html5新增的客户端校验
摘要： 1.表单控件提供的checkValidity（）方法进行校验。 例如：如果checkValidity（）方法返回true 则表明该表单内的所有表单控件都有效。 2.自定义验证 应用h5新增的setCustomValidity（）方法实现。只有当该表单没有通过校验时才能调用该方法。 例如： 阅读全文
posted @ 2017-04-11 21:24 Athena-web 阅读(335) 评论(1) 推荐(0) 编辑
2017年4月10日
Datatransfer对象
摘要： 拖放触发的拖放事有一个datatransfer属性，该属性值是一个Datatransfer对象，利用这个方法可以实现一个简单的添加删除的拖放事件 阅读全文
posted @ 2017-04-10 22:46 Athena-web 阅读(247) 评论(0) 推荐(0) 编辑
基于html5实现的简单拖放
摘要： h5新增了关于拖放的API，通过拖放API可以让html页面的任何元素都变成可以拖动的。这是一个小例子，帮助理解。 阅读全文
posted @ 2017-04-10 22:11 Athena-web 阅读(116) 评论(0) 推荐(0) 编辑
容易被遗忘的html5标签
摘要： 文本格式化元素: 定义粗文本 斜体文本 强调文本，效果与i差不多 小号字体文本 上标文本 下标文本 定义文本显示的方向，可以指定dir属性，该属性只能是ltr（文本方向从左往右）或者rtl（从右往左） 语义相关元素： 表示一个缩写 ，可以指定其属性title（用来表示该缩写的全称），表示一个地址 ，定义一段长的引用文本，可以指定cite属性（指定该引用文本的url），定义短的引... 阅读全文
posted @ 2017-04-10 21:41 Athena-web 阅读(191) 评论(0) 推荐(0) 编辑
Es6分享学习
摘要： 对于es6本人说一下自己对于es6的理解以及用法。es6相对于es5来说，用起来更加的简洁，理解起来也比较容易。今天看了关于es6中一些自己任务比较常用的几点书写方法和他的代表含义。 1.函数参数的默认值 es6允许为函数的参数设置默认值（直接写在参数定义的后面）例如： 参数变量是默认声明的，所以不 阅读全文
posted @ 2017-04-10 15:54 Athena-web 阅读(124) 评论(0) 推荐(0) 编辑
2017年3月2日
ie6浏览器的兼容问题
摘要： 1：产生双边距bug：父级标签下的子元素设置了margin值且设置了浮动。解决办法：只需要给浮动元素加上display：inline 2：无法定义1px左右的元素：这是因为ie6下默认的行高造成的。解决方法：设置font-size:0,多加一个line-height:1px的属性，不过得在DIV里多 阅读全文
posted @ 2017-03-02 11:26 Athena-web 阅读(331) 评论(0) 推荐(0) 编辑