随笔分类 - 原生javascript
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0} #wrap{width: 600px; margin:20px auto; font-size: 14px;border: 1px solid #ccc;} #tabs
阅读全文
摘要：var data =[ { name: "程咬金",sex:"1",age:26 }, { name: "程才",sex:"0",age:20 }, { name: "程新松",sex:"1",age:22 }, { name: "程功",sex:"1",age:18 } ]; var newd =
阅读全文
摘要：结论： 相同点： 1、都是js原生方法，改变函数中的this指向 2、都可以传递参数，第一个参数为 把this指向到哪里去，即目标元素 不同点： 1、call和apply都是主动触发，绑定后自动执行，bind为手动绑定，不自动执行。 2、call和apply在传递参数的方式上有所不同，call为直接
阅读全文
摘要：所谓预解析，既是函数执行的前一刻，js需要做的事情，函数的预解析分四步： 一、创建AO对象 二、寻找函数中的形参及变量声明，并把形参和变量的名作为AO对象的属性名，值为undefined 三、实参、形参相统一 四、寻找函数中的函数声明，并把函数名作为AO对象的属性名，函数整体赋值给该属性名，如果函数
阅读全文
摘要：原生js面向对象编程-选项卡(自动轮播) 落 花 李商隐 高阁客竟去，小园花乱飞。 参差连曲陌，迢递送斜晖。 肠断未忍扫，眼穿仍欲归。 芳心向春尽，所得是沾衣。 蜀 相 ...
阅读全文
摘要：原生js面向对象选项卡(点击) 落 花 李商隐 高阁客竟去，小园花乱飞。 参差连曲陌，迢递送斜晖。 肠断未忍扫，眼穿仍欲归。 芳心向春尽，所得是沾衣。 蜀 相 ...
阅读全文
摘要：offset家族 自己的，用于获取元素自身尺寸 offsetWidth 和 offsetHeight 获取元素自身的宽度和高度，包括内容+边框+内边距 offsetLeft 和 offsetTop 距离第一个有定位的父级盒子和左边距和上边距 【父级盒子必须要有定位，如果没有，最终以body为准】 o
阅读全文
摘要：一、实现原理： ① 通过onoff开关，判断元素是往下走 还是往上走，并在每次清除定时器后，把onoff 设为 !onoff，以便下次点击做判断 ②move函数的运用 二、代码
阅读全文
摘要：一、实现原理： 1、开定时器前先清除定时器 2、设置定时器 3、当前元素的位置 + 每一步的长度 4、当元素当前位置超过目标点时，把当前位置==目标点 5、设置元素位置，开始运动 6、判断当前位置如果到达目标点，则清除定时器 二、代码
阅读全文
摘要：一、实现原理： 使用定时器和排他思想完成 二、代码：
阅读全文
摘要：一、实现原理 定时器和排他思想 二、代码
阅读全文
摘要：一、实现原理： 1、使用 % 运算符实现各行换色，规律：当%前面的值和后面的值相同时 结果为0； 2、使用开关思想，实现在同一个元素上反复点击时的条件判断，并且把开关以属性方式绑定在每个元素上； 3、使用大总管变量，记录鼠标移入时的下标,用于设置鼠标离开时的颜色 4、使用变量记录每选中一行就自增1
阅读全文
摘要：一、实现原理： 1、要设置一个“大总管变量”，用于记录点击时的星星下标，只声明不赋值。 2、移入每个星星时，先把所有的星星恢复到默认状态；再把当前星星及在它之前的星星设为选中状态。 3、移出每个星星时，先把所有的星星恢复到默认状态；再把大总管变量里记录的星星及在它之前的星星设为选中状态。 4、点击星
阅读全文
摘要：一、实现原理 1、主要运用“排他思想”，在设置当前元素前，先把相应元素恢复到默认状态 2、给相应元素添加下标的应用 二、代码展示
阅读全文
