Amane
获得徽章 1
赞了这篇文章
赞了这篇文章
赞了这篇文章
8月29日打卡，今天学习《两个真实线上升级故障让你彻底搞懂package.json中的脱字符(^)》
本文通过一个案例解释了package.json文件中描述的依赖包的版本约束。通过"~"符号依赖的版本，在没有node_modules的情况下会下载最新的patch版本，通过"^"符号依赖的版本，在没有node_modules的情况下会下载最新的minor版本。而如果node_modules下可以找到该依赖，则以依赖的版本为准，不会另外下载依赖版本。
本文通过一个案例解释了package.json文件中描述的依赖包的版本约束。通过"~"符号依赖的版本，在没有node_modules的情况下会下载最新的patch版本，通过"^"符号依赖的版本，在没有node_modules的情况下会下载最新的minor版本。而如果node_modules下可以找到该依赖，则以依赖的版本为准，不会另外下载依赖版本。
展开
评论
点赞
8月28日打卡，今天学习《你真正了解import/require的导包规则吗？》
本文介绍了browser、module、main字段的不同，在使用时就可以针对不同的场景以及不同的环境引入对应的包文件。main字段指定CommonJS模块，module指定ESM模块，unpkg（别名umd:main）字段指定UMD模块。
本文介绍了browser、module、main字段的不同，在使用时就可以针对不同的场景以及不同的环境引入对应的包文件。main字段指定CommonJS模块，module指定ESM模块，unpkg（别名umd:main）字段指定UMD模块。
评论
点赞
8月27日打卡，今天学习《JavaScript：array.at(index)数组方法介绍及实例》
本文介绍了JavaScript中Array.prototype.at()方法的使用方式以及解决的问题。传统的方括号方式访问数组元素只能从数组的头部开始获取，如果需要获取倒数的第几个元素则需要使用[arr.length-n]这样的方式，而at方法支持传入一个负数，-1表示数组的最后一个元素，以此类推。需要大量编写从末尾访问数组元素的代码时代码会更清晰。
本文介绍了JavaScript中Array.prototype.at()方法的使用方式以及解决的问题。传统的方括号方式访问数组元素只能从数组的头部开始获取，如果需要获取倒数的第几个元素则需要使用[arr.length-n]这样的方式，而at方法支持传入一个负数，-1表示数组的最后一个元素，以此类推。需要大量编写从末尾访问数组元素的代码时代码会更清晰。
展开
评论
点赞
8月26日打卡，今天学习《使用Typescript和ES模块发布Node模块》
本文介绍了如何配置tsconfig.json来使得tsc可以同时编译输出ESM模块和CommonJS模块。在package.json中可以通过指定main字段和module字段来分别指明ESM和CJS各自使用的入口JS文件。
本文介绍了如何配置tsconfig.json来使得tsc可以同时编译输出ESM模块和CommonJS模块。在package.json中可以通过指定main字段和module字段来分别指明ESM和CJS各自使用的入口JS文件。
评论
点赞
8月25日打卡，今天学习《node多进程的创建与守护》
本文介绍了nodejs单线程机制，以及如何通过child_process模块来创建子进程。多进程之间的通信，可以通过worker的send方法来发送消息，通过worker的on方法设置消息监听。每当有子进程退出时，会触发exit消息。也可以使cluster模块来监听子进程的退出。
本文介绍了nodejs单线程机制，以及如何通过child_process模块来创建子进程。多进程之间的通信，可以通过worker的send方法来发送消息，通过worker的on方法设置消息监听。每当有子进程退出时，会触发exit消息。也可以使cluster模块来监听子进程的退出。
评论
点赞
8月22日打卡，今天学习《再也不让git坑自己了》
本文介绍了Git的常见命令与常用流程，以及如何在不commit的情况下对工作区进行暂存。如使用 git stash，对当前工作区暂存，后续使用stash list查看所有暂存的代码，使用stash pop <name> 取出暂存的代码。暂存的代码也可能和当前的最新repo中的代码冲突，此时也会要求解决冲突。stash apply命令可以应用某个暂存代码，与pop不同的是pop之后代码会被从暂存区移除。stash drop可以删除某个暂存，stash clear删除所有暂存。
本文介绍了Git的常见命令与常用流程，以及如何在不commit的情况下对工作区进行暂存。如使用 git stash，对当前工作区暂存，后续使用stash list查看所有暂存的代码，使用stash pop <name> 取出暂存的代码。暂存的代码也可能和当前的最新repo中的代码冲突，此时也会要求解决冲突。stash apply命令可以应用某个暂存代码，与pop不同的是pop之后代码会被从暂存区移除。stash drop可以删除某个暂存，stash clear删除所有暂存。
展开
评论
点赞
8月21日打卡，今天学习《巧妙利用TypeScript模块声明帮助你解决声明拓展》
本文详细介绍了TypeScript的模块和声明文件的相关规则。。相同namespace下的相同接口会自动合并类型。另外在TypeScript中支持CJS的导出语法：`export = `，但使用方必须使用TypeScript提供的特定语法导入：`import module = require("module")`。在为CJS第三方模块添加类型以及使用的时候就会用到这种语法。对于有类型的第三方包，还可以使用 `declare module 'moduleName' { }` 的方式为第三方包扩展类型。
本文详细介绍了TypeScript的模块和声明文件的相关规则。。相同namespace下的相同接口会自动合并类型。另外在TypeScript中支持CJS的导出语法：`export = `，但使用方必须使用TypeScript提供的特定语法导入：`import module = require("module")`。在为CJS第三方模块添加类型以及使用的时候就会用到这种语法。对于有类型的第三方包，还可以使用 `declare module 'moduleName' { }` 的方式为第三方包扩展类型。
展开
评论
点赞
8月19日打卡，今天学习《或许我们并不需要 default exports》
本文讲述了一些不应使用 default exports 的理由以及 default exports 存在的一些问题。如 default exports 对于 IDE 的可发现性支持不足、可能的无法 tree shaking 风险以及在 CommonJS 中使用包时需要添加无语义的 `.default` 等问题。
本文讲述了一些不应使用 default exports 的理由以及 default exports 存在的一些问题。如 default exports 对于 IDE 的可发现性支持不足、可能的无法 tree shaking 风险以及在 CommonJS 中使用包时需要添加无语义的 `.default` 等问题。
展开
评论
点赞
8月17日打卡，今天学习《一份不可多得的 TS 学习指南（1.8W字）》
本文介绍了TypeScript的一些基础语法与类型标注、类和泛型以及装饰器、TypeScript的新特性、tsconfig.json配置文件中的重要字段和TypeScript开发中常使用的辅助工具。
本文介绍了TypeScript的一些基础语法与类型标注、类和泛型以及装饰器、TypeScript的新特性、tsconfig.json配置文件中的重要字段和TypeScript开发中常使用的辅助工具。
评论
点赞
赞了这篇文章
8月16日打卡，今天学习《在？大白话跟你唠明白Webpack（基础篇）》
本文介绍了webpack的基础概念，以及webpack环境搭建和webpack的基本配置、常用的loader、plugin。
本文介绍了webpack的基础概念，以及webpack环境搭建和webpack的基本配置、常用的loader、plugin。
评论
点赞
8月14日打卡，今天学习《Vitest: 前端 TDD 的一大利器》
本文介绍了Vitest测试框架。Vitest拥有组件快照、测试覆盖报告等其他测试框架都有的功能。且Vite的速度极快，可以读取项目中Vite的配置，提供开箱即用的TypeScript、JSX、ESM支持，几乎零配置就可以上手使用。
本文介绍了Vitest测试框架。Vitest拥有组件快照、测试覆盖报告等其他测试框架都有的功能。且Vite的速度极快，可以读取项目中Vite的配置，提供开箱即用的TypeScript、JSX、ESM支持，几乎零配置就可以上手使用。
评论
点赞
8月13日打卡，今天学习《前端性能优化知识点汇总》
本文介绍了前端的性能指标、性能瓶颈的分析方法，并讲述了如何从网络、页面解析与渲染等方面优化前端项目。最后介绍了如何使用浏览器自带的Performance工具分析页面的性能。
本文介绍了前端的性能指标、性能瓶颈的分析方法，并讲述了如何从网络、页面解析与渲染等方面优化前端项目。最后介绍了如何使用浏览器自带的Performance工具分析页面的性能。
评论
点赞
8月12日打卡，今天学习《作为前端，要学会用Github Action给自己的项目加上CICD》
本文介绍了GitHub Actions中的基本概念、CI和CD的含义及其实现细节，以及如何基于Github Actions给项目添加一个基本的CI/CD流程。最后还介绍了关于邮件通知、回滚机制、E2E测试等内容与CI/CD的集成。
本文介绍了GitHub Actions中的基本概念、CI和CD的含义及其实现细节，以及如何基于Github Actions给项目添加一个基本的CI/CD流程。最后还介绍了关于邮件通知、回滚机制、E2E测试等内容与CI/CD的集成。
评论
点赞
8月11日打卡，今天学习《ESLint 开始，说透我如何在团队项目中基于 Vue 做代码校验》
本文介绍了ESLint是什么，以及如何使用ESLint对项目进行配置、ESLint如何在Vue项目上使用，以及使用eslint-config-prettier配合代码格式化工具Prettier使用。还介绍了如何添加git hook来强制在commit前进行代码风格的检查。
本文介绍了ESLint是什么，以及如何使用ESLint对项目进行配置、ESLint如何在Vue项目上使用，以及使用eslint-config-prettier配合代码格式化工具Prettier使用。还介绍了如何添加git hook来强制在commit前进行代码风格的检查。
展开
评论
点赞