TypeScript已经成为一种非常流行的JavaScript语言，这是有原因的。它的类型系统和编译器能够在您的软件运行之前的编译时捕获各种bug，并且附加的代码编辑器功能使它成为一个非常适合开发人员的高效环境。

在过去的十年中，单页应用程序已成为构建Web应用程序的标准技术。如今，诸如Angular，Vue之类的框架以及诸如React之类的库主导着前端开发，为这些应用程序提供了基础平台。好消息是，它可以从一个域中为前台和后台API提供服务。但在某些情况下，我们会从不同的子域中为前台(如web.myapp.com)和后台(如api.myapp.com)提供...

测量执行一个函数所需的时间总是一个很好的办法，证明某些实现比另一个实现的性能更好。这也是一个很好的方法，可以确保性能没有在某些改变后受到影响，也可以追踪瓶颈。

我博客的一位读者在Facebook上联系到我，提出了一个有趣的问题。他说，他的队友不管在什么情况下，都会把每一个回调函数封装在 useCallback() 里面。

如果两个或多个元素很接近，那么用户就会认为它们以某种方式属于彼此。当对多个设计元素进行分组时，用户可以根据它们之间的空间大小来决定它们之间的关系。没有间距，用户将很难浏览页面并知道哪些内容相关而哪些内容无关。

在这篇文章中，我们将构建一个简单的CLI，允许用户生成HTML页面。我们首先要生成一个标准的空白页面，然后让用户输入参数，比如文件名和标题，先通过选项，然后通过提示问题让用户输入参数。

在国内，我想大家基本上都是用阿里的iconfont图标库，这里介绍10个其他的开源图标库，下面列出的所有库都是完全开源的，因为我已经检查了许可条款和条件。

我们每天都使用CLI程序（例如Terminal，cmd，Powershell等）进行软件开发。你使用的每个工具本质上都是其他软件工程师的产品，我们也可以制作自己的CLI工具。

对于大多数单页应用程序而言，管理路由是一项必不可少的功能。随着新版本的Vue Router处于Alpha阶段，我们已经可以开始查看下一个版本的Vue中它是如何工作的。

请勿执行的操作以及如何解决的方法，这部分内容是针对React的新手开发人员提供的。 1.忘记大写React组件 考虑一下这段代码，它创建一个简单的div，其中包含父组件的标题。里面有一个子组件，其中包含带有一些文本的div。 {代码...} 您认为代码运行时会出现什么？ childComponent 未渲染。它去哪儿了？代码编译成功，终端...

我遇到过一些人，他们根本不认为CSS与国际化有关，但如果你仔细想想，国际化不仅仅是把你网站上的内容翻译成多种语言，然后就收工了。该内容的呈现方式有各种细微的差别，这些细微的差别会影响到母语人士使用您的网站的体验。

React.js和Vue.js都是很好的框架。而且Next.js和Nuxt.js甚至将它们带入了一个新的高度，这有助于我们以更少的配置和更好的可维护性来创建应用程序。但是，如果你必须经常在框架之间切换，在深入探讨另一个框架之后，你可能会轻易忘记另一个框架中的语法。在本文中，我总结了这些框架的基本语法和方案，然后并排列出。我...

Web安全是前端开发人员经常忽略的主题。当我们评估网站的质量时，我们通常会查看性能，SEO友好性和可访问性等指标，而网站抵御恶意攻击的能力却常常被忽略。即使敏感的用户数据存储在服务器端，后端开发人员也必须采取重要措施来保护服务器，但最终，保护数据的责任在后端和前端之间共享。虽然敏感数据可能被安全地锁在...

前端开发人员在构建网站时需要做出的决定之一就是添加图片的技术。它可以是HTML <img>，也可以是通过CSS背景生成的图片，也可以是SVG <image>。选择正确的技术很重要，并且可以在性能和可访问性方面发挥巨大作用。

本文将介绍一些JavaScript数组问题，通过从零开始实现数组方法来学习更多关于JavaScript数组的知识，并练习使用它们进行常见的操作。

我们有一棵乌托邦树，每年要经历2个增长周期。在春季，高度增加一倍，在夏季，高度增加1（无论您要使用哪种测量系统）。该函数的目的是输出树经过一定数量的生长周期后的高度。

在VueJS中，v-for循环是每个项目都会使用的东西，它允许您在模板代码中编写for循环。在最基本的用法中，它们的用法如下。 {代码...} 但是，在本文中，我将介绍六种方法来使你的 v-for 代码更加精确，可预测和强大。让我们开始吧。1.始终在v-for循环中使用key首先，我们将讨论大多数Vue开发人员已经知道的常见最佳做法——...

我真的很喜欢使用Vue.js，每次使用框架时，我都会喜欢深入研究其功能和特性。通过这篇文章，我向你介绍了十个很酷的提示和技巧，你可能尚未意识到这些技巧和窍门，以帮助你成为更好的Vue开发人员。

说好听了是“合作产出”，但其实更像是“HTML5 有两套规范”。但话说天下大势合久必分，分久必合，如今（就在前几天，2018.5.29）它们又表示将会开发单一版本的 HTML 规范。

又一期实战教程来了，本次实战教你创建一个粒子魔术效果，跟着我做，包你也能学会和理解。 当谈到运动和动画时，可能没有什么比粒子更让我喜欢了，这就是为什么每次我探索新技术时，我总是以尽可能多的创建粒子来演示。 在本文中，单击按钮时，我们将使用Web Animations API创建烟花效果，从而制作更多的粒子魔术。 效果...

在本文中，我们将研究如何使用React的严格模式来获得有关开发期间过时的API和副作用的额外警告。 严格模式 严格模式是用于突出显示应用程序中潜在问题的工具，它不会呈现任何可见的UI。 它只用于激活对其后代的额外检查和警告。 严格模式不会影响生产环境。 我们可以将严格模式添加到React应用程序，如下所示： {代码......

当然，Vue和Angular也有其合法的追随者群体。然后是Svelte和通用框架，例如Next.js或Nuxt.js。还有Gatsby 和 Gridsome 和 Quasar …，以及，以及。

在使用ES2015模块导入功能的时候你有什么觉得不爽的地方吗？反正我有！下面就来说说。 1.命名导入和自动完成 假设你编写了一个简单的JavaScript模块： {代码...} 这是一个 stringUtils模块。该模块具有一个名为 equalsIgnoreCase 的导出，该函数比较两个忽略大小写的字符串。 到目前为止，一切看起来都不错。 现在，让我...

开发人员工具对于软件开发是必不可少的。我们需要它们来开发、测试和调试我们的工作。作为web应用程序开发人员，您使用Chrome DevTools的几率非常高。

为什么要保留它们以及何时要抛弃它们？ 你是不是遇到和思考过下面的问题？ 什么是package-lock.json（或yarn.lock）？ 我们为什么需要它？ 我的package-lock.json文件中有冲突 我提交时会忽略它 我要把它删掉 更糟糕的是，您可能已经删除了它，并提交了您的 PR 或 push 到master！ 如果是这种情况，那么您已经修改了比预...

Javascript是一种灵活的语言，你可以重新定义任何东西，但是当项目变得复杂时，我们会发现可变数据结构的问题。随着JavaScript的最新版本的发布这种情况发生了改变。现在可以创建不可变的对象了。本文介绍如何用三种不同的方法来做。

我们都有好习惯和坏习惯，编程习惯也不例外。但是，一旦您开始意识到自己的不良习惯，就可以使自己变得更好。如果你努力改掉下面这些坏习惯中的一个，你不仅会影响到你自己，很可能它也会影响到你周围的人。

我花了一些精力来创作本文，以及熬夜编写本文的示例程序，以便您能在阅读之后可以实践参考，阅读后如果觉得对您有帮助，可以关注作者、收藏和点赞本文，这是对作者写出优质文章最大的鼓励了。

写业务代码有成长机会吗？关于这个问题，答案非常肯定：必须有成长机会。对于大部分公司而言，能够写底层代码或者中间件代码的人总是有限的，写业务代码会面临更高的复杂度。

代码编辑器很多，有些是免费的，有些是付费的。其中最喜欢的代码编辑器是 Visual Studio Code。它是免费的，并具有强大的功能，我陆续抛弃了Atom、Sublime Text以及也很强大的Webstorm。

最近微信被苹果逼的开发了暗黑模式，越来越多的网站和应用开始支持了暗黑模式，许多人也喜欢为网站选择暗模式，也许他们更喜欢这样的外观，或者他们想让自己的眼睛免受疲劳。这篇文章将告诉你如何实现一个自动的 CSS 暗模式，根据你的访客的主题来改变。

如果您符合高级开发人员的资格，其工作涉及JavaScript，那么在编码面试中很有可能会被问到棘手的问题。 遵循这个建议:“熟能生巧”。深入有规律地学习JavaScript将提高您的编码能力，并且可以提高您的面试技巧。 在这篇文章中，你会发现7个乍一看很简单但很棘手的JavaScript面试问题。 虽然一开始这些问题看起来是随意的，...

本文介绍三个非常棒棒的CSS技巧，完全可以在你的项目中代替JavaScript，一起来看看这些技巧吧。 :active伪类与CSS数据上报 超实用超高频使用的:empty伪类 用好:only-child伪类 1. :active伪类与CSS数据上报 如果想要知道两个按钮的点击率，CSS开发者可以自己动手，无需劳烦JavaScript开发者去埋点： {代码...} 此时，当...

属性值正则匹配选择器包括下面3种： [attr^="val"] [attr$="val"] [attr*="val"] 这3种属性选择器是字符匹配，而非单词匹配。其中，尖角符号^、美元符号$以及星号*都是正则表达式中的特殊标识符，分别表示前匹配、后匹配和任意匹配。 利用这些选择器，纯CSS就可以做出很炫酷的功能。<!-- more --> 显示超链接的小...

JavaScript 的是没有操作文件的能力，但是 Node 是可以做到的，Node 提供了操作文件系统模块，是 Node 中使用非常重要和高频的模块，是绝对要掌握的一个模块系统。