Amane
获得徽章 1
- 8月14日打卡，今天学习《Vitest: 前端 TDD 的一大利器》
本文介绍了Vitest测试框架。Vitest拥有组件快照、测试覆盖报告等其他测试框架都有的功能。且Vite的速度极快，可以读取项目中Vite的配置，提供开箱即用的TypeScript、JSX、ESM支持，几乎零配置就可以上手使用。评论点赞 - 8月13日打卡，今天学习《前端性能优化知识点汇总》
本文介绍了前端的性能指标、性能瓶颈的分析方法，并讲述了如何从网络、页面解析与渲染等方面优化前端项目。最后介绍了如何使用浏览器自带的Performance工具分析页面的性能。评论点赞 - 8月12日打卡，今天学习《作为前端，要学会用Github Action给自己的项目加上CICD》
本文介绍了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前进行代码风格的检查。展开评论点赞 - 8月9日打卡，今天学习《现代前端工程为什么越来越离不开 Monorepo?》
本文介绍了什么是Monorepo以及Monorepo所解决的相比于传统的Multirepo的痛点。Monorepo 的开发模式就是将各自独立的项目，变成一个统一的工程，提升研发效率和工程质量。评论点赞 - 8月9日打卡，今天学习《快速入门Webpack的简单使用》
本文介绍了webpack的基本使用以及一些常用的webpack插件和loader，最后还介绍了如何使用webpack进行项目的打包和发布并以一个Vue项目作为例子进行了配置与打包。评论点赞 - 8月7日打卡，今天学习《现代 Web 开发困局》
本文介绍了一些目前Web开发中常见的痛点。包括：设计/前端协作困境、数据交互困境、构建困境、代码管理困境。并提出了在这些困境之下的Web开发模式的可能的转变。评论点赞 - 8月6日打卡，今天学习《初识 node 框架 Nest.js》
本文介绍了什么是Nest.js以及Nest.js的优点，并介绍了如何搭建Nest.js项目、如何编写基本请求接口。Nest.js服务层和控制层划分明确，带来了更好的体验。评论点赞 - 8月5日打卡，今天学习《[Vite 总结] 帅小伙花了一个月时间总结的 Vite 知识点和迁移方案》
本文介绍了Vite相对于webpack的优势、还介绍了Vite常用插件以及Vite的配置选项等内容。Vite利用现代浏览器支持esm的特性，绕过打包的步骤，并且Vite提供了一系列开箱即用的CSS预处理器集成、JSX/TSX集成，提升了开发体验。评论点赞 - 8月4日打卡，今天学习《不知道怎么封装代码？看看这几种设计模式吧！》
本文介绍了封装代码的好处以及四种常见的可以用于封装代码的设计模式：工厂模式，创建者模式，单例模式，原型模式。
使用设计模式时不能生搬硬套代码模板，更重要的是掌握设计模式的思想，同一个模式在不同的场景下可以有不同的实现方案。赞过 12