自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术小哥

前端技术分享

  • 博客(20)
  • 收藏
  • 关注

转载 你一定是闲得蛋疼才重构的吧

随着“发布”进度条走到100%,重构的代码终于上线了。我露出了老母亲般的微笑……最近看了一篇文章,叫《史上最烂的开发项目长啥样:苦撑12年,600多万行代码》,讲的是法国的一个软件项目,因为各种奇葩的原因,导致代码质量惨不忍睹,项目多年无法交付,最终还有公司领导入狱。里面有一些细节让人哭笑不得:一个右键响应事件需要花45分钟;读取700MB的数据,需要花7天时间。足见这个软件的性能有多糟心。...

2019-08-22 11:10:32 383

原创 写一个 JS 调用栈可视化工具 hound-trace

背景最近在分析一些框架源码,在写笔记的时候,一些函数的调用栈希望用流程图的形式记录下来,打开 http://draw.io[1] 就是一顿操作,画了几个调用栈之后,感觉很麻烦。于是蹲在厕所里的我开始思考了,调用栈既然可以用 console.trace() 打印出来,那是不是也可以把数据记录下来直接画出流程图来?当然我从不喜欢造轮子,首先熟练的打开 google 操作一波,发现地球之...

2019-08-19 14:50:36 1366 1

转载 30分钟完成JavaScript中的记忆游戏

通过在30分钟内构建一个记忆游戏来学习JS,CSS和HTML!本教程介绍了一些基本的关于HTML5,CSS3和JavaScript概念。我们将讨论数据属性,定位,透视...

2019-08-18 11:55:09 184 1

转载 如何用Jest和TypeScript调用Puppeteer库

客户端测试通常使用Selenium,它可自动执测试行任务。但是,您可能不需要Selenium那种重量级的或者那么多功能的框架。如果您正在寻找一种更轻巧,易于使用的工具...

2019-08-13 10:50:35 1037 1

转载 如何用React Hooks构建可复用的动画组件

原文:https://www.freecodecamp.org/news/animating-visibility-with-css-an-example-of-reac...

2019-08-12 00:41:13 1174 1

转载 初学者的JavaScript generators指南

原文:https://www.freecodecamp.org/news/beginners-working-guide-to-javascript-generators...

2019-08-12 00:41:13 196

转载 常用的JavaScript设计模式你都知道吗?

简介我们编写代码是为了解决问题。这些问题通常有很多相似之处,在尝试解决这些问题时,我们会注意到几种常见的模式。这就是设计模式的用武之地。设计模式这个术语在软件工程中用来...

2019-08-10 21:44:14 471

转载 Development模式是如何运作的?

原文:https://overreacted.io/how-does-the-development-mode-work/译者:前端技术小哥如果您的JavaScript代...

2019-08-09 23:35:29 1189

转载 JavaScript: ES2019更新了什么呢?

原文:https://blog.tildeloop.com/posts/javascript-what%E2%80%99s-new-in-es2019 译者:前端技术小...

2019-08-09 23:35:29 1316 1

翻译 JavaScript:ES2019中的新功能

原文:https://blog.tildeloop.com/posts/javascript-what’s-new-in-es2019译者:前端技术小哥JavaScript(JS)是最流行的编程语言之一,也是Web开发的主要语言之一,它在不断发展,每一次迭代都会带来一些新的内部变化。让我们来看看ES2019的一些新功能,它们可能很快就会进入我们的日常代码:Array.flat()现在我们...

2019-08-08 23:45:11 536

转载 5个要矫正的JavaScript编程陋习

在阅读JavaScript(JS)代码时,您是否有过这样的感觉:你几乎完全不明白这条代码的作用?这些代码使用了大量的JS技巧?命名和编程风格相当随意?这些是编程陋习的征兆...

2019-08-08 09:56:40 193 1

原创 ​5个要矫正的JavaScript编程陋习

在阅读JavaScript(JS)代码时,您是否有过这样的感觉:你几乎完全不明白这条代码的作用?这些代码使用了大量的JS技巧?命名和编程风格相当随意?这些是编程陋习的征兆。在这篇文章中,我将会概述JS中5种常见的编程陋习。重要的是,我将提出我认为的,关于如何矫正这些陋习的可行的建议。1. 不要使用隐式类型转换JavaScript是一种松散类型的程序语言。如果使用得当,这对我们是有利的...

2019-08-07 22:37:34 141

翻译 ​Map, Filter和Reduce-动画版

Map, Filter和Reduce已经存在很长时间了。 它们通常被视为函数式编程风格的一部分。下面的动画看起来可能有点不自然。但是因为只用了创建的俄罗斯方块网格(在以前的《如何制作俄罗斯方块》教程中)。大家可以也来看看。我们经常把复杂的概念通过形象化的方式记在脑海中。使用可视化作为学习起点的编程文章并不多见。然而,视觉化在教育中是很重要的一环。编程也一样。即使在使用map、filter和...

2019-08-07 21:15:59 215

翻译 我为什么认为Flutter是移动应用程序开发的未来?

原文:https://medium.com/free-code-camp/why-i…译者:前端技术小哥几年前,我使用Java和Objective-C在Android和iOS开发中有一些涉足。在实际工作中我花了将近一个月时间,我决定继续学习深挖。但是我发现很难深入。在最近,我了解到Flutter,并决定再为移动应用程序开发提供支持。我立刻爱上了它,因为它使开发多平台应用程序变得非常有趣...

2019-08-07 12:00:22 1759

原创 JavaScript变量定义和作用域的可视化指南(入门级)

我们常讨论var,let和const之间的作用域的差异。但更多的时候,我看到不少初学者仍然在尝试着理解这个观点。我认为这可能是因为这个概念很少被可视化。让我们一起来看一看。并不是所有的作用域看起来都是一样的。注意:我并不建议大家死记作用域变量定义和每种类型的作用域的值可见性规则。相反,你们可以试着找出其运作的实际原因。(例如,变量隐私。)块级作用域简单的块级作用域可访问性规则:全局作用...

2019-08-05 22:31:38 212

翻译 为什么会出现React Hooks?

原文:https://dev.to/tylermcginnis/why-react-hooks-51lj…译者:前端技术小哥当你要学习一个新事物的时候,你应该做的第一件事就是问自己两个问题1、为什么会存在这个东西?2、这东西能解决什么问题?如果你从来没有对这两个问题都给出一个令人信服的答案,那么当你深入到具体问题时,你就没有足够的坚实的基础。关于React Hooks,这些...

2019-08-05 14:50:26 1284

原创 如何在NodeJS中开发一个命令行界面(CLI)工具

借助Heroku的Oclif框架作为开发人员,我们经常会用到CLI工具。从git到cloud shells,我们处处都在使用这些工具。所以,是时候开发一个自己的了。在此过程中,我们将使用Heroku的强大的oclif框架。Oclif是什么?它是一个快速构建CLI工具的开放框架,由著名的Heroku提供。要建什么?我们将创建一个待办事项指令,它有四个操作:1、添加新任2、查看所有任务3...

2019-08-03 23:37:07 2785

原创 在生产环境中运行PM2和Node.js

在Stream,我们构建了许多应用程序来展示我们的服务所提供的出色功能。对于几乎所有的应用程序,我们都将它们放在一个云服务器上—通常是DigitalOcean或AWS EC2。虽然维护代码库和维持它的相关性是有困难的,但我们发现,在维护应用程序时,最具挑战性的是保持它的活动和运行。此外,由于Node.js是大多数后端API的核心语言,因此很难扩展单个线程进程;这就是PM2发挥作用的地方,也是...

2019-08-03 22:25:15 1055

原创 ​如何用实例掌握Async/Await

今天让我们一起来探讨如何用实例掌握Async/Await目录1、简介(callbacks, promises, async/await)2、实例—货币转换器从2个API’s接收异步数据。简介Async/await是一种编写异步代码的新方法。它是建立在promises之上的,所以也是非阻塞。最大的差别在于异步代码看起来更靠近同步代码。这就是它的关键所在。以前的异步代码选项是callba...

2019-08-02 21:08:09 168

原创 关于TypeScript泛型的解释

今天让我们一起来学习什么是泛型以及它在TypeScript(TS)中的使用方式。泛型:一种抽象类型的能力TS中泛型的实现使我们能够创建可重用的组件,一个组件可以支持多种类型的数据,为代码添加额外的抽象层和可重用性。泛型可以应用于TS中的函数、接口和类。本文将会解释泛型是什么以及用一系列变量的例子来阐述如何运用。泛型之Hello World用一个简单的例子来阐述泛型的概念,假如我们有一个...

2019-08-01 22:37:54 4641

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除