Thoughts, stories and ideas.

call() , apply() 与 bind() 实例详解
Frontend

call() , apply() 与 bind() 实例详解

call() , apply() 与 bind() 详解 我们知道可以用call(), apply() 和 bind()这三个函数都是用来完成函数调用,并且设置this指向。 call()和apply()是 ECMAScript3 标准引入,而bind()函数则是在 ECMAScript 5 引入。 这边文章会用几个小例子来回忆一下他们之间有什么不一样。 用法 call()和apply() 会立即调用函数, 而bind()只会返回一个函数引用,当后面真正调用返回的函数的时候,函数里面的this将会指向给bind(

Visual Studio Code断点调试Vue
Visual Studio Code

Visual Studio Code断点调试Vue

很多人习惯在 Chrome 的调试窗口中调试 Vue 代码, 或者直接使用 console.log 来观察变量值, 这是非常痛苦的一件事,需要同时打开至少 3 个窗体。个人还是更加习惯于断点调试。这篇文章将介绍如何配置 Visual Studio Code 和 Chrome 来完成直接在 VS Code 断点调试代码, 并且在VS Code的调试窗口看到Chrome中console相同的值。 设置 Chrome 远程调试端口 首先我们需要在远程调试打开的状态下启动

基于Nginx, Node.js 和 Redis的Docker容器化工作流

基于Nginx, Node.js 和 Redis的Docker容器化工作流

在本文中,我将详细介绍基于Docker的示例工作流的一些概念。对于这个例子,我有一个非常简单的Node.js应用程序,用于递增存储在Redis上的计数器。我将Redis和Node应用程序独立开,因为我希望能够根据负载来扩展节点应用程序。首先,我有3个运行该应用程序的节点服务器实例。还有一个Nginx节点位于应用程序之前,用于节点实例的负载均衡。 我们可以想象得到我们的容器结构: 1个Redis容器 3个Node容器 1个Nginx容器 我们的业务架构应该如下图所示: 我们可以使用Docker命令从头开始构建容器,但为了更容易,我们将写一个Dockerfile,它可以为我构建容器。后面我们也会用到Docker Compose来编排我们应用程序的Docker容器。 Redis 容器 让我们使用来自DockerHub的官方Redis镜像作为Redis容器。它预先安装了Redis服务器,并在默认端口6379上运行。因此,只要您确定了默认设置,

Webpack 和 Gulp 的区别
Webpack

Webpack 和 Gulp 的区别

随着Webpack越来越流行,很多人开始将它和Gulp作比较。 我在一些论坛看到很多评论在比较网站开发用哪一个更好。这篇文章将简单介绍什么是Webpack, 它和Gulp有什么不同,更重要的是,你该用哪一个? 介绍 在过去的几年中,Web开发行业发生了很大变化,新的工具不断取代旧的解决方案。例如,曾经CodeKIT是一种用于编译和分类工具和资产的基于GUI的工具也很流行,它后来由Grunt取而代之。再然后Gulp出现,立即以其直观和强大的方式赢得了网络开发人员的心。 现在,Webpack正处于潮流中。它会完全取代Gulp吗?很多人有不同观点,但趋势确实非常强劲: 所以到底什么是Webpack 我们先从Webpack的官方网站看看: Webpack takes modules with dependencies and generates