9 天前 / HueiFeng
总篇 101 篇 2020 年 第 25 篇 原文网址： https://www.smashingmagazine.com/2019/10/asynchronous-tasks-modern-javascript/ 本文围绕 JavaScript 的异步发展历程进行探讨，看一下它是如何改变我们编写和读取代码的方式。我们的探讨将从早期 Web 开发开始，到现代异步模式。 JavaScript 作为编程语言具有两个主要特征，这两个特征对我们理解代码如何工作很重要。一个是同步特性，这意味着代码逐行运行，另一个是单线程，任何时候都只执行一个命令。 随着语言的发展，需要异步执行的模块出现在应用场景中。
10 天前 / 冷星1024
首先声明：ECMAScript 规范中并没有明确定义出 ECMAScript 实现中的各个运行时区域的划分，这里的内存模型的划分主要是指 V8 引擎的实现 对于高级的计算机语言来说，需要对计算机所操作的数据进行抽象化，因此就有了数据类型（实际上对于计算机来说这些数据都是 0 和 1 的组合，并且操作也仅限于与或非等逻辑操作）。抽象出数据类型的好处是可以让程序员在使用数据的时候不需要显示的对这些数据的基本特征进行描述，比如在使用一个数字类型的数据...
10 天前 / 冷星1024
前言在 javascript 中有不同的方法来复制对象，如果你还不熟悉这门语言的话，复制对象时就会很容易掉进陷阱里，那么我们怎样才能正确地复制一个对象呢？ 读完本文，希望你能明白： 什么是深 / 浅拷贝，他们跟赋值有何区别？深 / 浅拷贝的实现方式有几种？浅拷贝与深拷贝浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。
21 天前 / Ryan众乐
首发于前端早早聊写文章前端搞基建|小爝 - 如何推动基础架构项目落地 ScottDong 创业是场成长修行（微信： codingdreamer）86 人赞同了该文章下期预告下周六 - 6-20，是第十期 - 跨端跨栈 https://www.huodongxing.com/go/tl10 下下周六 - 6-27，是第十一期 - 女生专场 https://www.huodongxing.com/go/tl11 另外，每一期都提供了全年的联票，可以看所有场次的录播视频，包括下半年到年底的所有直播视频 本文是第一场讲师 - 小爝的讲稿文字版，给大家带来的分享是《如何推动基础架构项目落地》，今天的 PPT 风格是市面上失传了很久的高桥风 PPT...
25 天前 / Lara
本文对所有 JavaScript 引擎中常见的一些关键基础知识进行了介绍，不仅仅局限于 V8引擎。作为 JavaScript 开发人员，深入了解 JavaScript 引擎的工作原理有助于你了解自己代码的性能特征。 JavaScript 引擎的工作流程 (pipeline)这一切都要从你写的 JavaScript 代码开始。JavaScript 引擎解析源代码并将其转换为抽象语法树（AST）。基于 AST，解释器便可以开始工作并生成字节码。太棒了！就在此时，引擎开始真正地运行 JavaScript 代码。 为了让它运行得更快，字节码能与分析数据一起发送到优化编译器。
27 天前 / Dunizb
在这篇文章中，我将向您展示如何通过 JavaScript 在网页上访问设备的摄像头，并支持多种浏览器，而无需外部库。目录 如何使用相机 API 捕获视频流 视频规格（requirements） 在页面上显示视频 访问手机的前后摄像头 截屏 完整示例和代码 如何使用相机 API 要访问用户的相机（或麦克风），我们使用 JavaScript MediaStream API。该 API 允许通过流访问这些设备捕获的视频和音频。 第一步是检查浏览器是否支持此 API： if ( "mediaDevices" in navigator && "getUserMedia" in navigator.mediaDevices ) { // ok, 浏览器支持它 } 在现代浏览器中...
28 天前 / 冷星1024
持续进步的同学都关注了“1024 译站” 这是 1024 译站的第 92篇文章 一般情况下，忽视内存管理不会对传统的网页产生显著的后果。这是因为，用户刷新页面后，内存数据都被清理了。 但是随着 SPA（单页应用）的普及，我们不得不更加关注页面的内存管理。用户在 SPA 上往往很少刷新页面，随着页面停留时间的增长，内存可能越占越多，轻则影响页面性能，严重的可能导致标签页崩溃。 在这篇文章中，我们将探讨导致 JavaScript 中内存泄露的常见原因，以及如何改善内存管理。
33 天前 / Dunizb
为了回馈我们的开发人员社区，我们查看了包含数千个项目的数据库，并发现了 JavaScript 中的前 10 大错误。我将向你展示导致它们的原因以及如何防止它们发生。如果你避免这些“陷阱”，它将使你成为更好的开发人员。 由于数据为王，因此我们收集、分析并排名了前 10 个 JavaScript 错误。Rollbar 收集每个项目的所有错误，并总结每个项目发生了多少次，我们通过根据错误的指纹对错误进行分组来实现。 我们集中于最有可能影响你和你的用户的错误。为此，我们根据在不同公司中遇到错误的项目数量来对错误进行排名。
41 天前 / 编程技术宇宙
浏览器基本原理我叫小风，是 Windows 帝国一个普通的上班族。 今天，我入职了一家浏览器公司，公司的主营业务是为人类提供 Internet 上网服务，我的岗位是负责执行 JavaScript 代码。 上午的晨会上，认识了负责网络连接的老白，所有网络请求都得找他帮忙，还有负责存储管理的小黑，什么 Cookie，LocalStorage，SessionStorage 之类的都归他管。哦，差点忘了，还有一个妹子小雪，她负责网页渲染。 随后主管安排了我的工作：老白从网络取回网页之后交给小雪来解析渲染，遇到网页中的 JavaScript 代码的时候，就由我来处理执行这些代码。
41 天前 / Ryan众乐
写文章编译原理：从 0 写一个 js 解释器最落小前端 er 一枚~305 人赞同了该文章前段时间写了一个 js 解释器，到目前已经已经把除了对象以外的 JS 大部分基础功能写出来了，在此分享和回顾一下重点技术细节和实现。 https://github.com/zuluoaaa/makeJs 0 初始化我们输入一串有意义的 js 字符串 1 词法分析遍历循环输入，将字符串逐个解释成有意义的数据结构（这里用 token 代表这个数据结构 var a = 1 上面这行代码，会被解析成以下 4 个 token [{token:"var"},{token:"indent",val:"a"},{token:"assign"},{token:"number",val:1}]对于上述的输入...
41 天前 / Dunizb
什么是 JavaScript？JavaScript 通常被称为浏览器脚本语言，但它也已扩展到许多服务器端和移动应用程序开发环境。JS 已经存在了将近 20 年，可以肯定地说它确实是一种成熟且稳定的编程语言。在 Facebook 发布 React 和 React Native 框架之后，JS 变得越来越流行。 JavaScript 具有自己的软件包管理器，例如 NPM 和 Yarn。尽管 JavaScript 现在是首选和流行，但在编程社区中仍然有一些不同的评论。不过，可以肯定地说，JavaScript 的流行性毋庸置疑，因为它包含将近 200 万个在 StackOverFlow 上标记的问题。
41 天前 / 极客挖掘机1
引言前段时间，公司对运行的系统进行了一次安全扫描，使用的工具是 IBM 公司提供的 AppScan 。 这个正所谓不扫不要紧，一扫吓一跳，结果就扫出来这么个问题。 我们的一个年老失修的内部系统，在登录的时候，被扫描出来安全隐患，具体学名是啥记不清了，大致就是我们在发送登录请求的时候，有个字段名是 password ， AppScan 认为这个是不安全的，大概就是下面： 我第一个反应是把这个字段名字改一下，毕竟能简单解决就简单解决嘛，结果当然是啪啪啪打脸。
44 天前 / semlinker
创建了一个 “重学 TypeScript” 的微信群，想加群的小伙伴，加我微信"semlinker"，备注重学 TS。 一、Deno 简介 Deno 是一个 JavaScript/TypeScript 的运行时，默认使用安全环境执行代码，有着卓越的开发体验。Deno 含有以下功能亮点： 默认安全。外部代码没有文件系统、网络、环境的访问权限，除非显式开启。 支持开箱即用的 TypeScript 的环境。 只分发一个独立的可执行文件（deno）。 有着内建的工具箱，比如一个依赖信息查看器（deno info）和一个代码格式化工具（deno fmt）。 有一组经过审计的 标准模块，保证能在 Deno 上工作。
44 天前 / 暗夜余晖
什么是 library？webpack 除了打包应用程序代码，还可以用于打包 JavaScript library。我们在使用 vue 、element 等前端框架（library）时，可以通过 ES6 Modules import 导入使用，也可以通过 script 引入组件库，更或是使用 CommonJS，要支持这么多的使用方式，需要熟悉使用 output.library 和 output.libraryTarget 两个选型的使用。 搭建自己 library 的基础代码假设我们正在编写一个校验字符串是否为空的library，如果输入的字符串为空返回 true，反之返回 false。
44 天前 / clumsy
编者按：本文译者李松峰，资深技术图书译者，翻译出版过 40 余部技术及交互设计专著，现任 360 奇舞团 Web 前端开发资深专家，360 前端技术委员会委员、W3C AC 代表。 原文地址：https://blog.logrocket.com/deno-1-0-what-you-need-to-know/ 原文作者：David Else 经过近两年的等待，官方正式宣布 Deno 1.0 将于 5 月 13 日发布。如今，API 已经冻结，倒计时开始。 借助创始人的大名，加之其前瞻性愿景，Deno 的发布无疑是近期最激动人心也最具争议性的 JavaScript 话题。