摘要: Ajax(Asynchronous JavaScript and XML) 这种技术就是无须刷新页面即可从服务器中取得数据,但不一定是XML数据。在原生方法上,Ajax技术的核心是XMLHttpRequest对象(简称XHR)。 XHR用法 + open(method, url, isAsync) 阅读全文
posted @ 2019-06-13 22:58 simple小前端 阅读(190) 评论(0) 推荐(0) 编辑
摘要: async函数 ES2017 标准引入了 async 函数,使得异步操作变得更加方便。 async 函数是 Generator 函数的语法糖 什么是语法糖? 意指那些没有给计算机语言添加新功能,而只是对人类来说更“甜蜜”的语法。语法糖往往给程序员提供了更实用的编码方式,有益于更好的编码风格,更易读。 阅读全文
posted @ 2019-06-13 22:57 simple小前端 阅读(1213) 评论(0) 推荐(0) 编辑
摘要: DOM 常用的DOM获取方法: + node.children 返回子元素节点,没有兼容性问题,动态获取 + node.parentNode 获取父节点,没有兼容性问题 + node.offsetParent 获取最近的定位父节点 + node.tagName 获取元素节点的标签名 常用的DOM操作 阅读全文
posted @ 2019-06-13 22:56 simple小前端 阅读(113) 评论(0) 推荐(0) 编辑
摘要: Iterator 迭代器是一种接口、是一种机制。 为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。 Iterator 的作用有三个: 1. 为各种数据结构,提供一个统一的、简便的访问接口; 2. 使得数据结构 阅读全文
posted @ 2019-06-13 22:56 simple小前端 阅读(283) 评论(0) 推荐(0) 编辑
摘要: Promise Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。 Promise对象代表一个异步操作,有三种状态: pending(进行中)、ful 阅读全文
posted @ 2019-06-13 22:55 simple小前端 阅读(274) 评论(0) 推荐(0) 编辑
摘要: JavaScript异步机制 来源: JavaScript是单线程异步执行的,单线程意味着代码在任务队列中会按照顺序一个接一个的执行。异步代表JavaScript代码在任务队列中的顺序并不完全等同于代码的书写顺序,比如事件绑定、Ajax、setTimeout()等任务的发生时间是“不可被预期”的。 阅读全文
posted @ 2019-06-13 22:53 simple小前端 阅读(238) 评论(0) 推荐(0) 编辑
摘要: Symbol + 为什么需要symbol ES5里面对象的属性名都是字符串,如果你需要使用一个别人提供的对象,你对这个对象有哪些属性也不是很清楚,但又想为这个对象新增一些属性,那么你新增的属性名就很可能和原来的属性名发送冲突,显然我们是不希望这种情况发生的。所以,我们需要确保每个属性名都是独一无二的 阅读全文
posted @ 2019-06-13 22:53 simple小前端 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 面向对象编程 面向对象的三大特征:继承,封装,多态 ES5的面向对象 ES5中用构造函数来模拟类的概念,可以根据传入的参数不同来定制具有不同属性或方法的实例,因此构造函数中存放的是私有的属性。 而每个构造函数会存在一个原型的概念(一个对象),里面存放的是公有属性,为每一个由构造函数而构造出来的实例所 阅读全文
posted @ 2019-06-13 22:51 simple小前端 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 数组的冒泡、选择和插入排序法 冒泡排序法(从小到大) ES6函数参数的默认值 + 设定默认值的参数应该是函数的尾参数,只有在该值为undefined的情况下才会取得默认值 + 指定默认值后,函数的length属性会失真,将返回没有指定默认值的形参个数。 + 一旦设置了参数的默认值,函数进行声明初始化 阅读全文
posted @ 2019-06-13 22:50 simple小前端 阅读(156) 评论(0) 推荐(0) 编辑
摘要: BFC布局(Block Formatting Contexts) 来源:https://www.cnblogs.com/lzbk/p/6057097.html 块级格式化上下文是页面中的一块渲染区域,它决定了其子元素将如何定位,一起和其他元素的关系和相互作用。 BFC的特性 1. 内部的box会在垂 阅读全文
posted @ 2019-06-13 22:49 simple小前端 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 闭包 来源:《JavaScript高级程序设计》 闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见方式就是在一个函数内部创建另一个函数。 如下面的例子: 即使内部的匿名函数返回了,在其他地方被调用,它仍能够访问prop这个变量,直白来说是因为匿名函数的作用域链中包含了compare函数 阅读全文
posted @ 2019-06-13 22:41 simple小前端 阅读(189) 评论(0) 推荐(0) 编辑
摘要: JavaScript的解析顺序 第一阶段:编译期 + 寻找关键字声明的变量、函数声明的变量,同时会对变量进行作用域的绑定 + var声明的变量,在编译期会赋一个默认值undefined,变量提升的特性。 + ES6及以后所有的变量申明方式都不具备变量提升,在声明之前调用会报错,这个现象在语法上称为暂 阅读全文
posted @ 2019-06-13 22:40 simple小前端 阅读(135) 评论(0) 推荐(0) 编辑
摘要: DOM特殊元素获取 document.documentElement //HTML标签 document.head //head标签 document.title //title标签 document.body //body标签 typeof 的那些坑 typeof null 返回Object, 然 阅读全文
posted @ 2019-06-13 22:39 simple小前端 阅读(176) 评论(0) 推荐(0) 编辑
摘要: flex布局 来源: http://www.ruanyifeng.com/blog/2015/07/flex grammar.html?utm_source=tuicool 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员 阅读全文
posted @ 2019-06-13 22:35 simple小前端 阅读(549) 评论(0) 推荐(0) 编辑
摘要: 来源:https://www.cnblogs.com/shuiyi/p/5597187.html 行框的概念 红色(line height)为行框的顶部和底部,绿色(font size)为字体的高度,蓝色为基线(字母x底部所在的水平线) 行内元素: 行内块元素: + (左)在流内内容的情况下,内联块 阅读全文
posted @ 2019-06-13 22:34 simple小前端 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 谈谈你对浏览器内核的认识? 负责对网页语法的解释(如 "标准通用标记语言" 下的一个应用 "HTML" 、 "JavaScript" )并渲染(显示)网页。 所以,通常所谓的 "浏览器内核" 也就是浏览器所采用的 "渲染引擎" ,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器 阅读全文
posted @ 2019-06-13 22:28 simple小前端 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 前端知识点回顾篇——是我当初刚转行为了面试而将自己学过的前端知识整理成的一份笔记,个人目的性很强,仅供参考。 doctype 有什么用 doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档。 浏览器本身分为两种模式,一种是 阅读全文
posted @ 2019-06-13 22:15 simple小前端 阅读(242) 评论(0) 推荐(0) 编辑