10 2019 档案
摘要:Sass Sass 介绍 Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及
阅读全文
摘要:Less Less介绍 Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性。 Less 可以运行在 Node 或浏览器端。 Less的基本使用 注释 注意:单行注释不会参与预处理, 只有多行注释才会参与预处理。 变量 注意: less中也有作用域相关概念
阅读全文
摘要:Ajax 常用属性及事件 options 类型:Object 可选。AJAX 请求设置。所有选项都是可选的。 async 类型:Boolean 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。 注意,同步请求将锁住浏览器,用户其它操作必须等待
阅读全文
摘要:动画 显示隐藏 淡入淡出 展开收起 stop / delay stop delay
阅读全文
摘要:节点相关操作 添加节点 内部添加 外部添加 删除节点 remove 与 detach 的区别: remove 不仅会清除指定节点,节点上绑定的事件、数据也会一并清除; detach 只会清除节点,绑定的事件以及数据不会被清除。 替换节点 克隆节点
阅读全文
摘要:事件 事件绑定 jQuery中的事件绑定,可以绑定多个同名事件而不会发生冲突。 事件移除 事件自动触发 trigger triggerHandler trigger 与 triggerHandler 的 区别: tigger 不会阻止冒泡事件;triggerHandler 会阻止冒泡事件 trigg
阅读全文
摘要:常用实例方法 attr prop class 文本内容相关操作 css width / height offset position scrollTop / scrolleft show / hide
阅读全文
摘要:jQuery jQuery 是一个快速、简洁的JavaScript框架。 入口函数 释放 $ 使用权 常用静态方法 each map trim isWindow isArray isFunction holdReady 选择器 标签选择器 类选择器 ID选择器 属性选择器 silibings 内容选
阅读全文
摘要:Ajax js // 1.创建一个异步请求对象 let xmlHttp = new XMLHttpRequest(); // 2.设置请求的方式和地址 // method: 请求的类型(true / fale),url: 请求的地址,async: 同步还是异步(true:异步 / false:同步)
阅读全文
摘要:内置对象 Math JavaScript中内置的Math对象提供了与数学相关操作的API。 Date JavaScript中内置的Date对象提供了与日期相关操作的API。 BOM BOM是浏览器内置的一套操作浏览器的API(方法、属性、接口) window 在BOM中window代表整个浏览器窗口
阅读全文
摘要:offset offsetWidth / offsetHeight 获取的元素的宽高,范围是 content + padding + border offsetTop/ offsetLeft 距离最近的父元素(定位的)的边框的距离(不包含边框),若父元素都没有定位属性,则会以body为基准 offs
阅读全文
摘要:正则表达式 正则表达式就是对字符串操作的一种逻辑公式。 正则作用:查找、提取、替换 查找 提取 替换 常用正则表达式
阅读全文
摘要:scroll scrollWidth / scrollHeight 当内容宽度/高度没有超过 content 时:scrollWidth / scrollHeight = content + padding = clientWidth / clientHeight 当内容宽度/高度超过 conten
阅读全文
摘要:获取元素宽高 getComputedStyle 注意: 读取的范围是 content 的值 既能读取行内,也可以读取 css 设置的样式 只可以读取,不可以设置 只支持 IE9 及以上的高级浏览器 currentStyle 读取的范围是 content 的值 既能读取行内,也可以读取 css 设置的
阅读全文
摘要:函数防抖与函数节流 函数防抖和函数节流是JavaScript在处理高频事件时的一种处理手段。 函数防抖 函数防抖:把「多个信号」转化为「单个信号」,在Javascript中,如果一个事件频繁发生,事件在触发后过一段事件才执行,但是如果在这一段时间内,我们又触发了这个事件,则会重新计时。 应用场景:
阅读全文
摘要:事件 事件介绍 事件是您在编程时系统内发生的动作或者发生的事情,系统通过它来告诉您在您愿意的情况下您可以以某种方式对它做出回应。 常用事件 | 事件名 | 作用 | | : : | : : | | | 监听元素的点击事件 | | | 监听鼠标的移入事件(会产生冒泡) | | | 监听鼠标的移入事件(
阅读全文
摘要:DOM元素 DOM元素介绍 DOM(Document Object Model——文档对象模型)是用来呈现以及与任意 HTML 或 XML文档交互的API。DOM 是载入到浏览器中的文档模型,以节点树的形式来表现文档,每个节点代表文档的构成部分(例如:页面元素、字符串或注释等等)。 获取DOM元素
阅读全文
摘要:JSON JSON介绍 JSON(JavaSript对象简谱)是JavaScript中轻量级传输语言,其本质就是字符串。 注意:JSON的结构与对象的结构相似,但是JSON的属性名必须是字符串。 JSON与对象的相互转换
阅读全文
摘要:数组 创建数组 通过构造函数创建: 通过字面量创建: 数组增删改查 增 :头部插入 :尾部插入 :中间插入 删 :头部删除 :尾部删除 :中间删除 改 查 数组常用方法 清空数组 数组转字符串 字符串转数组 数组拼接 翻转数组 数组截取 元素查找 判断元素是否存在 替换数组中素有元素 数组高级API
阅读全文
摘要:对象 创建对象 使用 关键字 使用字面量创建 对象常用方法 属性遍历 属性删除 判断属性有无 解构赋值 对象深拷贝 深拷贝:通过一个参数给另一个参数赋值后,改变新的参数,不会修改原有参数。基本数据类型都是深拷贝。 浅拷贝:通过一个参数给另一个参数赋值后,改变新的参数,原有参数也会被修改。引用数据类型
阅读全文
摘要:构造函数 工厂函数 工厂函数是一种特殊的函数,其目的是为了简化对象的创建 构造函数 构造函数与工厂函数一样都是为了简化对象的创建,构造函数本质就是工厂函数的简化 构造函数与工厂函数的不同: 构造函数的函数名首字母必须大写 构造函数不能直接调用,必须使用 关键字 ES6中的构造函数 构造函数中的三角关
阅读全文
摘要:普通函数 箭头函数 普通函数与箭头函数的区别: 普通函数中的 谁调用就指向谁;箭头函数的 是其父作用域。 普通函数的 会被 等改变;箭头函数中的 不会被改变。 匿名函数 注意: 匿名函数一般作为其它函数的形参、实参、返回值。 匿名函数必须立即执行,不能只定义不执行。 函数的扩展运算符 函数的扩展运算
阅读全文
摘要:基本数据类型的种类 String Number Boolean undefined Null Symbol (ES6) 一般通过 来判断基本数据的类型 基本数据类型的转换 String Number.toString / Boolean.toString String(Number / Boolea
阅读全文

浙公网安备 33010602011771号