随笔分类 - JavaScript
JavaScript的使用。从入门到入坟
摘要：伪Ajax 通过iframe以及form表单，可以实现伪Ajax的方式。 并且它的兼容性是最好的。 iframe iframe标签能够获取一个其他页面的文档内容，这说明它内部肯定是发送了一个请求，并且收到后端的数据展示在页面上。 基于这一点，我们可以让他与form表单做一个结合使用。 <iframe
阅读全文
摘要：XmlHttpRequest 这是原生的一种发送网络请求的技术，存在非常久的方案。 基本上所有框架对于网络请求的部分都是基于它来做的。 方法介绍 open open()用于创建请求（单纯创建，并不发送） 注意：如果是open()的method为GET，则需要自带参数。 参数说明 method 请求方
阅读全文
摘要：正反选 使用Js完成正反选的效果。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
阅读全文
摘要：基础知识 在文档、浏览器、标签元素等元素在特定状态下触发的行为即为事件，比如用户的单击行为、表单内容的改变行为即为事件，我们可以为不同的事件定义处理程序。Js使用异步事件驱动的形式管理事件。 事件类型 Js为不同的事件定义的类型，也可以称为事件名称。 事件目标 事件目标指产生事件的对象，比如<a>标
阅读全文
摘要：基础知识 首先参考画布分为视口（窗口）与文档的含义 网页很多都是多屏，所以文档尺寸一般大于视口尺寸 视口尺寸不包括浏览器工具条、菜单、标签、状态栏等 当打开控制台后，视口尺寸相应变小 文档像position定位，视口类似fixed定位 文档坐标在页面滚动时不发生改变 视口坐标的操作需要考虑滚动条的位
阅读全文
摘要：基础知识 在书写Js代码之前，一般都会先将HTML代码书写好。 DOM的全称为Document Object Model即为文档对象模型。 DOM支持将HTML文档转换为Js的对象进行操作。 文档渲染 浏览器会将HTML文本内容进行渲染，并生成相应的Js对象，同时会对不符合规则的标签进行处理。 标签
阅读全文
摘要：前言 现在很多大厂面试前端都会要求能够手动的写出一个Promise，所以这里整理了一份手写的Promise。 绝对详细，功能绝对强大。如果你不了解Promise的基本使用，那么本篇文章可能不太适合你，如果你对Promise有过一些了解，那么这篇文章绝对是你进阶的好帮手。 除开catch()以及fin
阅读全文
摘要：事件循环 JavaScript是一门单线程的编程语言，所以没有并发并行等特性。 为了协调事件、用户交互、脚本、UI 渲染和网络处理等行为，防止主线程的不阻塞，（事件循环）Event Loop的方案应用而生。 JavaScript处理任务是在等待任务、执行任务 、休眠等待新任务中不断循环中，也称这种机
阅读全文
摘要：程序异常 程序异常可分为逻辑异常和语法异常，对于初学者而言语法异常居多，随着不断的学习对语言越来越熟悉后语法异常减少逻辑异常增多。 在JavaScript中提供了对异常进行处理的语句，在适当的时候使用它们能够使程序变得更加健壮。 但是要注意不要滥用异常处理，它会使程序的可读性变差。 异常对象 所有的
阅读全文
摘要：window对象 window对象是一个全局的对象，我们使用的alert()就是window对象下的方法。只是因为它是全局的所以并不需要加上前缀。像前面说的Math对象就是非全局的。因此需要加上前缀。 所有的浏览器都支持window对象，按理说一个HTML文档就应该对应一个window对象。并且从功
阅读全文
摘要：前言 正则表达式其本身就是一种小型的，高度专业化的编程语言，能够非常方便的对字符串进行处理。 正则语法在各个语言中都是通用的，所以掌握它显得十分有必要。 创建正则 在Js中，提供两种创建正则的方式。 字面量创建 使用//包裹的字面量创建方式是推荐的作法，但它不能在其中使用变量。 <script> "
阅读全文
摘要：前言介绍 在最早的时候JavaScript这门语言其实是并没有模块这一概念，但是随着时间的推移与技术的发展将一些复用性较强的代码封装成模块变成了必要的趋势。 在这篇文章中主要介绍原生的 JavaScript封装的几种手段以及新增的 ES6 Module的语法，来实现模块封装。 并且会简单的使用Web
阅读全文
摘要：基础知识 严格意义上来讲，在Js中是没有类这一概念的。 我们可以运用前面章节提到的构造函数来模拟出类这一概念，并且可以通过原型对象的继承来完美的实现实例对象方法复用。 但是这样十分的麻烦，我们需要将实例对象需要用到的公共方法来存放到构造函数的原型对象中，而使用class语法糖整个过程就变得非常简单。
阅读全文
摘要：原型基础 每个对象都有一个原型prototype对象，通过函数创建的对象也会拥有这个原型对象。 原型是一个指向对象的指针。 原型对象的作用： 存储一些实例对象公用的方法或属性，也就是说一个构造函数中的公共方法或属性应该放入原型对象中 原型对象中的参数： 默认一个原型对象有一个方法constructo
阅读全文
摘要：Object 在JavaScript中一切都是基于对象来完成的，Js中大部分类型都是对象，如 String/Number/Math/RegExp/Date 等等。 我们可以自定义对象，自定义对象中包含方法以及属性。 对象最重要的一点就是将功能进行整合，方便操纵数据，在对象中拥有属性以及方法。 在Js
阅读全文
摘要：作用域 在Js中，所有的名字（变量/常量/函数/类）都有一个作用范围，这被称之为作用域。 全局作用域 全局作用域即是在全局下定义的名字作用范围，在Js中全局作用域中的名字全局有效，在任何作用域中都能进行访问。 生命周期：页面打开则产生，页面完毕时销毁 数量：最多只有一个 局部作用域 局部作用域通常是
阅读全文
摘要：前言 终于开始写this指向了，相信这对很多JavaScript的学习者来说是一个非常恐怖的环节，个人认为也算是JavaScript中最难理解的一个知识点，this非常的方便但是在你不熟悉它的情况下可能会出现很多坑。 本篇文章将带你充分了解this指向，用最精炼简短的语句阐述不同情况下的this指向
阅读全文
摘要：前言 Js中的函数其实相较于其他语言是比较复杂的，光函数类型就分了好几种，其中this指向更是让很多初学者摸不到头脑。 那么本篇文章将着重介绍一下函数的基本使用，关于this指向的详解将放在下一章。 函数的作用其实就是将一段可重复利用的代码进行整合，方便多次使用。 一定要注意，先声明定义函数而后再进
阅读全文
摘要：Map Map是一组键值对的结构，用于解决以往不能用对象做为键的问题 具有极快的查找速度 函数、对象、基本类型都可以作为键或值 其实Map和对象非常相似，但是对象的键只能是String类型或Symbol类型，Map在这方面就显得自由开放，以下是Map与对象的对比。 MapObject 意外的键 Ma
阅读全文
摘要：Set 用于存储任何类型的唯一值，无论是基本类型还是引用类型。 只有值没有键 严格类型检测存储，字符串数字不等同于数值型数字 存储的值具有唯一性 遍历顺序是添加的顺序，方便保存回调函数 其实Set类型更多的是操作数据，而并非存储。 基础知识 声明定义 以下示例演示出如何使用Set类型存储数据。 <s
阅读全文
浙公网安备 33010602011771号