首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript数组

    theme: nico 现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 JavaScript数组 引言 在JavaScript中,数组(Array)是一种重要且广泛应用的数据结构 JavaScript提供了丰富的数组方法和属性,使我们能够方便地对数组进行增删改查等操作。本文将详细介绍JavaScript数组的方法API、属性,并探讨如何模拟实现数组的API。 在JavaScript中,数组是一种动态类型的数据结构,可以容纳任意类型的数据,包括基本类型和对象。 JavaScript数组的特点包括: 数组的长度是动态可变的,可以根据需要随时添加或删除元素。 JavaScript提供了许多方法和属性来操作和处理数组,使得数组成为处理数据的强大工具。 2. 数组方法API JavaScript数组提供了丰富的方法来操作数组。 以上仅是JavaScript数组方法API的部分常用示例,更多详细的方法和用法请参考MDN Web Docs。 3.

    43550编辑于 2023-07-31
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript对象

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 JavaScript对象 引言 在 JavaScript 中,对象是一种非常重要的数据类型,它允许我们以键值对的形式组织和存储数据 本文将详细介绍 JavaScript 对象的属性和常用 API,并提供一个模拟实现对象的示例。同时,还将探讨对象的应用场景和一些相关的参考资料。 1. 对象属性 JavaScript 对象的属性是以键值对的形式存储的。对象属性可以是任意类型的值,包括基本数据类型(如字符串、数字、布尔值)和其他对象。 a. 动态添加属性 JavaScript 对象是动态的,意味着我们可以在运行时动态添加新的属性。 对象 API JavaScript 对象提供了许多常用的 API,用于操作和管理对象的属性和行为。 a.

    45120编辑于 2023-07-27
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript作用域

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 作用域和作用域链 引言 在 JavaScript 中,作用域是指变量在代码中可访问的范围。 理解 JavaScript 的作用域和作用域链对于编写高质量的代码至关重要。本文将详细介绍 JavaScript 中的词法作用域、作用域链和闭包的概念,并探讨它们在实际开发中的应用场景。 1. 2.3 作用域链的应用场景 作用域链在 JavaScript 中有多种应用场景,包括: 变量查找:作用域链决定了变量的查找顺序,使得 JavaScript 可以正确地找到并访问变量。 闭包在 JavaScript 中常用于创建私有变量和实现模块化开发。 总结 作用域、作用域链和闭包是 JavaScript 中重要的概念,它们相互关联,共同构建了 JavaScript 的变量访问和代码组织机制。

    38330编辑于 2023-07-27
  • 来自专栏bit哲学院

    入门javascript_现代javascript代理入门

    参考链接: Python中的屏障对象Barrier Objects 入门javascript      JavaScript proxies were introduced in 2015 with ECMAScript JavaScript代理是在2015年随ECMAScript 6引入的。它们使我们能够拦截和覆盖诸如对象属性查找和赋值之类的操作。 Proxy对象包装另一个对象并充当中间人。         因此,当我们运行user.name我们在告诉JavaScript引擎调用内部的[[GET]]方法来检索name属性。         如果JavaScript在严格模式下运行,并返回falsy值或没有,错误将被抛出。         翻译自: https://medium.com/@michael.karen/getting-started-with-modern-javascript-proxy-789a7fb71c8e  入门javascript

    53300发布于 2020-12-20
  • 来自专栏编程时光

    现代Javascript高级教程》ShadowDOM

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 JS Shadow DOM:创建封装的组件和样式隔离 引言 在现代的 Web 开发中,组件化和样式隔离是非常重要的概念

    65321编辑于 2023-07-27
  • 来自专栏终身学习者

    现代 JavaScript 库打包指南

    一种选择是继续在源代码中使用 JavaScript,然后通过 JSDoc 注释来支持类型。然后,你可以将 TypeScript 配置为仅从你的 JavaScript 源代码中构建类型文件。 面向现代浏览器 使用现代的新特性,如果有需要,让开发者支持旧的浏览器 这篇 web.dev 上的文章提供了一个很好的案例,并提供了相关的指导原则: 当使用你的库时,能够让开发者去支持老版本的浏览器。 举个例子,如果你使用 TypeScript,你可以创建两个版本的包代码: 通过在 tsconfig.json 中设置 "target"="esnext",生成一个用现代 JavaScript 的 esm 版本 通过在 tsconfig.json 中设置 "target"="es5" 生成一个兼容低版本 JavaScript 的 umd 版本 有了这些设置,大多数用户将获得现代版本的代码,但那些使用老的打包工具配置或使用 如果你没有为多个环境创建多个产出,或者你的产出是“纯 JavaScript”或“通用”的,可以在任何 JavaScript 环境中运行,那么你就不需要设置 browser 字段。

    1.2K10编辑于 2022-10-27
  • 来自专栏code秘密花园

    现代 JavaScript 库打包指南

    一种选择是继续在源代码中使用 JavaScript,然后通过 JSDoc 注释来支持类型。然后,你可以将 TypeScript 配置为仅从你的 JavaScript 源代码中构建类型文件。 面向现代浏览器 使用现代的新特性,如果有需要,让开发者支持旧的浏览器这篇 web.dev 上的文章提供了一个很好的案例,并提供了相关的指导原则: 当使用你的库时,能够让开发者去支持老版本的浏览器。 举个例子,如果你使用 TypeScript,你可以创建两个版本的包代码: 通过在 tsconfig.json 中设置 "target"="esnext",生成一个用现代 JavaScript 的 esm 版本 通过在 tsconfig.json 中设置 "target"="es5" 生成一个兼容低版本 JavaScript 的 umd 版本 有了这些设置,大多数用户将获得现代版本的代码,但那些使用老的打包工具配置或使用 如果你没有为多个环境创建多个产出,或者你的产出是“纯 JavaScript”或“通用”的,可以在任何 JavaScript 环境中运行,那么你就不需要设置 browser 字段。

    2.8K20编辑于 2023-01-09
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript函数式编程

    现代JavaScript高级小册 深入浅出Dar 现代TypeScript高级小 JavaScript函数式编程 引言 函数式编程(Functional Programming)是一种编程范式,它将计算机程序视为数学函数的组合 JavaScript作为一种多范式的语言,也支持函数式编程风格。本文将介绍JavaScript函数式编程的基本概念和特点,并通过代码示例来展示其实际应用。 1. 什么是函数式编程? 在JavaScript中,对象和数组是可变的,但我们可以通过函数式编程的方式来实现不可变性。 参考资料 MDN Web Docs - Functional Programming Functional-Light JavaScript JavaScript Allongé Functional Programming in JavaScript (视频)

    40340编辑于 2023-07-27
  • 来自专栏前端Q

    现代 JavaScript 库打包指南

    一种选择是继续在源代码中使用 JavaScript,然后通过 JSDoc 注释来支持类型。然后,你可以将 TypeScript 配置为仅从你的 JavaScript 源代码中构建类型文件。 面向现代浏览器 使用现代的新特性,如果有需要,让开发者支持旧的浏览器这篇 web.dev 上的文章提供了一个很好的案例,并提供了相关的指导原则: 当使用你的库时,能够让开发者去支持老版本的浏览器。 举个例子,如果你使用 TypeScript,你可以创建两个版本的包代码: 通过在 tsconfig.json 中设置 "target"="esnext",生成一个用现代 JavaScript 的 esm 版本 通过在 tsconfig.json 中设置 "target"="es5" 生成一个兼容低版本 JavaScript 的 umd 版本 有了这些设置,大多数用户将获得现代版本的代码,但那些使用老的打包工具配置或使用 如果你没有为多个环境创建多个产出,或者你的产出是“纯 JavaScript”或“通用”的,可以在任何 JavaScript 环境中运行,那么你就不需要设置 browser 字段。

    1.2K30编辑于 2023-01-09
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript引擎的工作原理

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 JavaScript引擎的工作原理:代码解析与执行 引言 JavaScript是一种脚本语言,常用于前端开发和后端服务器开发 在浏览器环境中,JavaScript的执行是由JavaScript引擎负责的。了解JavaScript引擎的工作原理,对于理解代码的执行过程、优化性能以及解决一些常见问题都非常有帮助。 JavaScript引擎简介 JavaScript引擎是一种解释和执行JavaScript代码的软件或硬件组件。它负责将JavaScript代码转换为可执行的指令,并在计算机或设备上执行这些指令。 每个浏览器都有自己的JavaScript引擎,用于在浏览器中执行JavaScript代码。 以下是一些常用的JavaScript调试工具: 浏览器开发者工具:现代浏览器都提供了内置的开发者工具,包括调试器、性能分析器、堆栈追踪等功能,可用于调试JavaScript代码。

    58121编辑于 2023-07-27
  • 来自专栏编程时光

    现代Javascript高级教程》类型转换

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 Javascript数据类型和类型转换 在JavaScript中,理解数据类型,如何区分它们,以及它们如何被转换是至关重要的 在这篇文章中,我们将探讨这些主题,以帮助巩固你的JavaScript基础。 基础数据类型和引用数据类型 当涉及JavaScript的数据类型时,我们可以将其分为两类:基本数据类型和引用数据类型。 它们在JavaScript中的不同行为和用法对于理解类型转换的概念和机制非常重要。 使用typeof操作符 在JavaScript中,我们可以使用typeof操作符来获取一个值的数据类型。 隐式类型转换 在JavaScript中,隐式类型转换是指在特定的上下文中,JavaScript自动将一个数据类型转换为另一个数据类型,而无需显式地编写转换代码。 类型转换的优先级:在JavaScript中,类型转换有一定的优先级。

    78620编辑于 2023-07-27
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript中的Generator函数

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 JavaScript中的Generator函数与其在实现Async/Await的应用 在JavaScript的世界里 Generator函数的基础 在ES6(ECMAScript 2015)中,JavaScript引入了一种新的函数类型:Generator函数。 使用Generator函数实现Async/Await 在JavaScript中,Async/Await是一种处理异步操作的新方法,它基于Promise和Generator函数。 以上就是关于JavaScript中的Generator函数以及其在实现Async/Await中的应用的详细讨论。理解和掌握这些概念对于编写高效、易读的JavaScript代码具有重要的意义。

    45120编辑于 2023-07-27
  • 来自专栏前端精读评论

    24.精读《现代 JavaScript 概览》

    作者在文中说, 现代JavaScript 的很多概念和思想在快速被传播和扩展, 很多新概念出现在前端相关的博客和文档中, 这些概念对于很多前端开发人员来说, 仍然很陌生. 因此我们有必要来学习一下现代的这些 JavaScript的概念, 看这些概念在现在 JavaScript 的库或应用中是怎么被使用的. 2 内容概要 文章讲了很多现代JavaScript中的概念, 罗列如下 JavaScript 已经很多了, 再对理解的现代JavaScript补充几条: Dependent injection(依赖注入) 通过控制反转,父级不需要关心子实现细节,将子类可能用到的实例都初始化好 4 总结 伴随着各种框架的热度, 理解这些现代 JavaScript 概念变得越来越重要, 大家可以以这个作为概览, 详细去学习和了解现代 JavaScript 的概念. 讨论地址是:精读《现代 JavaScript 概览》 · Issue #35 · dt-fe/weekly

    80620编辑于 2022-03-14
  • 来自专栏编程时光

    现代Javascript高级教程》装饰器

    现代JavaScript高级小册 深入浅出Dar 现代TypeScript高级小 JavaScript修饰器:简化代码,增强功能 引言 在JavaScript中,修饰器(Decorator)是一种特殊的语法 本文将详细介绍JavaScript修饰器的概念、语法和应用场景,并提供相关的代码示例。 1. 修饰器简介 修饰器是一种用于修改类、方法或属性的语法,它可以在不修改原始代码的情况下增强其功能。 结论 JavaScript修饰器是一种强大的语法,它能够简化代码、增强功能,并提高代码的可维护性和可扩展性。 参考资料 MDN Web Docs - Decorators JavaScript Decorators: What They Are and When to Use Them

    85730编辑于 2023-07-27
  • 来自专栏编程时光

    现代Javascript高级教程》Error类

    现代JavaScript高级小册 深入浅出Dar 现代TypeScript高级小 JavaScript Error 类: 异常处理与错误管理 引言 在 JavaScript 开发中,处理错误和异常是非常重要的 Error 类是 JavaScript 内置的错误对象,它提供了一种标准的方式来表示和处理各种类型的错误。 本文将详细介绍 JavaScript Error 类的属性和 API,讨论其应用场景,并提供一些代码示例和参考资料。 1. Error 类简介 Error 类是 JavaScript 提供的内置类之一,它用于表示各种类型的错误。 JavaScript 中的错误可以分为两类: 内置错误:由 JavaScript 引擎或运行环境提供的错误,例如语法错误、类型错误等。

    32930编辑于 2023-07-27
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript深拷贝与浅拷贝

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 JavaScript深拷贝与浅拷贝 引言 在JavaScript中,对象的拷贝是一项常见的操作。 使用库函数:许多优秀的 JavaScript 库(如 Lodash、Underscore)提供了高性能的深拷贝函数。这些库经过充分测试和优化,可以满足大多数深拷贝需求。 结论 深拷贝和浅拷贝是JavaScript中常用的拷贝方式,每种方式都有其适用的场景和注意事项。通过实现一个完整而优雅的深拷贝函数,我们可以轻松地创建对象的独立副本,并处理循环引用和特殊类型。

    86320编辑于 2023-07-27
  • 来自专栏编程时光

    现代Javascript高级教程》JavaScript中的原型与继承

    现代JavaScript高级小册 深入浅出Dart 现代TypeScript高级小册 原型和原型链 JavaScript是一门支持面向对象编程的语言,它的函数是第一公民,同时也拥有类的概念。 原型(Prototype) 原型(Prototype)是JavaScript中对象的一个特殊属性,它用于实现属性和方法的继承。 在JavaScript中,每个对象都有一个原型属性,它指向另一个对象,这个对象被称为原型对象。通过原型链,对象可以从原型对象继承属性和方法。 原型的概念可以用以下方式解释:每个JavaScript对象都是基于一个构造函数创建的,构造函数是对象的模板或蓝图。 原型对象是一个普通的JavaScript对象,它具有自己的属性和方法。

    50540编辑于 2023-07-27
  • 来自专栏智影Yodonicc

    现代JavaScript转型——发布、传输和安装现代 JavaScript以实现更快的应用程序

    译者:Yodonicc 通过开启现代 JavaScript 依赖项和输出来提高性能。 超过 90% 的浏览器能够运行现代 JavaScript,但传统 JavaScript 的流行仍然是当今 Web 性能问题的最大原因之一。 现代JavaScript 现代 JavaScript 的特征不是使用特定的 ECMAScript 规范版本编写代码,而是使用所有现代浏览器都支持的语法。 这意味着尽管“现代JavaScript 是一个活动目标,但 ES2017 拥有最广泛的浏览器兼容性,同时包含大多数常用的现代语法特性。换句话说,ES2017 目前最接近现代语法。 应用程序中的现代 JavaScript 第三方依赖项构成了 Web 应用程序中绝大多数的典型生产 JavaScript 代码。

    3.3K185编辑于 2022-04-28
  • 来自专栏京程一灯

    现代 JavaScript 中编写异步任务

    在本文中,我们将探讨过去异步执行的 JavaScript 的演变,以及它是怎样改变我们编写代码的方式的。我们将从最早的 Web 开发开始,一直到现代异步模式。 同步执行和观察者模式 如简介中所述,JavaScript 通常会逐行运行你编写的代码。 可以肯定地说,Promise 是该语言中引入的基本工件,对于在 JavaScript 中启用 async/await 表示法是必需的,你可以在现代浏览器和最新版本的 Node.js 中使用它。 当尝试使用JavaScript解决更复杂的难题时,我们看到了对更成熟语言的需求,并且我们尝试了以前不曾在网上看到的体系结构和模式。 与十年前刚刚开始在浏览器中编写代码时相比,我觉得现在 JavaScript 是“异步友好”的。

    3.6K30发布于 2019-11-03
  • 来自专栏京程一灯

    现代 JavaScript 开发有点小难

    总有人在抱怨如今的 JavaScript 开发变得多么多么复杂,这种现象并不罕见。当一个新人开始学习 JavaScript 的时候,其实我是对他抱有同情的。 如果你正在学习 JS,那么你很快就能感受到生态系统的爆炸式繁荣,感受到构建一个现代 web 应用需要掌握的成千上万个不断发展的知识点(至少在概念上是这样的)。 在很长一段时间内,JavaScript 都被当成了一个笑话,一个玩具语言,只能用来添加一些不必要的视觉特效,比如鼠标移动到某个元素上触发个动画之类的,而且 JavaScript 经常是导致发生错误、致使页面奔溃的罪魁祸首 我觉得讽刺的是,现在人们攻击 JavaScript 开发的理由是“过于复杂”。不幸的是,鱼和熊掌不可得兼。 现在 JavaScript 开发是行业中最急缺(薪酬也不赖)的一类职业。 你是否满意 JavaScript 的演变?还是说现代 web 开发已经无情地带走了你 coding 的乐趣?我很乐于倾听你的想法,可以在下方或 Twitter 上给我留言。

    40220发布于 2019-03-28
领券