#Tech
主要内容
-
今天了解了一下react的几个框架(脚手架)还有服务端渲染(SSR)(有利于首屏时间,SEO),客户端渲染(CSR)
-
单页面应用(SPA),多页面应用(MPA),单页就是只在一个HTML中交互,有更好的用户体验不需要频繁跳转,但是SEO不友好,全由js渲染
-
js的bundle有什么用
-
还看了一下package.json和yarn.lock是干什么的。一个是依赖包的版本区间,一个是锁住具体的版本。以及可以在package.json中添加霸道的
resolutions
来强制锁,以违背版本区间的限制。 -
以及package.json中
^~
,安装时哪个符号不改变大版本号和次要版本号。 -
还有什么是懒加载。
什么还不知道?
今日新增疑惑🤨:
- bundle
- HMR
- AST(Abstract Syntax Tree)AST抽象语法树——最基础的javascript重点知识,99%的人根本不了解 - node.js优雅之道 - SegmentFault 思否AST抽象语法树——最基础的javascript重点知识,99%的人根本不了解 - node.js优雅之道 - SegmentFault 思否
- Create React App (CRA):
- 优点:
- 快速启动项目,无需配置即可开始开发。
-
配备了一套默认的构建工具和开发环境,使得开发者可以专注于编写代码。
-
有大量的社区支持和文档。
-
缺点:
-
配置相对固定,不太适合需要高度自定义的项目。
-
对于某些高级配置需求,需要 eject(弹出配置),这可能会使项目更复杂。
-
适用场景:
-
快速原型开发或小型项目。
-
刚刚入门 React 的开发者。
- Next.js:
-
优点:
-
专注于服务器渲染 (SSR) 和静态网站生成 (SSG),适合构建 SEO 友好的应用。
-
支持路由配置和动态导入组件,使得构建页面非常容易。
-
集成了许多优化和性能相关的功能。
-
缺点:
-
不太适合单页面应用 (SPA)。
-
相对于 CRA,可能需要更多的配置。
-
适用场景:
-
需要 SEO 优化的应用。
-
需要支持服务器渲染的应用。
- Webpack + Babel + 自定义配置:
-
优点:
-
完全自定义配置,适用于各种项目需求。
-
可以选择最适合项目的插件和工具。
-
学习配置可以提高对构建工具的理解。
-
缺点:
-
需要自己手动配置构建工具,可能需要更多的时间和经验。
-
配置错误可能会导致一些问题。
-
适用场景:
-
大型项目或需要高度定制的项目。
-
对构建工具和配置有深入了解的开发者。