摘要:
JavaScript与HTML之间的交互是通过事件来实现的。事件,就是文档或浏览器窗口发生的一些特定的交互瞬间。通常大家都会认为事件是在用户与浏览器进行交互的时候触发的,其实通过javascript我们可以在任何时刻触发特定的事件,并且这些事件与浏览器创建的事件是相同的。 通过createEvent 阅读全文
摘要:
web存储:易于使用、支持大容量(但非无限量)数据存储同时兼容当前所有主流浏览器(不包括早期浏览器) localStorage与sessionStorage,这两个都代表着同一个Storage对象——一个持久化关联数组,两者的主要区别在于存储的有效期和作用域不同 存储有效期及作用域: 存储API:这 阅读全文
摘要:
1、jQuery选择器的优势: 简洁的写法 支持CSS1-CSS3选择器 完善的处理机制:在这里面有一个需要注意的地方就是当检查某个元素是否存在时不能能使用true或者false,而应该使用length //错误写法 if($("#tt")){ //do something } //正确写法 if( 阅读全文
摘要:
1、认识jQuery jQuery对象转换成DOM对象: Jquery对象是一个类似数组的对象,可以通过[index]的方法得到相应的DOM对象 //代码如下 var $cr = $("#cr"); //Jquery对象 var cr = $cr[0]; //DOM对象 另外一种方法是Jquery本 阅读全文
摘要:
不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-inde 阅读全文
摘要:
Canvas是HTML5中的一部分,强大的API足以让我们绘制我们任意想绘制的东西。利用Canvas的基础学习以及JavaScript面向对象的思想绘制一个小游戏,下面是源码地址https://github.com/CuteBlackCat/tinyHeart 这是一个完全由Canvas绘制的游戏, 阅读全文
摘要:
虎牙是一个直播网站,很多年轻人都喜欢的网站。那天我看到虎牙的幻灯片做的挺好看的,于是就模仿着谢了一个插件,关键是它不像旋转木马幻灯片,能很好的解决偶数帧的问题,下面贴上我的源码地址:https://github.com/CuteBlackCat/huya-slider 简单介绍一下,这个幻灯片使用了 阅读全文
摘要:
前些天写一个模仿虎牙网站幻灯片的插件,期间遇到我一直都没注意到的问题,就是z-idnex会失效的问题。 我是将幻灯片的左右按设置为float浮动的,然后在调试点击的时候发现无论怎么调高z-index都没有作用,后来将浮动元素改为position:absolute就可以了。在网上我查找了一些资料,z- 阅读全文
摘要:
今天在视频中学到了一种简单但却非常实用的运动框架,一般的运动都能运用这个框架: 我们可以用一些简单的例子来看到这个框架有哪些作用,首先看一下布局: 这是有5个div组成的小方块,我现在想让它们用一个框架就能实现不同的运动;先看看代码,然后我再一步步的解释每一步的作用 /*这是一个获取对象属性的函数, 阅读全文