随笔分类 - 06_Web APIs
摘要：1. 本地存储 2. window.sessionStorage sessionStorage属于window对象 3. window.localStorage 关闭浏览器数据也存在，只有利用remove和clear才可用真正删除数据 同一个浏览器下的不同页面也可用使用此数据（我在之前写sessio
阅读全文
摘要：4. 移动端常用开发框架 4.1 框架的概念 4.2 用bootstrap做轮播图 (1)搭建文件夹,文件夹06 bootstrap轮播图文件夹里面的bootstrap文件夹是下载下来的bootstrap框架 (2)在新建的index.html文件中写入初始样式和结构 打开bootstrap官网 点
阅读全文
摘要：1. 触屏事件 1.1 触屏事件概述 移动端的动画效果能用C3写就尽量用C3写，如果非要交互，那么就用CS搭配着C3来写 1.2 触摸事件对象TouchEvent 对于触摸事件对象主要记忆一下三个属性 1.3 移动端拖动元素 2. 移动端常见特效 2.1 移动端的轮播图 在以前携程网的代码基础上进行
阅读全文
摘要：案例1：返回顶部 在之前函数的基础上添加的第五部分 上述代码中，点击返回顶部页面是刷的一下就返回了顶部，现在希望返回顶部的过程柔和一点，添加返回顶部动画animate.js 但是需要对animate.js做一系列修改： 盒子左右走改为页面上下滚动：将obj.offsetLeft修改为window.p
阅读全文
摘要：4 动画函数封装 4.1 动画原理实现 举例 4.2 动画函数简单封装 注意传递两个参数：动画对象和移动到的距离。 4.3 动画函数给不同的元素记录不同的定时器 上述做法有一个弊端：每次调用动画的时候都要var一个timer，每次这就要在内存中开辟一个空间。调用动画越多，越占内存。下文的方法避免va
阅读全文
摘要：2 元素可视区client系列 2.1 概念 2.2 淘宝flexible.js文件的分析 2.2.1 立即执行函数 淘宝flexible.js文件里面有这样一个函数 这是一个立即执行函数，淘宝所有的js代码都写在这个立即执行函数中，一引入这个js文件就立即执行。立即执行函数最大的作用就是独立创建了
阅读全文
摘要：1 元素偏移量offset系列 1.1 offset概述 1.2 offset与style的区别 案例：获取鼠标在盒子内的坐标 案例：模态框拖拽 案例：京东放大镜效果 在原先的品优购详情页的基础上进行修改。 思路 相关结构 相关样式 外部JS 将外部JS文件引入html文件
阅读全文
摘要：4 JS执行机制 4.1 JS是单线程的 问题1引入 原先的JS是一个单线程的 4.2 异步和同步 上述4.2节的打印结果是：123；因为现在的JS允许异步 问题2引入 1. 同步任务 同步任务是在主线程上执行，形成一个执行栈（同步任务放在执行栈中） 2. 异步任务 JS的异步步长是通过回调函数实现
阅读全文
摘要：1 BOM概述 1.1 什么是BOM 1.2 BOM组成 BOM比DOM更大，它包含DOM 的完整写法是 window对象是浏览器的顶级对象，它具有双重角色 1.它是JS访问浏览器的一个接口。 2.它是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法 在调用的时候可以
阅读全文
摘要：5 阻止事件冒泡 5.1 阻止事件冒泡的两种方式 事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到DOM最顶层节点。事件冒泡本身的特性会带来坏处也会带来好处。 阻止事件冒泡 标准写法：利用事件对象里面的stopPropagation()方法 非标准写法：IE6 8利用事件对象cancleBub
阅读全文
摘要：4 事件对象 4.1 什么是事件对象 理解：事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event,它有很多属性和方法。 事件对象是我们事件的一系列相关数据的集合和事件有关，比如：鼠标点击就包含了鼠标的相关信息(鼠标坐标等)；键盘事件就包含键盘事件信息(判断用
阅读全文
摘要：1 注册事件（绑定事件） 1.1 注册事件概述 给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式 利用on开头的事件，eg:onclick, 特点：注册事件的唯一性，即同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数会覆盖前面注册的处
阅读全文
摘要：1 文档对象模型 2 关于dom操作，我们主要针对于元素操作。主要有创建、增、删、改、查、属性操作、事件操作。 2.1 创建 document.write innerHTML createElement 2.2 增 appendChild insertBefore 2.3 删 removeChild
阅读全文
摘要：5 节点操作 5.1 为什么学习节点操作 5.2 节点概述 一般情况下，节点至少拥有节点类型(nodeType)、节点名称(nodeName)、节点值(nodeValue)这三个基本属性 查看部分属性： 元素节点的nodeType为1（常用） 属性节点的nodeType为2 文本节点的nodeTyp
阅读全文
摘要：5 节点操作 5.1 学习节点操作的原因 5.2 节点概述 一般地，节点至少拥有nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值)这三个基本属性。 元素节点 ndeType 为1 属性节点 nodeType 为2 文本节点 nodeType 为3（文本节点包含文
阅读全文
摘要：4.5 案例 排他思想（算法） 百度换肤效果(样式省略) 错误写法 正确写法 鼠标经过表格行，该行高亮 用到鼠标经过onmouseover 鼠标离开onmouseout 添加了一个样式 表单全选以及取消全选案例 样式省略 4.6 自定义属性操作 获取属性值的方法：element.属性、element
阅读全文
摘要：1 DOM简介 1.1 定义 DOM就是文档对象模型，是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容样式和结构。 1.2 DOM树 文档(document)：一个页面就是一个文档 元素(element
阅读全文
摘要：1. Web APIs与Js的关联性 1.1 Js的组成 js基础阶段只学习了ECMAScript标准规定的基本语法，做不了常用的网页交互效果，目的是为Js后面的课程打基础做铺垫。 Web APIs阶段主要学习DOM和BOM，是JS所独有的部分，该阶段主要学习页面交互功能，同时需要使用JS基础内容作
阅读全文
浙公网安备 33010602011771号