而对于程序员来说，当我们在处理数据时，通常不知道这些数据是否已经被正确的过滤或者排序。尤其是当你想要在页面上按照稍微复杂一点的规则显示数据时，这就比较痛苦了。 Grid Shepherd 是一种使用 CSS Grid 帮助定位和排序的技术，完全不需要 JavaScript 的参与。

最近关注了太多的工具，现在最好从所有 React 和 npm-install-everything 的文章中休息一下，来看看一些纯粹的 DOM 和 Web API 功能，它们可以在不依赖任何第三方库的前提下在现代浏览器中运行。

Angular 8 终于来了，包括 Ivy 的预览、service worker 支持，差异化加载以及一些锦上添花的东西。 Manfred Steyer 解释了最新 Angular 版本中最重要的变化。

翻译： 疯狂的技术宅原文：[链接]未经许可，禁止转载！ 本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章 当你为其他开发人员（前端，桌面，移动等）开发 API 时，需要生成一份风格良好的文档，以便他们知道可以使用的内容和方式，这非常重要。 为此，在Node.js项目中，我一直在使用apiDoc，因...

JavaScript 的日益发展带来了很多变化，当今的 Web 开发面貌已经变得截然不同。在几年前是很难想象在服务器上运行 JavaScript 的。

类型和可测试代码是避免错误的两种最有效方法，尤其是代码随会时间而变化。我们可以分别通过利用 TypeScript 和依赖注入（DI）将这两种技术应用于JavaScript开发。

翻译：疯狂的技术宅原文：[链接] 未经许可，禁止转载！本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章 我在工作中很喜欢 Git 。 Git 在许多开发团队中扮演着重要的角色。 关于 Git 面试的第一个问题必须是： Q1. Git和SVN有什么区别？ Git SVN 1. Git是一个分布式的版本控制工具 1. SVN 是集...

为 Linux 系统配置网络连接可能是具有挑战性的。幸运的是，许多新的 Linux 发行版都带有网络管理工具，可以帮你自动连接到无线网络。但是能够为 Linux 机器建立静态网络连接不是更好吗？本指南将向你展示如何使用不同的 Linux 工具检查来自 CentOS/RHEL 机器的网络连接，并讲解如何使用 nmcli 工具添加静态网络配置。

当你开始用 JavaScript 进行开发时，可能学到的第一件事就是如何用 console.log 将内容记录到控制台。如果你去搜索如何调试 JavaScript，会发现数百篇博文和 StackOverflow 文章都会简单的告诉你用 console.log。因为这是一种很常见的做法，我们甚至会在代码中使用像 no-console 这样的 linter 规则来确保不会留下意外的...

翻译：疯狂的技术宅原文： [链接] 本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章 Node.js 是一个 JavaScript 运行时环境。听起来还不错，不过这究竟意味着什么？它又是如何运作的？ Node 运行时环境包含执行 JavaScript 程序所需要的一切。 如果你了解 Java 的话，会发现它们有点像。 JavaSc...

本教程是 Node.js，Express 框架和 MongoDB 的快速指南，重点介绍基本的 REST 路由和基本的数据库交互。你将构建一个简单的 API 框架模版，然后可以将其用作任何应用。

在2019年5月16日，微软宣布推出最新的TypeScript 版本候选版本：3.5 RC 。此版本修复了以前的一些问题，引入了新的改进、性能优化、并添加了一些功能。

我发现官方的 TypeScript 文档非常有用，但是总觉得有点过于学术化并且枯燥无味。每当我发现一个新功能时，我想要知道这个功能究竟能够解决什么问题而不是长篇大论。

惰性加载是一种优化 Web 应用和移动应用的旧技术。非常直截了当 —— 如果在某一时刻资源没有被查看或需要，就不要渲染它们。例如，如果我们有一个要显示的文章列表，开始时应该只渲染视口上的内容。这意味着其他元素将在以后按需呈现（当它们位于视口中或即将在视口上时）。

了解什么是 DevOps 的关键在于搞清楚 DevOps 的意图，即创建高质量的软件，同时在团队之间进行更快速、更可靠的沟通和协作。至于团队，我们可以参考这两个：开发团队和 IT运营团队。

Web 为了支持客户端和服务器之间的全双工（或双向）通信已经走过了很长的路。这是 WebSocket 协议的主要目的：通过单个 TCP 套接字连接在客户端和服务器之间提供持久的实时通信。

你有没有想过浏览器是如何读取和运行 JavaScript 代码的吗？这看起来很神奇，但你可以学到一些发生在幕后的事情。让我们通过介绍 JavaScript 引擎的精彩世界在这种语言中尽情畅游。

ES6 自发布以来为 JavaScript 带来了一些新功能和方法。与 JavaScript 相比，这些功能更好地改善了我们的工作流程。这些新功能包括 Object.freeze() 方法和 const。

翻译：疯狂的技术宅原文：[链接] 本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章 编写算法时，排序是一个非常重要的概念。它有各种各样的种类：冒泡排序、希尔排序、分块块排序，梳排序，鸡尾酒排序，侏儒排序 —— 这些可不是我瞎编的！ 这个算法题能够让我们一睹精彩的世界。我们必须对数字数...

你是不是一直都想学正则表达式，但是因为它的复杂性而被推迟了？在本文中，我将向你展示五个易于学习的正则技巧，你可以立即在自己喜欢的文本编辑器中使用它们。

本文将向你介绍一系列顶级CSS框架。有些人可能听说过，也可能对有些人是全新的。但它们都提供了各种有用的先进功能，可以改善你的工作流程。开始吧！

Chrome 74 已经发布了，虽然从用户的角度来看并没有什么令人兴奋的东西，但是对开发人员来说带来了一些好处。新版本附带了新的 Javascript 私有类字段、允许用户减少动画的媒体查询和 Windows 的深色模式等等。

插入排序是一种非常简单的算法，最适合大部分已经被排好序的数据。在开始之前，通过可视化演示算法如何运作一个好主意。你可以参考前面的动画来了解插入排序的工作原理。

虚拟现实（VR）是一种依赖计算机生成环境的体验，其应用范围广泛：美国利用虚拟现实进行冬季奥运会的运动训练；外科医生正在试验用虚拟进行医学培训；把虚拟现实用于游戏是最常见的一种应用。

shadow DOM不是超级英雄电影中的恶棍，也不是DOM的黑暗面。 shadow DOM只是一种解决文档对象模型（或简称DOM）中缺少的树封装方法。

有些人认为 AI 和 ML 被过分夸大了，认为它们只不过是写一些 if 语句，或者仅仅是和编程有关的玩意儿，但我建议你对这些观点进行仔细的思考和分辨。在本文中，我将对它们涉及到的术语进行比较，并展示这两个领域的专家之间的区别：他们究竟是做什么的？软件工程师、软件开发人员、机器学习专家、数据科学家......有些人...

Vue.js 是一个流行的 JavaScript 库，用于在短时间内开发原型。这包括用户界面、前端应用、静态网页和本机移动应用。它以易用的语法和简单的数据绑定功能而闻名。

翻译：疯狂的技术宅[链接] 本文首发微信公众号：前端先锋欢迎关注，每天都给你推送新鲜的前端技术文章 本文的目标是提供关于如何创建安全的 Node.js GraphQL API 的快速指南。 你可能会想到一些问题： 使用 GraphQL API 的目的是什么？ 什么是GraphQL API？ 什么是GraphQL查询？ GraphQL的好处是什么？ GraphQL是否优于R...

闭包是函数创建时作用域内所有变量的集合。要使用闭包，需要在另一个函数中创建一个函数，这种函数被称为嵌套函数。内部函数可以访问外部函数作用域中的变量（依靠闭包可以访问外部函数作用域），即使在返回外部函数之后也是如此。每次创建嵌套函数时都会创建闭包。

JavaScript 并没有那么糟糕。作为运行在浏览器中的脚本语言，它对于网页操作非常有用。在本文中，我们将看到可以用哪些手段来修改 HTML 文档和交互。