大家都喜欢TypeScript。它“解决”了JS的很多问题，它是JS的“超集”，它会让你的代码不容易出错，而且阅读起来很愉快。使用TypeScript有很多好的理由，但我要给你7个真正好的理由不要使用。

在某些情况下，当用户与我们的最终产品或应用程序进行交互时，我们发现自己会执行许多密集的，占用大量CPU的任务。启动轮询器，建立WebSocket连接，甚至加载视频或图片等媒体，都有可能成为性能障碍，尤其是当这些任务在不需要的情况下消耗资源的时候。在用户没有主动与界面交互的同时，从不必要的工作负载或网络请求中...

现在，Vue.js已成为前端开发的热门框架。有很多工程师利用Vue.js的便利性和强大功能。但是，我们完成的某些解决方案可能未遵循最佳做法。好吧，让我们看一下那些必备的Vue技术。

这是一个绝对不费吹灰之力的方法，将已经开发好的网站转换为支持黑暗模式。话不多说，我们开始吧! 👾以这个新闻应用为例现在添加魔术CSS {代码...} 瞧！你完成了 ✌实现黑暗模式说明现在，让我们试着理解下面发生了什么。CSS filter 属性将模糊或颜色转移等图形效果应用到元素上。滤镜通常用于调整图像、背景和边框的渲染...

来源：公众号《前端全栈开发者》如果你能神奇地将你的浏览器升级为普通Chrome用户不知道的功能，这不是很酷吗？以下是十个Chrome功能，可帮助你做到这一点。这些实验性功能，默认情况下尚未启用。要启用这些功能，请查看chrome://flags。以下标志可能会在不久的将来正式发布。但是，截至撰写本文时，它们仍在测试中。阅...

来源：公众号《前端全栈开发者》“两周内给我建一个用户认证系统”是现在研发团队中常见的一句话。由于种种原因，这个任务一直是留给团队中的一个开发人员去解决的。一方面，你确实不想浪费很多时间。另一方面，你担心这种信息可能最好由自己内部编写的服务来处理，以便以后更好的扩展。随着网络上出现新的教程（是一个很...

在当今世界，JavaScript框架每周都会出现，其他一切都会随之改变，这很容易让人陷入困境，并怀疑你的网站是否以最佳状态执行。哪些做法要保留，哪些要放弃。我读到过，使用 implementation x 可以帮助提升性能。但另一个帖子提到要不惜一切代价避免使用它——真相是什么？

下面是在JavaScript中组合字符串的4种方法。我最喜欢的方法是使用模板字符串。为什么？因为它更具可读性，所以没有转义引号的反斜杠，没有笨拙的空格分隔符，也没有混乱的加号操作符 👏。

JavaScript不具有 sleep() 函数，该函数会导致代码在恢复执行之前等待指定的时间段。如果需要JavaScript等待，该怎么做呢？

来源：[链接]，作者：Moon，翻译：公众号《前端全栈开发者》JavaScript中一些最受欢迎的功能可能是map和forEach。从ECMAScript 5（简称es5）开始，它们就开始存在了。在本文中，我将讨论它们之间的主要区别，并向你展示其用法的一些示例。阅读之前基本上，在JavaScript中遍历对象取决于对象是否可迭代。默认情况下，数组...

毫无疑问，JavaScript是Web开发中最流行的编程语言之一。无论您使用的是React，Vue还是Angular，都只是JavaScript。围绕JS展开了广泛而重要的生态系统，提供了无数的框架和库，可帮助你更快地开发应用程序。

Cache API允许服务工作者对要缓存的资源（HTML页面、CSS、JavaScript文件、图片、JSON等）进行控制。通过Cache API，服务工作者可以缓存资源以供脱机使用，并在以后检索它们。

自从Google改变Googlebot's的算法以高度支持快速，适合移动设备的网站以来，拥有快速网站变得越来越重要。如果这还不够好，用户通常会花更少的时间，转化率也会更低，你的网站体验越慢，用户的转化率就越低。

使你的代码可读和可维护的快速提示。有多少次，你打开一个旧的项目，发现混乱的代码，当你添加一些新的东西时，很容易崩溃？我们都有过这样的经历。为了减少难以读懂的javascript的数量，我提供了以下示例。这些都是我过去所犯过的错误。对具有多个返回值的函数使用数组解构假设我们有一个返回多个值的函数。一种可能的...

在编写自定义Hook时，很容易产生过于复杂的解决方案。这有时会导致不稳定的行为，创建无用的重新渲染，或者只是使其更难维护。考虑到这一点，我想分享5种我发现的帮助简化定制Hook的方法。

reduce() 方法将一个数组中的所有元素还原成一个单一的输出值，输出值可以是数字、对象或字符串。 reduce() 方法有两个参数，第一个是回调函数，第二个是初始值。

我猜想，超过70％的JavaScript开发人员仅使用对象来收集和维护其项目中的数据。好吧，确实如此，新的集合对象（例如Map和Set）即使在2015年问世也没有得到充分利用。

这是有关React和Vue语法比较的第三篇文章。在本文中，将比较两种生态系统中最著名的状态管理库（Redux和Vuex）的语法。 其它两篇： React.js和Vue.js的语法并列比较 Next.js和Nuxt.js的语法比较 议程 创建Store Action 异步Action Reducer | Mutation Combine-Reducers | Modules Connect-with-Component 中间件 | 插件 ...

我最近从事一个副项目，该项目可根据用户的请求生成报告。对于每个请求，我们的后端将生成一个报告，将其上传到Amazon S3存储，然后将其URL返回给客户端。由于生成报告需要一些时间，因此将存储输出文件，并且服务器将通过请求参数来缓存其URL。如果用户订购相同的商品，则后端将返回现有文件的URL。

响应式是Vue的最大特色之一。如果你不知道幕后情况，它也是最神秘的地方之一。例如，为什么它不能用于对象和数组，而不能用于诸如 localStorage 之类的其他东西？

这是有关React和Vue语法比较的第二篇文章。在本文中，将比较两种生态系统中最著名的状态管理库（Redux和Vuex）的语法。 上一篇：React.js和Vue.js的语法并列比较 议程 创建Store Action 异步Action Reducer | Mutation Combine-Reducers | Modules Connect-with-Component 中间件 | 插件 Selector | Getter DevTools 创...

现代Web应用对图像的需求量很大，它们占据网络下载的大部分字节。通过优化它们，你可以更好地利用它们的性能。如果你碰巧使用几何图形作为背景图像，有一个替代方案：你可以使用CSS Paint API以编程方式生成背景。

append和appendChild是两个常用的方法，用于将元素添加到文档对象模型（DOM）中。它们经常可以互换使用，没有太多麻烦，但如果它们是一样的，那么为什么要出现两个API呢？……它们只是相似，但不是一样。

元编程是一种强大的技术，使你能够编写可以创建其他程序的程序。ES6借助代理和许多类似功能，使在JavaScript中利用元编程变得更加容易。ES6 Proxy（代理） 有助于重新定义对象的基本操作，从而为各种可能性打开了大门。

ES6中引入了延展操作运算符（...）。 延展操作运算符将可迭代的对象扩展为其单独的元素，可迭代对象是可以使用 for 循环进行循环的任何对象。 可迭代的示例：Array，String，Map，Set，DOM节点。 1.在log中使用延展操作运算符 你可以在 console.log 中对可迭代对象使用延展操作操作符 {代码...} 2.用延展操作运算符复制...

NodeJS的作者Ryan Dahl发布了一个新的运行时，旨在解决Node的许多缺点。你最初的反应可能是“哦，太棒了，另一个Javascript框架？正是我所需要的...”。别担心，我也有同样的反应。在了解了优势之后，我也看到了为什么Deno正是2020年后端Javascript开发人员所需要的。让我们来看看javascript开发人员使用Deno vs. Node获得...

object.entries() 转换一个objec为array。但是，如果你想做相反的事情怎么办？不用再想了！ 使用 Object.fromEntries() 来把array转换为object ?。

除了视差组件和滚动事件外，添加响应式触摸的一种好方法是使元素在滚动视图时淡入。 在本技巧中，将介绍如何使用滚动事件和CSS转换在Vue3中实现此功能。 这是我们将学习如何在本教程中进行构建的屏幕截图。 样式化我们的fadin元素 我们要做的第一件事是构建模板并设置组件样式。在此示例中，我们将使用空白块来说明事情...

ES6引入了各种数学和数字方法以及属性。在本文中，我们将介绍一些我们可能错过的有用的 Number 和 Math 属性。 新 Number 属性 Number 对象具有我们可以使用的新属性和方法。 Number.EPSILON Number.EPSILON 属性用于比较浮点数是否在四舍五入误差的公差值内。它是一个只读属性。 它表示1与大于1的最小浮点数之间的差。 ...

有很多方法可以读取这些数据。你可以将你的表单与数据库（如MySQL）连接，然后从数据库中读取传入的信息。好吧，这是一个选择，但是我认为这对于你的非技术客户来说可能会很麻烦。

在这篇文章中，我将向您展示如何通过JavaScript在网页上访问设备的摄像头，并支持多种浏览器，而无需外部库。 如何使用相机API 要访问用户的相机（或麦克风），我们使用JavaScript MediaStream API。该API允许通过流访问这些设备捕获的视频和音频。 第一步是检查浏览器是否支持此API： {代码...} 在现代浏览器中，支持是...

几天前，我正在使用JavaScript构建倒数计时器，因此我需要格式化秒和毫秒，我希望秒始终是2位数的长度，而毫秒总是3位数的长度，换句话说，我希望 1 秒显示为 01，1 毫秒显示为 001。

如果你想知道Vue 3的主要功能和主要变化是什么，那么我将在这篇文章中重点介绍一下，告诉你使用Vue 3 beta 9创建一个简单的应用程序。

新标签页中打开一个网址如何出现安全漏洞 让我们在网站上的新标签页中打开一个网址，HTML如下 {代码...} 这里我们有一个指向恶意网站的 href 属性，并以 _blank 属性为 target，使其在新标签页中打开。 该流程看起来如此简单明了，用户在这里可能面临的安全风险是什么？ 用户从你的页面重定向到域，此时，浏览器会将你当...

你所知道的一些事情，你可能不知道的一些事情 Create React App是搭建React项目的快速方法。这样我们可以重点放在代码上，而不是构建工具上。 事实1：可以使用单个命令创建完整项目 这个神奇的命令可以通过以下三种方式之一调用： {代码...} Facebook保证其所有基础组件（Webpack，Babel，ESLint，Jest等）可以无缝地协...