6 天前 / 前端De早读课
前言 你的工作中有写测试么？今日前端早读课文章由 @goldbergyoni 分享。 正文从这开始～～ 【第 2732 期】JavaScript & Node.js 的测试最佳实践 - 第一章： 测试剖析 第二章：后端测试 2.1 丰富您的测试组合：不局限于单元测试和测试金字塔 建议：测试金字塔，虽然已经有超过 10 年的历史了，但是它仍是一个很好的相关模型，它提出了三种测试类型，并且影响了大多数开发人员的测试策略。与此同时，大量闪亮的新测试技术出现了，并隐藏在测试金字塔的阴影下。
49 天前 / Yourtion
编译 | 冬雨、闫园园 毫无疑问，提起 JavaScript，其仍是当下最受欢迎的编程语言，全球有将近 1400 万开发者在使用。然而 JSON ( JavaScript 对象表示法) 的创建者 Douglas Crockford 却在近日提出一个不同的看法：JavaScript 已经成为了发展的障碍。 Crockford 是世界著名前端大师、JSON 的创立者，被 JavaScript 之父 Brendan Eich 称为 JavaScript 的大宗师（Yoda）。除了 JSON，他还是 JSLint、JSMin 和 ADSafe 的创造者，也是名著《JavaScript: The Good Parts》的作者。
50 天前 / jp311
本项目已与博文视点合作推出纸质版，其版税收入将有 10% 捐献给 Mozilla，点击购买。 原文简介§本书由 JavaScript 之父 Brendan Eich 与 ES6 规范首席作者 Allen Wirfs-Brock 联合编写，详细记载和解读了自 1995 年语言诞生到 2015 年 ES6 规范制定为止，共计 20 年的 JavaScript 语言演化历程。全书不仅讲解了大量语言技术细节层面的演进，更复盘了更高层面上规范制定与标准博弈中的历史成败，是一部讲述人类如何在商业与技术上的竞争合作中促进产业发展的故事。 这个故事相当漫长而复杂。
84 天前 / 冷星1024
使用 JavaScript 阻止屏幕进入睡眠状态 最近在 H5 端有需要保持手机屏幕常亮的需求，辗转之下，发现了一个早在 chrome 85 中就已经支持的 Web API，不过，截止到今天发文时，Safari 仍不支持，尽管如此，在安卓端我们还是能调用这个 API 来节省设备电池电量（相对于 NoSleep.js 来说），ios 端使用 polyfill 的方式，在将来 Safari 支持该 API 后移除即可。 Wake Lock 可防止屏幕关闭、变暗或锁定，仅适用于活动的选项卡 / 窗口，这可以防止后台选项卡使您的设备保持唤醒状态，也提供了函数以随时通过代码手动释放。
92 天前 / Yourtion
本文将从 VSCode JavaScript Debugger 的功能入手，从源码角度分析其实现对应功能所使用的技术手段及优秀的代码设计，让大家对其中的功能及实现原理有大致理解。 前言 调试（Debugging）作为软件开发环境中无法缺少的部分，长期以来都作为评价一款 IDE 产品优劣的重要指标，VS Code 在 1.47版本「1」中废弃了旧版本的 NodeDebug「2」、DebuggerForChrome 「3」等插件集，正式采用了全新的 JavaScript Debugger 插件，用于满足所有 JavaScript 场景下的调试需求，不仅提供了丰富的调试能力...
107 天前 / cxc_xinconan
前言 介绍沙箱机制的古往今来。今日前端早读课文章由 @hijiangtao 投稿分享。 正文从这开始~~ 随着微前端的不断发展、被更多的团队采用，越来越多开始对沙箱这个概念有所了解。沙箱，即 sandbox，意指一个允许你独立运行程序的虚拟环境，沙箱可以隔离当前执行的环境作用域和外部的其他作用域，外界无法修改该环境内任何信息，沙箱内的东西单独运行，环境间相互不受影响。本文计划谈谈微前端的 JavaScript 隔离，即沙箱机制的古往今来。
135 天前 / Ryan众乐
当我们遇到这种稍微有点麻烦的代码时，可能上面的总结无法解释出来的时候，那我们该如何才能判断出这段代码的一个结果呢？或者说，JS 引擎它是如何来解析这段代码的呢？就会涉及到“预编译”这部分内容，根据预编译的规则来解释这段代码。 到这里，我们不再讨论上段代码的结果是什么，想了解的朋友自行打印。 四、暗示全局变量（imply global variable） 假如，我们在全局下写 a = 1; console.log( a )，那其实是和 var a = 1; console.log( a )是一样的，其实就是在全局对象 window 中添加了一个变量名为 a，值为 1 的属性...
146 天前 / Inputing
摄影：产品经理某种甜点 有时候，我们的电脑上没有安装 Python，但你需要验证一段 Python 代码的运行效果。 又有时候，你想做一个网页，但是你只会 HTML 和 Python。那么如果要做一个带有一些复杂逻辑的网页，只能去学 JavaScript 吗？ 其实未必。如果你不考虑网页美观的话，你可以用 HTML + Python 实现一个简单的网页。 今天我们要介绍的东西，叫做 PyScript，使用它，不需要安装任何软件。只要有一个记事本，就能写一段 HTML+Python 的代码。写完以后，双击这个 HTML 文件，用浏览器打开，就能直接看到 Python 代码的运行结果。
162 天前 / 冷星1024
今天我们来看一个进入 statge3 的新的 JavaScript 提案：ShadowRealm API。 JavaScript 的运行环境领域（realm），这个词比较抽象，其实就代表了一个 JavaScript 独立的运行环境，里面有独立的变量作用域。 比如下面的代码： constwin=frames[0].window; console.assert(win.globalThis!==globalThis);//true console.assert(win.Array!==Array);//true 每个 iframe 都有一个独立的运行环境，document 的全局对象不同于 iframe 的全局对象，类似的，全局对象上的 Array 肯定也不同。
175 天前 / 九彩拼盘
今天来分享 GitHub 上最受欢迎的 Top 20 JavaScript 项目，这些多是实用的小型工具库，快来看看你都用过哪些吧！ 1. debugdebug 是一个模仿 Node.js 核心调试技术的小型 JavaScript 调试实用程序。适用于 Node.js 和 Web 浏览器。 debug 每周下载量：195,681,684 GitHub：https://github.com/debug-js/debug 2. chalkchalk 是一个终端字符串美化工具。默认 node 在输出终端的文字都是黑白的，为了使输出不再单调，就可以使用这个库来添加文字背景和字体颜色。
188 天前 / 九彩拼盘
《剑指 Offer：专项突破版》是一个算法题集。该题单包含了程序员在准备面试过程中必备的数据结构与算法知识。具体包含： 数据结构：整数、数组、字符串、链表、栈、栈、队列、树、堆和前缀树。算法：二分查找、排序、回溯法、动态规划和图搜索。本文来分享下栈部分题的解法~ 栈介绍栈是操作受限的数组。栈的插入和删除操作都发生在数组的末尾 ( 也叫栈顶)。它的特点是“后入先出”：后入栈的元素先出来。 基于 js 的数组，很容易实现栈： classStack{ constructor(){ this.data=[]; } //入栈 push(val){ this.data.push(val); } //出栈 pop(){ returnthis....
195 天前 / 浪客书心
TypeScript 团队在深夜突然发了一条推，神秘兮兮说：“如果我们可以直接在 JavaScript 中支持类型，会怎么样？”。 他们在评论区说：“类型作为注释”的提案意味着浏览器可以直接运行通过了 TS 检查的代码 ( 即使它们没有做任何类型检查)。这意味着更好的编辑体验和更快的迭代。 这是一个很让人兴奋的想法，接下来我们具体看看这个提案的内容。 这是一个新的 stage0 的语法提案，暂时还未提交给 TC39。github 的仓库地址是 https://github.com/giltayar/proposal-types-as-comments 背景最近在 JavaScript 领域看到的一个趋势是...
196 天前 / 九彩拼盘
《剑指 Offer：专项突破版》是一个算法题集。该题单包含了程序员在准备面试过程中必备的数据结构与算法知识。具体包含： 数据结构：整数、数组、字符串、链表、哈希表、栈、队列、树、堆和前缀树。算法：二分查找、排序、回溯法、动态规划和图搜索。本文来分享下哈希表部分题的解法~ 哈希表介绍哈希表（Hash table，也叫散列表），是根据关键码值 (Key value)而直接进行访问的数据结构。 哈希表的优势是高效。哈希表的插入、删除和查找的时间复杂度都是：O（1）。因此，哈希表经常被用来优化时间效率。 在 js 中，对象就是哈希表。
197 天前 / 高飞
01 为元素添加 on 方法 Element.prototype.on = Element.prototype.addEventListener; NodeList.prototype.on = function (event, fn) {、 []['forEach'].call(this, function (el) { el.on(event, fn); }); return this; }; 02 为元素添加 trigger 方法 Element.prototype.trigger = function(type, data) { var event = document.createEvent("HTMLEvents"); event.initEvent(type, true, true); event.data = data || {}; event.eventName = type; event.target = this; this.dispatchEvent(event); return this; }...