Surpass-oneself的博客

在前端学习的过程中每天我都会分享今天所学的知识,希望在这里和大家一起学习知识、分享知识、有什么错误还希望大家多多指点。...

排序:
默认
按更新时间
按访问量

面向对象基础三

一、复习面向对象* 原型:    * 每个实例对象中都有一个属性__proto__,是原型,浏览器使用的,不标准的属性    * 每个构造函数中都有一个属性prototype,是原型,程序员使用的,    * 面向对象和面向过程都是编程思想    * 面向对象注重的是结果,面向过程注重的是过程  ...

2018-04-29 08:43:05

阅读数:21

评论数:0

面向对象基础二

一、基础知识复习实例对象的_proto_和构造函数的prototype的指向是相同的。实例对象中的_proto_是原形,浏览器使用的构造函数中的prototype是原形是给程序员使用的下面介绍的原型链是一种关系,是实例对象和原形对象之间的关系。关系是通过_proto_来联系的。二、原形的指向_pr...

2018-04-28 19:24:09

阅读数:20

评论数:0

js面向对象基础一

JS中的面向对象是在语言的发展中经历了汇编语言,面向过程,面向对象语言。面向过程是亲力亲为,所有代码自己写。而面向对象是对现实世界的模拟,JS准确说是基于对象的语言,不像Java有类的概念。面向对象注重的结果,是抽象出现实世界的世间万物的特征,行为加以描述。一、了解创建对象的三种方式  创建对象三...

2018-04-28 17:01:31

阅读数:22

评论数:0

有关面向对象中的构造器__proto__和.constructor

有关构造函数中的构造器__proto__和.constructor是我们理解的面向对象的基础。面向对象是先抽象出现实世界然后,在具体到现实世界中的具体某个东西,就是实例化过程。比如:抽象的过程Person---->实例化的过程 peopel=new Person(), 其中分...

2018-04-26 19:11:05

阅读数:26

评论数:0

两侧跟随广告

  var top = pic.offsetTop;    target = scroll().top + top;  // 把最新的 scrolltop 给  target 在这里例子当中最为重要的是两句。为什么要加上,top的值。我们知道,水平滚到条滚动的时候。图片是需要动的,我 打印了scr...

2018-04-25 20:38:41

阅读数:29

评论数:0

封装自己的scroll

由于不同版本的浏览器对于scroll的兼容性的支持不一样,所以我们需要做兼容性的考虑。为了避免每次使用的时候都要做兼容性的考虑。我们封装了scroll的函数。可以引入到样式中。<!DOCTYPE html><html&amp...

2018-04-25 20:05:52

阅读数:33

评论数:0

屏幕滑动效果图

一、是源代码可以复制粘贴直接看效果,点击每个导航栏目,body的背景颜色都将是导航条的背景颜色,会出现滑动的效果。二、这个实现的关键是,如何让背景,回到body中,这个target值如何设置。,在每次的背景变化中,注意背景在整个documeng文档中什么是不变的。缓动动画的原理都知道是 var l...

2018-04-25 20:02:04

阅读数:31

评论数:0

html的结构访问

<!DOCTYPE html><html><head lang="en">    <meta charset...

2018-04-25 19:38:51

阅读数:14

评论数:0

模拟垂直滚动条

一,模拟垂直滚动条的事件分析首先是,滚动条和内容的位置,应该是同级关系,所以我们需要把他们放入到同一个盒子中。在拖动滚到条的时候内容跟着变化。二、效果实现,首先是获取元素,内容、盒子、滚动条。然后,分析滚动条的大小和内容的高度之间的关系。再确定事件,想想用了什么事件,首先是onmousedown事...

2018-04-25 19:33:19

阅读数:39

评论数:0

鼠标经过的时候放大镜的效果

<!DOCTYPE html><html><head lang="en">    <meta charset...

2018-04-24 16:35:59

阅读数:174

评论数:0

水平拖动滚动条

   这个过程分为三步走:   一、分析首先获取元素 记得onmousemove 一定要写在onmousedown当中,善于利用var that=this 在onmosedown中最为重要的是获取移动的距离 首先是event.client-leftVal 的值;  二、 判断移动的距离是否超出范围...

2018-04-24 16:01:20

阅读数:248

评论数:1

体会event 事件中的 client offset page 中的区别

点击桌面上的div 都会产生一个对象,存放着点击之后的相关的信息;相关信息的集合。其中event的属性和方法有,width该窗口的或者框架的宽度   pageX光标相对于网页的水平位置 clientX相对于网页中可视区域水平位置。比如鼠标点击之后的坐标等等;既然是对象就有很多的属性和方法。&...

2018-04-24 15:37:04

阅读数:58

评论数:0

导航栏筋斗云特效

这个导航栏的效果非常简单是,在鼠标经过的时候,筋斗云会在导航中运动,一旦鼠标点击之后,筋斗云会停止在导航栏上。分析解觉思路:      思路首先获取元素 再次,有个鼠标onmouseover事件和onclick事件 最后是 onmouseout事件遍历 lis然后 执行 onmouseover事件...

2018-04-24 15:12:20

阅读数:126

评论数:1

字符串容器中常用的函数

<!DOCTYPE html><html><head lang="en">    <meta charset...

2018-04-23 16:03:21

阅读数:22

评论数:0

有关函数的执行环境和作用域

<!DOCTYPE html><html><head lang="en">    <meta charset...

2018-04-23 15:48:59

阅读数:16

评论数:0

上传正确格式的图片文件方法

<!DOCTYPE html><html><head lang="en">    <meta charset...

2018-04-22 19:22:30

阅读数:308

评论数:0

网址编码

encodeURLComponent()函数可以把字符串作为URL组件进行编码decodeURLComponent()函数可以把字符串作为URl组件进行解码由于后台对于传输过去的网址中的特殊的符号,他们并不认识,所以需要解码成,后台能够认识和识别的符号,比如符号?// 都需要进行转义。&a...

2018-04-22 19:12:45

阅读数:45

评论数:0

JS中关于字符串返回的操作

1.1 复习1. 按钮不可用    disabled =  “disabled”  ||  true  2. setTimeout   只执行一次    setInterval  执行很多次  3.  递归调用 :  函数自己调用自己  函数递归调用    不提倡用函数名 而喜欢用的是  argu...

2018-04-22 19:04:27

阅读数:454

评论数:0

无缝滚动效果图

无缝滚动的效果是背后的图片滚动,当鼠标放上去的时候就停止滚动。在鼠标离开的时候就继续滚动。<!DOCTYPE html><html><head lang="en&...

2018-04-22 18:40:05

阅读数:31

评论数:0

javascript的焦点图

       焦点图,思路我感觉,JS在网页中的运用,只要有清晰的思维就可以。第一步需要做什么,第二步不要做什么。在我们做一些消过毒时候,运用了那些JS的知识,需要用到的事件是什么,执行的步骤,是什么。      这个效果的目的是让我们的鼠标放上去的时候背后的图片跟着滑动,按钮的颜色跟着变化。我们...

2018-04-22 17:34:52

阅读数:39

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭