随笔分类 - 7-web前端
说明：本系列笔记为个人学习记录，学习课程为尚学堂系列课程。https://www.bilibili.com/video/BV1oz421q7BB?spm_id_from=333.788.videopod.episodes&vd_source=a8188b9378385ae3de36009c7a1ed1a5&p=58，
摘要：一、Promise对象 1.1基本概念 Promise 是异步编程的一种解决方案，比传统的解决方案--回调函数和事件 更合理和更强大。 它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise 对象。 所谓 promise，简单说就是一个容器，里面保存着某个未来才会结
阅读全文
摘要：一、Set数据结构 1.1 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 set 本身是一个构造函数，用来生成 Set 数据结构。 <script> var s = new Set(); var arr = [103,91,47,43,32,54
阅读全文
摘要：一、箭头函数 ES6 允许使用“箭头”(=>)定义函数，之前是通过function 来定义函数。 <body> <script> //之前我们接触的是 function fn1(x,y){ return x+y ; } //也可以写成赋值型 var fn2 = function(x,y){ retu
阅读全文
摘要：1、属性的简洁表示法 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 <body> <script> var name = "zhangsan"; var user = { name:name, //这里属性名和属性值是同样的变量名称，可以写成name,就是
阅读全文
摘要：一、数组扩展之扩展运算符 1.扩展运算符 扩展运算符(spread)是三个点(…)。将一个数组转为用逗号分隔的参数序列。 <script> var arr = [10,23,45,6,7]; //以前获取数组中的每个元素 for(let i = 0;i<arr.length;i++){ consol
阅读全文
摘要：一、字符串扩展 增加字符串能力。 1.字符串Unicode表示方法 ES6 加强了对 Unicode 的支持，允许采用 \uxxxx 形式表示一个字符，其中 xxxx 表示字符的 Unicode 码点。 Unicode 统一码(Unicode)，也叫万国码、单一码，是计算机科学领域里的一项业界标准，
阅读全文
摘要：一、let命令 ES6 新增了let 命令，用来声明变量。它的用法类似于 var ，但是所声明的变量，只在let 命令所在的代码块内有效。 <script> /* 1.var关键字：函数级的作用域 2.let关键字：块级作用域（花括号级的作用） 没有变量提升 不能重复声明 */ </script>
阅读全文
摘要：一、Babel转码器 Babel是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。 这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。 1.浏览器支持性查看 https://caniuse.com/ 2.Babel 官网 htt
阅读全文
摘要：一、Nodejs 简介 Nodejs诞生于2009年，主攻服务器方向，使得利用Javascript也可以完成服务器代码的编写。 二、安装 官网：https://nodejs.org/en/ 中文网：https://nodejs.p2hp.com/ 建议不改安装路径，直接C盘默认。 查看安装的版本：n
阅读全文
摘要：一、简介 1.ECMAScript 和JavaScript 的关系 ECMAScript 和JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现，通常场合，这两个词是可以互换的。 2.名词详解 ECMAScript 6(以下简称 ES6)是JavaScript 语言的标准，在 20
阅读全文
摘要：在正式讲解ES6新特性之前，我们需要了解一些命令行工具，在日后的课程中，我们会经常用到命令行。 常用命令行工具有两种： CMD 命令行工具 Powershell 命令行工具 一、CMD 命令行工具 选择盘符：（大小写都行） 查看盘符及目录下文件与文件夹：dir 返回上一级：cd..或者cd../ 二
阅读全文
摘要：一、防抖 1.含义 防抖严格算起来应该属于性能优化的知识，但实际上遇到的频率相当高，处理不当或者放任不管就容易引起浏览器卡死。 2.从滚动条监听的例子说起 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam
阅读全文
摘要：一、定时器 JavaScript 提供定时执行代码的功能，叫做定时器(timer)。 主要由setTimeout()和setinterval() 这两个函数来完成。 它们向任务队列添加定时任务。 1.1定时器之setTimeout setTimeout 函数用来指定某个函数或某段代码，在多少毫秒之后
阅读全文
摘要：一、含义 由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理(delegation)。 父元素系统处理子元素事件。
阅读全文
摘要：一、添加事件 事件处理程序分为： HTML事件处理 DOM0级事件处理 DOM2级事件处理 1.1 HTML事件处理 （这种不用知道就行） <body> <button onclick="clickHandle()">按钮</button> <script> //HTML事件 function cl
阅读全文
摘要：JS操作CSS样式，JS操作HTML中的元素。三者联动起来。 JS操作CSS样式有三种方式： 通过HTML元素的style属性； 通过元素节点的style属性； 通过cssText属性。 1.1 HTML元素的style属性 操作 CSS 样式最简单的方法，就是使用网页元素节点的 setAttrib
阅读全文
摘要：、 一、元素对象属性 Element对象对应网页的 HTML 元素。每一个 HTML 元素，在 DOM 树上都会转化成一个Element节点对象(以下简称元素节点)。 1.1 .id Element.id 属性返回指定元素的id 属性，该属性可读写. 1.2 .className className
阅读全文
摘要：一、DOM概述 DOM 是JavaScript操作网页的接口，全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个JavaScript 对象，从而可以用脚本进行各种操作(比如对元素增删内容)。 浏览器会根据 DOM 模型，将结构化文档HTML解析成一系列的节
阅读全文
摘要：一、对象概述{ } 对象(object)是JavaScript 语言的核心概念，也是最重要的数据类型。 简单说，对象就是一组“键值对”(key-value)的集合，是一种无序的复合数据集合。 对象的每一个键名又称为“属性”(property)它的“键值”可以是任何数据类型。如果一个属性的值为函数，通
阅读全文
摘要：一、定义 函数是一段可以反复调用的代码块。 1.1 函数的申明 function 命令: function命令声明的代码区块，就是一个函数。function命令后面是函数名，函数名后面是一对圆括号，里面是传入函数的参数。函数体放在大括号里面。 1.2 函数名的提升 JavaScript 引擎将函数名
阅读全文
浙公网安备 33010602011771号