前端架构学习,一些知识点记录(一)

本文探讨了服务端渲染(SSR)与客户端渲染(CSR)的概念,以超市购物为例,提及了Vite和Webpack在大型项目中的打包优化问题,以及使用影子DOM和WebComponents实现跨平台自定义标签的技术。同时,文章关注了PostCSS在兼容性和代码压缩中的应用,以及组件库设计的重要性和原则。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

服务端和客户端渲染

SSR、CSR、例子,参考超市购物思想

vite webpack

vite script type===‘module’
webpack 先编译,大型项目打包慢

显示影子dom,浏览器设置打开

类似有视频标签,看不到一些操作按钮
attachShadow 构建影子dom
webComponents 跨平台 自定义标签

postcss

兼容性,代码压缩,单位换算

关注组件库的设计模式,设计文档,设计原则
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值