JavaScript
关注
分享
扫一扫
文章平均质量分 87
子与子乘
这个作者很懒，什么都没留下…
展开
-
手撕前端JavaScript（第一期）
1. 防抖函数（debounce）目的：防止用户多次触发事件，多次请求造成浪费原理：在事件触发n秒后，再执行回调；如果在n秒内再次被触发，则重新计时；const debounce = function(func,delay = 50){ /* func: 需要防抖的函数 awit: 需要等待的时间，默认为50ms */ let timer = 0; //建立一个定时器的id /* 这里面相当于一个工厂函数： 把用户传进的f原创 2022-03-04 00:05:59 · 475 阅读 · 1 评论 -
《JavaScript高级程序设计》- 第二十三章：JSON
第二十三章：JSON理解JSON最关键的一点是要把它当成一种数据格式， 而不是编程语言。 JSON不属于JavaScript， 它们只是拥有相同的语法而已。 JSON也不是只能在JavaScript中使用， 它是一种通用数据格式。 很多语言都有解析和序列化JSON的内置能力。23.1 语法JSON语法支持表示3种类型的值。简单值： 可以是字符串、 数值、 布尔值和null； 不可以是特殊值undefined。对象： 第一种复杂数据类型， 对象表示有序键/值对。 每个值可以是简单值， 也可以是复杂原创 2022-03-03 14:44:40 · 550 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第十五章：DOM拓展
第十五章：DOM拓展尽管DOM API已经很不错了，但是仍然不断有新的标准或专有的拓展出现，以此来支持更多的功能；W3C正在着手于指定相关的规范。在此期间，诞生了几个比较受欢迎的DOM拓展：Selectors、HTML5；另外还有较小的Element Traversal规范。15.1 Selectors APISelectors API 是 W3C推荐标准，其规定了浏览器原生支持CSS查询的API；Selectors API Level 1有两个核心方法：querySelector()和query原创 2022-02-28 11:34:56 · 582 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第十四章：DOM
第十四章：DOM文档对象模型（Document Object Model）是HTML 和 XML文档的编程接口；就是开发者可以通过JavaScript编程，添加、删除、修改页面的各个部分；14.1 节点层级任何HTML\XML文档都可以表示为由节点构成的层级结构。<html> <head> <title>Sample Page</title> </head> <body>原创 2022-02-27 22:02:41 · 868 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第十二章：BOM
第十二章：BOMBOM（Brower Object Model）：浏览器对象模型；提供了与网页无关的浏览器功能对象12.1 window对象BOM的核心是window对象，表示浏览器实例；window对象有两重身份ECMASCript中的Global对象浏览器窗口的JavaScript接口这就意味着：网页中所有定义的对象、变量和函数都是以window作为其Global对象。注意：window对象的属性，再不同的浏览器中，差异可能会很大；12.1.1 Global作用域由于win原创 2022-02-26 18:50:02 · 606 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第十一章：期约
第十一章：期约介绍Promise之前，先介绍一下异步编程；同步行为与异步行为在计算机科学中一对对立统一的概念同步行为：内存中严格按照顺序执行处理器指令。在执行的每一步，都可以推断出程序的状态。异步行为：类似于系统中断，即：当前进程外部的实体可以执行的代码；11.1 回调地狱在早期JavaScript中，只支持定义回调函数来表明异步；通常需要深度嵌套的回调函数（回调地狱）来解决；function double(value){ setTimeout( () => setTim原创 2022-02-25 21:36:49 · 525 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第十章：函数
第十章：函数实际上函数也是对象，每个函数都是对象Function的实例，其也拥有属性和方法；因为函数也是对象，所以函数名则是指向函数对象的指针；10.1 函数的声明函数声明式function sum(num1,num2){ return num1+num2;}函数表达式let sum = function(num1,num2){ return num1+num2;}构造函数式：let sum = new Function('num1','num2','r原创 2022-02-23 23:16:10 · 650 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第九章：代理与反射
博客zyzcio.gitee.io第九章：代理与反射ES6中新增的代理与反射：提供了拦截并向基本操作嵌入额外行为的能力；具体的实现方式就是：通过一个给目标对象定义一个关联的代理对象，通过代理对象内部的操作对目标对象的操作加以控制注意：代理和反射只在百分百支持它们的平台上有用9.1 代理基础从很多方面看，代理类似C++的指针，可以用作对象的替身；当然，目标对象既可以直接操作（会绕过代理）、也可以通过代理来操作。9.1.1 代理创建通过Proxy构造函数创建，其接收两个参数：目标对象处原创 2022-02-22 00:29:18 · 425 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第八章：对象、类与面向对象编程
博客zyzcos.gitee.io第八章：对象、类与面向对象编程8.1 对象个人理解：具有特定属性和行为的Object实例let person = { // 属性 name:'zyzc', age:'21', job:'student', sayName(){ // 行为 console.log(this.name); }}person.sayName(); // zyzc8.1.1 属性的类型ECMA-262使用内原创 2022-02-17 23:49:56 · 385 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第六章：集合引用类型
博客`zyzcos.gitee.io`集合引用类型6.1 Object如何使用？显式创建： let person = new Object(); person.name = 'zyzc'; person.age = 18;字面量表示法：【不会调用Object构造函数】 let person = { name:'zyzc', age:18 } console.log(person["name"]); // zyzc除了采用`.`来访问原创 2022-02-14 15:17:46 · 421 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第五章：基本引用类型
博客zyzcos.gitee.io基本引用类型基本概念：引用值：又称对象，是某个特定引用类型的实例。引用类型：又称对象定义，引用类型描述了对象的属性和方法。新对象通过new操作符后面跟一个构造函数来创建。 let now = new Date();注意：虽然引用类型有点像类，但是和类不是同一个概念。5.1 Date怎样使用？ let timeFormat = 2/12/2022; let now = new Date(timeFormat);可使用的ti原创 2022-02-13 11:48:41 · 333 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第四章：变量、作用域与内存
博客zyzcos.gitee.io第四章：变量、作用域与内存4.1 原始值与引用值ECMAScript变量包含两种不同类型的数据：原始值和引用值; 分类 组成 访问方式 原始值 Undefined、Null、Boolean、Number、String和Symbol六种简单数据 按值访问【操作的就是存储的`实际值`】 引用值 由多个值构成的对象 按引用访问【操作的是该对象的引用，通过引用操作对象原创 2022-02-12 00:11:17 · 479 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第三章：语言基础
博客zyzcos.gitee.io第三章：语言基础3.1 语法ECMAScript语法很大程度上借鉴了C以及其他类C语言3.1.1 区分大小写ECMAScript严格区分大小写3.1.2 标识符什么是标识符？标识符：变量、 函数、 属性或函数参数的名称，可以由一个或多个下列字符组成：第一个必须是字母、下划线或美元符号剩下其他字符可以是字母、下划线、美元符号或数字注意：关键字、保留字、true、false、null不能作为标识符3.1.3 注释// 单行注释原创 2022-02-11 10:28:46 · 475 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第二章：HTML中的JavaScript
博客zyzcos.gitee.io第二章：HTML中的JavaScript2.1 script 元素用于将JavaScript插入到网页中。script元素有什么属性?async:可选属性。表示立即开始下载脚本，但不会组织其他页面动作。【异步】【支队外部脚本文件有效】charset:可选属性。指定代码字符集，很少使用，因为浏览器不在乎他的值crossorigin:可选属性。配置相关请求的CORS（跨源资源共享）defer:可选属性。表示脚本可以延迟到文档完全被解析后再执行【只对外部脚原创 2022-02-09 21:05:55 · 585 阅读 · 0 评论 -
《JavaScript高级程序设计》- 第一章：介绍JavaScript
博客zyzcos.gitee.io第一章：什么是JavaScript？1.1 历史1995年，由网景公司一名工程师Brendan Eich开发的脚本语言。从Mocha——>LiveScript——>JavaScript是其名字的发展史。1997年，由各公司、部门联合制定了ECMAScript,成为JavaScript的语言标准.1.2 JavaScript的实现完整的JavaScript由如下三部分组成：核心（ECMAScript）文档对象模型（DOM）浏览器对象模型（B原创 2022-02-09 21:05:17 · 751 阅读 · 0 评论