论如何在 windows 操作系统中打造一个不输 MacOS 的前端开发环境。

概述：

 平时喜欢折腾操作系统，一直力求打造一个足够舒适的开发环境作为自己的生产力，也使用过 Linux 发行版：manjaro，最终被Linux的生态折磨的死去活来的，开发是变得很舒服了，但是用个微信都非常的不自在，bug 一堆，奈何又买不起mac，Windows 的终端又和屎一样的难用，git bash倒是非常方便，但解决不了根本问题。然而 2022 年了，时代真的变了，WSL 的出现真的迎来了Windows的春天。我们再也无需像以前一样在一台机器上安装ubuntu 和 windows 双系统了，现在我们可以直接借助 WSL 在 Windows 操作系统中安装 Linux 发行版的子系统。

概述

 都 2022 年了，还在为寻找 vscode 插件而烦恼吗？还是那句老话，欲善其事，必先利于器。如果你是前端初学者，那么我强烈建议你阅读本文，如果你已经是前端老油子了，那也不妨看看，说不准就找到刚需了呢？

必装插件

Auto Close Tag

自动闭合标签插件，编写HTML时自动添加结束标签

概述：

更新中.... 😋

本系列中所使用的项目是由create-vue所搭建。项目通篇采用Composition API而不是Options API。

目录：

• 一、项目的搭建

概述

引用类型的赋值会导致它们的内存地址都指向同一个位置，如下所示：

const obj1 = {
  data: {},
  count: 18
};
const obj2 = obj1;

console.log(obj1 === obj2); // true
console.log(obj1.data === obj2.data); // true

什么是防抖和节流？

首先需要澄清一个比较常见的误区，那就是防抖和节流在前端开发中并不是特指一个方法，而是应该将其拆分去看待，实质上， 防抖(debounce) 和 节流(throttle) 是两个不同的函数，只不过他们都是优化高频执行代码的一种手段而已，所以通常是一起出现在我们的视野中，导致经常会被我们误认为是一个方法。而它们的使用场景是在监听一些浏览器事件时，例如：resize、scroll、keypress、mousemove等，这类事件会不断的调用已绑定事件的回调函数，极大的浪费资源，降低了前端性能。为了优化体验，需要对这类事件进行调用次数的限制，为此我们就可以使用 防抖(debounce) 和 节流(throttle) 的方式来减少调用频率。

需求描述：

web 前端开发，通常在静态资源打包后需要上传发布至服务器以便用户通过 ip 或者域名进行资源的访问。

无 ssl 证书的配置：

1. 进入 nginx 站点配置目录：

cd /etc/nginx/conf.d