Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。它提供了强大的服务端渲染 (SSR) 和静态网站生成功能，使得开发者能够快速构建性能优异的应用程序。同时，Next.js 也提供了许多开发中常用的功能，如路由系统、自动代码拆分、数据预获取等，使得开发过程更加高效和简单。总的来说，Next.js 是一个功能丰富、灵活且易于使用的框架，适用于各种规模和类型的 Web 应用开发。

Vue.js 3.0 是一个基于组合式 API 的全新版本，它引入了一种新的方式来编写 Vue 组件。组合式 API 允许开发者更加灵活地组织组件逻辑，使代码更易于理解、维护和测试.

从这节课开始我们来学习一下vue中的动画效果，在vue代码中我有很多种方式来设置动画效果，其中通过css样式来驱动动画也是我们经常使用且成本最低的技术方案。

在开发中，我们通常会使用许多第三方库来加速开发，然而，有时这些库中会存在一些 bug，可能会影响我们的开发进度和体验。此时，我们可以使用 patch-package，一个轻松解决 node_modules 中第三方库 bug 的工具。 1. 安装 patch-package 我们可以使用 npm 来安装 patch-package： ```cmd npm install patch-package --save-dev ``` 2. 打补丁 当我们发现第三方库中存在 bug 时，可以使用 patch-package 来打一个补丁，解决这个问题。 打补丁的步骤如下： ```json 1. 打开终端，进入项目根目录下的 node_modules 目录 2. 找到需要打补丁的库，进入其目录 3. 在该目录下新建一个 patch 文件夹： mkdir -p patches/库名 4. 用编辑器打开需要打补丁的文件，进行修复，并保存到 patches/库名 下，例如：vim patches/库名/bug-fix.patch 5. 运行 patch-package 命令，即可生成一个新的补丁文件和一个新的 package.json 文件，例如： ``` yarn patch-package 库名 ``` ``` 3. 使用补丁 在打好补丁之后，我们需要将补丁应用到项目中，使修复生效。 使用补丁的方法如下： ```json 1. 在 package.json 文件中添加 postinstall 脚本： ``` "scripts": { "postinstall": "patch-package" } ``` 2. 重新安装依赖包： ``` yarn ``` 3. 补丁已经被应用到项目中了，现在你可以运行项目，并验证是否已经修复 bug。 ``` 结尾： 如此简单易行的步骤，大大节省了我们解决第三方库 bug 的时间，让我们专注于自己的业务开发。

这是我们零基础入门vue3的第二季-组件篇，观看本季教程之前，我们需要学习和大致掌握vue的基础语法。本季教程，将会和大家一起来学习vue中的组件知识，将会涉及到vue的全局组件、局部组件，组件传值， 插槽等等技能点。

## windows系统下调试ios safari h5移动端项目 今天再来给大家推荐一个windows系统 下使用edge浏览器 调试 ios h5移动端项目的技巧。这里不推荐chrome浏览器，因为国墙的原因，使用chrome浏览器连接手机不太稳定会经常白屏。 > **安装调试环境** 废话不多说，先来安装调试环境，首先需要安装 `scoop` ,scoop是一个包管理工具，而安装 `scoop` 需要电脑里有powershell。win10以上系统都自带了，如果你没有可以去下载一个powershell 5.1或以上版本。 ```powershell #修改执行策略，选择是 set-executionpolicy unrestricted -s cu #安装scoop iex (new-object net.webclient).downloadstring('https://get.scoop.sh') ``` > **通过scoop安装ios_webkit_debug_proxy** //先来添加一个镜像源 ```powershell scoop bucket add extras // 安装 bucket scoop install ios-webkit-debug-proxy // 安装 ios-webkit-debug-proxy ``` 查看是否安装成功：**scoop list** > **安装最新版本的 *remotedebug-ios-webkit-adapter*** ```powershell npm install -g vs-libimobile npm install remotedebug-ios-webkit-adapter -g ``` ```powershell remotedebug_ios_webkit_adapter --port=9000 ``` 启用开发者模式进行调试。 *Iphone => 设置 => Safari 浏览器 => 高级 => web检查器 => 启用* > **连接测试~~连接方式(原理一样，启动代理端口)** ```powershell remotedebug_ios_webkit_adapter --port=9000 ``` 打开edge调试工具 edge://inspect/#devices

在手机真机环境中调试代码就搞我们比较头疼，调试起来比较麻烦特别是APP内置的webview。今天就来给大家介绍一个在移动端可以真调试代码的小工具通过简单引入js库就能在真机环境中打开一个迷你版DevTools调试工具。 工具GitHub地址：https://github.com/liriliri/eruda

nvm是node版本的管理工具，为了解决node各种版本存在不兼容现象，它让我们可以在一台电脑中安装多个node版本，可以根据项目来切换使用指定版本的node。这个视频我们就来学习一下nvm的安装和常用指令。

在开发项目的时候，我们都会编写很多的注释，当代码量成千上万行时，普通注释因为是灰色的不太明显很容易被我们忽略。那么今天给大家介绍一个插件叫todo tree，这个插件它的作用就是帮我们在代码中使用不同的颜色来标注注释，它会以各种标签着色块来显示，这样我们的注解就变得更加显眼了，还可以设置不同颜色来代表特殊的含义 。

这几年来在国内非常受欢迎对前端开发的影响特别大很多的互联联网大厂都在使用比如阿里百度京东美团等等简直随处可见现在已经成为了一套很优秀的前端技术框架在国内基于就繁衍出很多其他技术的框架比如现在已经版本相较于做了很多的补充用法上也有了不少的差异如果作为前端的你还不