上代码用 shell 脚本可以比较方便实现：首先新建脚本：pull-all.sh {代码...} 填入如下内容： {代码...} 然后改一下权限： {代码...} 接下来就可以直接运行了： {代码...} 也可以不跟参数，会提示你输入目录~注意这里要输入绝对路径（可以 pwd 获取），否则会只有第一个 pull 成功~神不神奇~哈哈，上面的代码前半部分是...

尽管 Git 是一个非常强大的工具，但是我相信大部分同学有时候学起 Git 来，感觉很难搞~ 笔者总是习惯于在脑海中重现学习的知识，Git 也一样：当我们执行了切换分支命令，分支之间是如何交互的？又是如何影响历史提交的？当我在 master 分支上执行了强制 reset 又 force push 到了远端 ，又把 .git 文件夹删掉，我的同事...

上次笔者翻译了一篇图解 SOLID 原则 原文见： 图解你身边的 SOLID 原则 过了两天发现有人为那篇文章补充了 JavaScript 例子，看了下例子还不错，这次就顺便也翻译一下哈，部分例子有删改~ 关于概念部分就不多说了，看上一篇或者看图就好~ 那么直接进入正题： S - 单一职责原则 例子 我们假设需要验证一个表单，然后将用...

这篇文章我们来简单介绍一下 SOLID 原则（这五个字母代表了面向对象编程的五个基本原则） 我们用身边的事物来举例，让它们更易于理解和记忆。 好啦，开始吧~ S - 单一职责原则 Single Responsibllity Principle - 即 SRP 一个类只能承担一个职责。通俗点儿说就是一个类只能承担一件事，并且只能有一个潜在的原因去更改这...

前言 纯函数 是一个常见的概念，在日常工作中也经常会遇到，它其实非常简单，今天我们来了解一下它的好处以及为什么要使用它。 两个特点 一个函数，如果符合以下两个特点，那么它就可以称之为 纯函数： 对于相同的输入，永远得到相同的输出 没有任何可观察到的副作用 相同输入得到相同输出 我们先来看一个不纯的反面典型...

工厂模式是一种创建对象的 创建型模式，遵循 DRY（Don't Repeat Yourself）原则。在该模式下，代码将会根据具体的输入或其他既定规则，自行决定创建哪种类型的对象。简单点儿说就是，动态返回需要的实例对象。

背景 最近笔者在工作中遇到了一个小需求： 要实现一个组件来播放帧图片 这个需求本身不复杂，但是需要在组件中一次性引入十张图片，就像下面这样： {代码...} 作为一个有代码洁癖的程序员，我是不允许这种重复性代码存在滴，于是乎就尝试有没有什么简单的方法。 方法一：绕过 webpack 由于笔者用的是 vue-cli 3，熟悉的...

良好的设计模式可以显著提高代码的可读性，降低复杂度和维护成本。笔者打算通过几篇文章通俗地讲一讲常见的或者实用的设计模式。 今天先从最简单的一个入手：单例模式。 文中的示例代码会使用 ES6 语法，尽量简化不必要的细节 概念 单例模式（Singleton）属于创建型的设计模式，它限制我们只能创建单一对象或者某个类的...

async/await 大家肯定都用过，在处理异步操作的时候真的是很方便。 如果有还不熟悉的小伙伴可以看笔者之前的文章： 带你理解 async/await 那今天主要讲一些在使用 async/await 时容易忽略和犯错的地方。 一个例子 下面是一个常见的 Vue 代码片段： {代码...} 上面的代码中，每一行都会 等待上一行的结果返回后才会执行。...

今天分享一篇 设计过程 的入门~ 其中也包含一些有用的 设计网站。如果你你想知道如何完整设计一个项目，可以一起来看下~ 在本文中，将以设计一个 CMS 系统界面为例，介绍针对 web 开发中的通用设计流程。 CMS，全称 Content Management System，即内容管理系统 搭建环境 原文作者使用的是 Adobe XD（它是完全免费的）中...

你是否曾思考为什么我们能使用 JS 中的一些内置属性和方法，比如 .length，.split()，.join()？我们并没有显式地声明它们，那么究竟它们从哪里来的呢？ 可不要说什么“那是 JS 中的魔法！”。其实这些都因为一个叫做 原型继承（prototypal inheritance） 的东西。它太棒啦，你平时也经常会用到，只不过可能没有注意！

JS 实在是太酷了（认真脸），那你有没有想过机器是怎么解析 JS 代码的？作为一个 JS 开发者，一般我们不需要直接跟编译器打交道，但是如果可以了解其中的基本原理，相信会对以后的工作和学习都有帮助的！

我们都知道 JavaScript 是一门 单线程 的语言：同一时间只能运行一个任务。通常情况下这没什么问题，但是如果你有一个任务需要耗费 30 秒的时间，那其他任务难道都要等它 30 秒么？（由于 JS 运行在浏览器的主线程，所以这 30 秒的时间里，整个页面都会处于卡死状态）

一个例子 今天我们来用介绍一下 JS 中的作用域链，先来看一段代码： {代码...} 上面调用了函数 getPersonInfo，然后返回了一个包含 name，age，city 的字符串： Sarah is 22 and lives in San Francisco。 但是 getPersonInfo 这个函数中并没有 city 变量，那么它是怎么访问到 city 的呢？ 首先，不同的执行上下文会分配...

JS 由于语言设计的缺陷（工期不够？），里面有一些堪称神奇的特性，初学者碰到后可能会满脸黑人问号，今天要介绍的就是其中的一个特性：声明提升（Hoisting）。

今天我们来介绍一个你可能没见过的 JS 新特性，目前处于 Stage 3 阶段，它叫作 可选链（optional chaining），它可能解决很多人都面对过的痛点，让我们来了解这下~

常用的跟正则相关的方法有 match、test 和 replace。其中 match，replace 都是字符串上的方法， test 是正则对象上的方法。

本篇介绍一些提高生产力的工具，包括网站、浏览器插件、VSCode插件和命令行工具~ 网站篇 Bundlephobia 如果你想要安装一个新的依赖，这个网站可以查看这个依赖的大小、是否支持 tree-shaking 等各项指标。（仅限 npm 包哈） [链接] Coolors 还在发愁自己某个项目的配色？可以来这个网站找找看。 [链接] Carbon 可以把代...

上面的图看不懂没关系（我也不懂==），今天讲的是根据这个分支模型开发的 git-flow 命令行工具。只需要记住几个简单的命令，就能在工作中慢慢理解和应用这个分支模型~

你是不是对 DNS 记录的一些概念不太了解，比如 A 记录、CNAME、AlIAS 等。。 下面让我们一起来学习一下~ 1 简介 为了访问 www.savokiss.com 这个域名，你的电脑需要知道服务器在网络中的位置。 这意味着：你的电脑必须知道 IP 地址才能跟服务器进行通信。 而域名系统 (Domain Name System) 正是为解决这个问题而生。 2 ...

JS 中有许多常见的函数，我们可能每天都在使用它们，但是却不知道它们的一些额外功能。JSON.stringify 就是这样的一个函数，今天就来看下它的特殊用法。

Chrome DevTools 对前端工程师来说，几乎每天都会用到，但是有些技巧你可能不知道，让我们来了解一下吧~ 1. 轻松获取某个审查元素的引用 打开控制台，在 Elements 界面下，对着某个 dom 标签点击右键，选择 Store as global variable。 2. 创建并钉住一个动态表达式 你可以在控制台创建一个动态表达式，并且把它钉到控制...

Verdaccio 是一个 npm 私有源，代码在 GitHub 开源，公司由于业务需要使用也有一段时间，非常稳定，社区也很活跃。入门可以看我之前写的一篇文章：

我的博客 [链接] 用的是 typecho，一直使用的是 阿里云ECS 直接安装的 MySQL 和 PHP，由于买的时间比较早，当时用的是 CentOS 6.5。后来想玩 docker，发现 docker 只支持 CentOS 7+，加上之前的系统上东西太乱了，所以这次有时间就将数据库和 typecho 源码备份了一下，然后换了一个纯净的 CentOS 7.6 的镜像。由于我买的...

1. 从某个分支检出单个文件 你是否有过破坏了某个文件，想要重新开始？或者需要的文件在另一个分支中？下面的命令让你直接从某个分支取到那个文件。 {代码...} 你也可以从某个 commit 中取到 yarn.lock 文件 {代码...} 相比 cherry-pick 拿到某个 commit 的所有文件，这个技巧可以只拿到想要的那一个文件。 2. 查看日志...

下面假如我们有如下提交，merge 会将两个分支的代码合并，而 rebase 会将 feature 分支上所有的变更在 master 分支上重新应用一遍：

过去的我们，当业务发展需要部署新的应用时，DevOps 小伙伴通常会去买一台服务器，但是却不知道这个新应用具体需要多高的配置，往往都会造成资源浪费。

发布过 npm 包的同学都知道，初始化一个 npm 项目，直接用 npm init -y 就可以了，那如果要用 ts 呢，直接 tsc --init 即可。这两个操作会生成 package.json 和 tsconfig.json 文件。然后我们按以下步骤修改一下配置：

在 ES6 之前，我们已经知道了 RequireJS，AngularJS 的依赖注入，以及 CommonJS，具体可以看笔者的上一篇文章《JS模块化历史简介》。当我们学习 ES6 的模块化，就会发现它的发展深受 CommonJS 的影响。通过这篇文章，我们将看到 export 和 import 语句，以及 ES6 模块是怎么与 CommonJS 模块兼容的。

在早些年间，JavaScript 就是直接写在 HTML 的 <script> 标签里的，最多也就是放在独立的文件里面，而它们也都共享一个全局作用域。