- 博客(6)
- 收藏
- 关注
RSS订阅原创 构造函数原型 prototype
为什么需要原型 构造函数存在浪费内存的问题：构造函数中会存在一些方法属于函数类型，而函数又是复杂数据类型，我们每创建一个实例对象就会开辟一个新的内存空间来存放同一个函数，当创建多个实例对象时，时间和空间都会造成浪费。 什么是原型 构造函数通过原型分配的函数是所有对象所共享的 JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象。注意这个prototype就是一个对象，这个对象的所有属性和方法，都会被构造函数所拥有。 原型对象可以干什么 我们可以把那些不变的方法直接定义在pr
2020-10-12 15:37:36
264
原创 js 简单动画函数封装
动画原理 核心原理：通过定时器setInterval()不断移动盒子位置 实现步骤： 1.获得当前盒子位置 2.让盒子在当前位置上加上移动距离 3.利用定时器不断重复这个操作 4.加一个结束定时器的条件 5.注意： 此元素需要添加定位，才能使用element.style.left 函数封装 <script> //简单动画函数封装obj目标对象 target目标位置 function animate(obj, target) { var timer = setInterval(
2020-10-05 09:09:46
99
原创 offsetWidth、clientWidth、scrollWidth区别
element.offsetWidth 作用：返回值包括padding、边框、内容区的宽度，返回数值不带单位 主要用法：offset系列常用于获得元素的位置 offsetLeft offsetTop element.clientWidth 作用：返回值包括padding、内容区的宽度，不包含边框的宽度，返回数值不带单位 主要用法：client系列经常用于获取元素大小 clientWidth clientHeight element.scrollWidth 作用：返回自身实际的宽度，不含边框，返回数值不带单位
2020-10-04 21:06:24
118
原创 学习笔记（仿淘宝返回顶部侧边栏）
页面滚动到banner区域时，侧边“返回顶部”栏的位置变为固定； 页面滚动到 main 区域时，侧边“返回顶部”栏里的字显示出来； <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .w { width: 1000px; margin: auto; } .slider
2020-10-04 20:51:47
183
原创 拖动模态框
html <div class="login-header"><a id="link" href="javascript:;">点击，弹出登录框</a></div> <div id="login" class="login"> <div id="title" class="login-title">登 录 <span><a id="closeBtn" hre...
2020-09-24 15:56:12
127
原创 JS 数据在不同页面传递小练习
目录知识点案例分析代码效果图相关小知识 知识点 获取URL中的location.search获取参数； 案例分析 1.第一个登录页面，里面有提交表单，action提交到index.html页面 2.第二个页面，可以使用第一个页面的参数，这样实现了一个数据不同页面之间的传递效果 3.第二个页面之所以可以使用第一个页面的数据，是利用了URL里面的location.search参数 4.在第二个页面中，需要把这个参数提取 5.第一步利用substr去掉‘？’，第二步利用split用‘=’分割键和值 代码 logi
2020-09-24 10:40:32
471
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人