面向对象基础三 一、复习面向对象* 原型: * 每个实例对象中都有一个属性__proto__,是原型,浏览器使用的,不标准的属性 * 每个构造函数中都有一个属性prototype,是原型,程序员使用的, * 面向对象和面向过程都是编程思想 * 面向对象注重的是结果,面向过程注重的是过程 * 面向对象的特性:封装,继承,多态 * 继承: * 1.通过原型实现继承,改变原型的...
面向对象基础二 一、基础知识复习实例对象的_proto_和构造函数的prototype的指向是相同的。实例对象中的_proto_是原形，浏览器使用的构造函数中的prototype是原形是给程序员使用的下面介绍的原型链是一种关系，是实例对象和原形对象之间的关系。关系是通过_proto_来联系的。二、原形的指向_proto_最终指向了哪里？ 实例对象中有__proto__原型 构造函数中有prototy...
js面向对象基础一 JS中的面向对象是在语言的发展中经历了汇编语言，面向过程，面向对象语言。面向过程是亲力亲为，所有代码自己写。而面向对象是对现实世界的模拟，JS准确说是基于对象的语言，不像Java有类的概念。面向对象注重的结果，是抽象出现实世界的世间万物的特征，行为加以描述。一、了解创建对象的三种方式 创建对象三种方式： 1 字面量的方式，只能描述一个对象。 2 调用系统的构造函数，是字面量方式...
有关面向对象中的构造器__proto__和.constructor 有关构造函数中的构造器__proto__和.constructor是我们理解的面向对象的基础。面向对象是先抽象出现实世界然后，在具体到现实世界中的具体某个东西，就是实例化过程。比如：抽象的过程Person---->实例化的过程 peopel=new Person()， 其中分析就是一个抽象的过程，分析人都有的行为，小苏这个人 属性/特性：姓名,年龄,性别, 行为：吃饭,打招呼,睡觉。先把抽...
两侧跟随广告 var top = pic.offsetTop; target = scroll().top + top; // 把最新的 scrolltop 给 target 在这里例子当中最为重要的是两句。为什么要加上，top的值。我们知道，水平滚到条滚动的时候。图片是需要动的，我 打印了scroll().top 和target的值。我们看到是图片变化的距离和scroll().top的变化的距离...
封装自己的scroll 由于不同版本的浏览器对于scroll的兼容性的支持不一样，所以我们需要做兼容性的考虑。为了避免每次使用的时候都要做兼容性的考虑。我们封装了scroll的函数。可以引入到样式中。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>&
屏幕滑动效果图 一、是源代码可以复制粘贴直接看效果，点击每个导航栏目，body的背景颜色都将是导航条的背景颜色，会出现滑动的效果。二、这个实现的关键是，如何让背景，回到body中，这个target值如何设置。,在每次的背景变化中，注意背景在整个documeng文档中什么是不变的。缓动动画的原理都知道是 var leader=leader+(target-leader)/10;<!DOCTYPE html&g...
html的结构访问 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>我的页面</title></head><body></body>&
模拟垂直滚动条 一，模拟垂直滚动条的事件分析首先是，滚动条和内容的位置，应该是同级关系，所以我们需要把他们放入到同一个盒子中。在拖动滚到条的时候内容跟着变化。二、效果实现，首先是获取元素，内容、盒子、滚动条。然后，分析滚动条的大小和内容的高度之间的关系。再确定事件，想想用了什么事件，首先是onmousedown事件，然后是onmousemove鼠标移动。在鼠标移动的过程中，又有几个问题，移动的时候滚动条的大小怎么...
鼠标经过的时候放大镜的效果 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * {margin: 0;padding: 0;} img
水平拖动滚动条 这个过程分为三步走： 一、分析首先获取元素 记得onmousemove 一定要写在onmousedown当中，善于利用var that=this 在onmosedown中最为重要的是获取移动的距离 首先是event.client-leftVal 的值； 二、 判断移动的距离是否超出范围，由于that.style.left获取的是字符串所以使用 paseInt转化为数字判断。最后把移动的...
体会event 事件中的 client offset page 中的区别 点击桌面上的div 都会产生一个对象，存放着点击之后的相关的信息；相关信息的集合。其中event的属性和方法有，width该窗口的或者框架的宽度 pageX光标相对于网页的水平位置 clientX相对于网页中可视区域水平位置。比如鼠标点击之后的坐标等等；既然是对象就有很多的属性和方法。<!DOCTYPE html><html><head lang="en">...
导航栏筋斗云特效 这个导航栏的效果非常简单是，在鼠标经过的时候，筋斗云会在导航中运动，一旦鼠标点击之后，筋斗云会停止在导航栏上。分析解觉思路： 思路首先获取元素 再次，有个鼠标onmouseover事件和onclick事件 最后是 onmouseout事件遍历 lis然后 执行 onmouseover事件 事件处理的过程中我们需要那些数据，一是存储鼠标经过的位置 二是存储鼠标离开的位置 最后是鼠标点击的位...
字符串容器中常用的函数 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body><
有关函数的执行环境和作用域 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body><
上传正确格式的图片文件方法 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><input type="file
网址编码 encodeURLComponent()函数可以把字符串作为URL组件进行编码decodeURLComponent()函数可以把字符串作为URl组件进行解码由于后台对于传输过去的网址中的特殊的符号，他们并不认识，所以需要解码成，后台能够认识和识别的符号，比如符号？// 都需要进行转义。<!DOCTYPE html><html><head lang="en"> ...
JS中关于字符串返回的操作 1.1 复习1. 按钮不可用 disabled = “disabled” || true 2. setTimeout 只执行一次 setInterval 执行很多次 3. 递归调用 ： 函数自己调用自己 函数递归调用 不提倡用函数名 而喜欢用的是 arguments.callee 返回的是 正在执行的函数 本身4. 逻辑运算符 与 &...
无缝滚动效果图 无缝滚动的效果是背后的图片滚动，当鼠标放上去的时候就停止滚动。在鼠标离开的时候就继续滚动。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>
javascript的焦点图 焦点图，思路我感觉，JS在网页中的运用，只要有清晰的思维就可以。第一步需要做什么，第二步不要做什么。在我们做一些消过毒时候，运用了那些JS的知识，需要用到的事件是什么，执行的步骤，是什么。 这个效果的目的是让我们的鼠标放上去的时候背后的图片跟着滑动，按钮的颜色跟着变化。我们首先分析，按钮的颜色变化需要用到排他思想使用排他思想先遍历所有的元素，对于获取的元素执行onmouse...
关注
