ghtty2的博客

SEO优化, 我们希望爬虫在抓取页面的时候也可以获取到我们完整的网页信息,如果在用户禁用js的情况下, 我们的网页应该也可以正常运行网页页面性能LCP等核心网页指标优化';这样的操作只能在CSR(client side rendering)中使用, 这样会导致我们的页面会有一定时间的白屏以及可能的抖动,这些web components存在的痛点都是我们要引入新的声明式命令的原因——declarative-shadow-dom。

我们的组件在引入shadow root后似乎无法完成一些嵌套, 比如vite-app如果是一个父组件时,我们向其直接添加别的内容, 它并不能被展示,如何解决?如何在不同的场景下应用,目前我们编写的vite-app组件是只能运行在CSR条件下的,如果我们的网页有着很强的SEO要求,如何实现它的SSR尼(后续我们会介绍declarative shadow dom来实现)?状态可以说是前端最重要的东西, 我们的组件如何处理状态的变化, 有什么方法可以使用,它的优缺点是什么(后续文章会提到…)?

一个页面中不同的公用组件之间样式的侵扰,经常在我们需要开发一个页面新功能时,却被别的样式影响导致我们需要反复的修改和覆盖.页面中其它元素绑定的事件会影响到我要开发的功能,我们需要去调查究竟是哪一点影响到了,十分影响开发进度和体验.当不使用开发框架开发时, 我们所要考虑的问题复杂度急剧升高, 开发不规范问题会导致代码新功能的添加、错误的排查等等难度陡然升高.对web component的更深入的理解,真正理解web component的三大技术核心——自定义元素。