自己遇到的问题
前端技术小哥
前端学习心得,实战经验分享。交流提升工程能力、技术视野。
展开
-
html2canvas在vue下的巨坑
公司有个需求就是要在前端生成图片首先想到的是用canvas生成图片,自己画这也太耗时间了吧!后面在npm上一查有个html2canvas的框架可以用这里附上地址html2canvas使用起来也特别简单,官网是这么描述的html<div id="capture" style="padding: 10px; background: #f5da55"> <h4 sty...原创 2018-09-01 19:04:59 · 11682 阅读 · 1 评论 -
Map, Filter和Reduce-动画版
Map, Filter和Reduce已经存在很长时间了。 它们通常被视为函数式编程风格的一部分。下面的动画看起来可能有点不自然。但是因为只用了创建的俄罗斯方块网格(在以前的《如何制作俄罗斯方块》教程中)。大家可以也来看看。我们经常把复杂的概念通过形象化的方式记在脑海中。使用可视化作为学习起点的编程文章并不多见。然而,视觉化在教育中是很重要的一环。编程也一样。即使在使用map、filter和...翻译 2019-08-07 21:15:59 · 216 阅读 · 0 评论 -
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 阅读 · 0 评论 -
关于TypeScript泛型的解释
今天让我们一起来学习什么是泛型以及它在TypeScript(TS)中的使用方式。泛型:一种抽象类型的能力TS中泛型的实现使我们能够创建可重用的组件,一个组件可以支持多种类型的数据,为代码添加额外的抽象层和可重用性。泛型可以应用于TS中的函数、接口和类。本文将会解释泛型是什么以及用一系列变量的例子来阐述如何运用。泛型之Hello World用一个简单的例子来阐述泛型的概念,假如我们有一个...原创 2019-08-01 22:37:54 · 4641 阅读 · 0 评论 -
JavaScript变量定义和作用域的可视化指南(入门级)
我们常讨论var,let和const之间的作用域的差异。但更多的时候,我看到不少初学者仍然在尝试着理解这个观点。我认为这可能是因为这个概念很少被可视化。让我们一起来看一看。并不是所有的作用域看起来都是一样的。注意:我并不建议大家死记作用域变量定义和每种类型的作用域的值可见性规则。相反,你们可以试着找出其运作的实际原因。(例如,变量隐私。)块级作用域简单的块级作用域可访问性规则:全局作用...原创 2019-08-05 22:31:38 · 212 阅读 · 0 评论 -
5个要矫正的JavaScript编程陋习
在阅读JavaScript(JS)代码时,您是否有过这样的感觉:你几乎完全不明白这条代码的作用?这些代码使用了大量的JS技巧?命名和编程风格相当随意?这些是编程陋习的征兆。在这篇文章中,我将会概述JS中5种常见的编程陋习。重要的是,我将提出我认为的,关于如何矫正这些陋习的可行的建议。1. 不要使用隐式类型转换JavaScript是一种松散类型的程序语言。如果使用得当,这对我们是有利的...原创 2019-08-07 22:37:34 · 141 阅读 · 0 评论 -
如何成为一个优秀的程序员
原文链接: https://medium.com/free-code-camp…译者:前端技术小哥是什么让真正优秀的程序员与众不同?众所周知的是,优秀的程序员可以构建令人赞叹的功能、网站、应用程序等等。但是他们有什么共同点呢?经过我的研究,这不仅仅只是熟练掌握一门编程语言或有特定的教育背景。真正有才华的程序员已经掌握了基础要素。这些基础要素使他们能够建立伟大事物,并提出突破性的想法。...翻译 2019-07-31 12:42:43 · 536 阅读 · 0 评论 -
如何在NodeJS中开发一个命令行界面(CLI)工具
借助Heroku的Oclif框架作为开发人员,我们经常会用到CLI工具。从git到cloud shells,我们处处都在使用这些工具。所以,是时候开发一个自己的了。在此过程中,我们将使用Heroku的强大的oclif框架。Oclif是什么?它是一个快速构建CLI工具的开放框架,由著名的Heroku提供。要建什么?我们将创建一个待办事项指令,它有四个操作:1、添加新任2、查看所有任务3...原创 2019-08-03 23:37:07 · 2787 阅读 · 0 评论 -
在生产环境中运行PM2和Node.js
在Stream,我们构建了许多应用程序来展示我们的服务所提供的出色功能。对于几乎所有的应用程序,我们都将它们放在一个云服务器上—通常是DigitalOcean或AWS EC2。虽然维护代码库和维持它的相关性是有困难的,但我们发现,在维护应用程序时,最具挑战性的是保持它的活动和运行。此外,由于Node.js是大多数后端API的核心语言,因此很难扩展单个线程进程;这就是PM2发挥作用的地方,也是...原创 2019-08-03 22:25:15 · 1055 阅读 · 0 评论 -
如何用实例掌握Async/Await
今天让我们一起来探讨如何用实例掌握Async/Await目录1、简介(callbacks, promises, async/await)2、实例—货币转换器从2个API’s接收异步数据。简介Async/await是一种编写异步代码的新方法。它是建立在promises之上的,所以也是非阻塞。最大的差别在于异步代码看起来更靠近同步代码。这就是它的关键所在。以前的异步代码选项是callba...原创 2019-08-02 21:08:09 · 168 阅读 · 0 评论 -
你一定是闲得蛋疼才重构的吧
随着“发布”进度条走到100%,重构的代码终于上线了。我露出了老母亲般的微笑……最近看了一篇文章,叫《史上最烂的开发项目长啥样:苦撑12年,600多万行代码》,讲的是法国的一个软件项目,因为各种奇葩的原因,导致代码质量惨不忍睹,项目多年无法交付,最终还有公司领导入狱。里面有一些细节让人哭笑不得:一个右键响应事件需要花45分钟;读取700MB的数据,需要花7天时间。足见这个软件的性能有多糟心。...转载 2019-08-22 11:10:32 · 383 阅读 · 0 评论