javascript
文章平均质量分 77
Eden-one
这个作者很懒,什么都没留下…
展开
-
京东放大镜效果
京东放大镜效果实现放大镜主要知识点javascript中DOM操作。javascript中时间的获取,主要有mouseenter、mouseleave、以及当鼠标在照片上移动的时候onmousemove事件以及其中的事件对象中的属性clientY,clientX,还有获取元素宽度offsetWidth、offsetHight等。这里面好考虑到绝对定位,以及放大倍率的计算,里面用到的倍率计算公式原创 2017-08-01 21:23:00 · 929 阅读 · 0 评论 -
javascript实现简单计算器
javascript实现简单计算器这个计算机主要通过二维数组将其存在一个数组中,再通过函数控制显示出的效果,有些键位占着两列,通过colspan函数合并两列,先将整个计算机的外部样式设计出来,主要实现代码以及效果图如下所示:var btns=[ [ {text:"AC",id:"btn_C",value:"c",col:1},原创 2017-08-09 09:40:30 · 2181 阅读 · 0 评论 -
DOM小结
**DOM**是语言中立的API,用于访问html,xml文档。DOM1级将html和xml文档形象的看作为一个参差画的节点树,可以使用javascript来操作这个节点数,进而改变迪岑文档的外观和结构。DOM由各种节点构成,简要总结如下:最基本的节点类型就是Node,用于抽象的表示文档中的一个独立部分,所有其他类型都继承自Node。.Document 类型表示的是整个文档,是一组分层节点的根原创 2017-07-25 19:17:28 · 326 阅读 · 0 评论 -
javascript实现轮播图效果
javascript实现轮播图效果1.轮播图实现基本思路 实现轮播图我们肯定需要一些图片,我们动过javascript编写动画使得这些照片自动轮播,首先我们解决html部分和css部分,我们需要在一个区域内轮播图片,还有我们需要设置小圆点导航,以及向前向后的按钮,具体实现效果。代码如下:<body> <div id="container"> <ul原创 2017-09-06 22:12:41 · 776 阅读 · 0 评论 -
javascript各种设计模式
javascript各种设计模式设计模式之单例模式设计模式之构造函数模式设计模式之建造者模式设计模式之工厂模式设计模式之代理模式设计模式之命令模式设计模式之原型模式看了这么多模式之后,你或许很茫然,但是在实际写代码的过程中,这些设计模式能起到不少作用,下面我们就来讨论每一种设计模式的具体实现以及他们的使用方法。 一、设计模式之单利模式1、概念: 在传统的开发工程师眼里,原创 2017-10-22 15:27:34 · 1740 阅读 · 1 评论 -
javascript实现弹球效果
躁动的小球今天介绍的是一种通过javascript实现的一种炫酷的动画效果,具体实现特效我通过图片展示给大家还有释放后这些小球会在一个指定范围内进行运动,最关键的部分就是这些小球的各种样式都是随机获取的,所以这样才出现了一个炫酷的效果,主要使用到的随机数生成的代码如下://获取一个范围内的随机数random返回一个大于0小于1的一个随机数 function selectFr原创 2017-08-09 09:15:50 · 2385 阅读 · 0 评论 -
web前端关于浏览器兼容性
web前端关于浏览器兼容性所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题:一、不同浏览器的标签默认的外补丁和内部顶不同这个大家就很常见了,我们知道每个浏览器对margin和p原创 2017-10-24 00:24:33 · 1896 阅读 · 0 评论 -
javascript中call apply bind详解
一、函数的三种角色首先要先了解在函数本身会有一些自己的属性,比如:length:形参的个数; name:函数名; prototype:类的原型,在原型上定义的方法都是当前这个类的实例的公有方法; proto:把函数当做一个普通对象,指向Function这个类的原型 函数在整个JavaScript中是最复杂也是最重要的知识,对于一个函数来说,会存在多种角色:function Fn() {转载 2017-11-12 16:25:50 · 327 阅读 · 0 评论