面试的时候面试官反问了我:为什么你做官网要用脚手架?脚手架很多代码被压缩对搜索引擎不友好
如果不用webpack、vue-cli之类的工具,直接html、css静态页面写么 像这样
但是这样开发效率是不是会很低
各位前端大佬们,你们做官网一般是怎么做的呢?
面试的时候面试官反问了我:为什么你做官网要用脚手架?脚手架很多代码被压缩对搜索引擎不友好
如果不用webpack、vue-cli之类的工具,直接html、css静态页面写么 像这样
但是这样开发效率是不是会很低
各位前端大佬们,你们做官网一般是怎么做的呢?
具体情况具体分析。也不是一杆子打死。如果你的官网只是一些静态展示,没有太多交互,直接原生JS手撸就挺好的,或者有一些交互但涉及不到太多复杂的前后端交互,需要频繁修改DOM的话,JQuery用起来也是得心应手,而且还解决大多数的兼容问题,每个框架都有其适合的场景,至于面试官提到的搜索引擎不友好正如楼上说的是因为浏览器端渲染,但这个可以通过引入SSR解决,鉴于是官网,大多数可能用jQuery就足够了,免去自己去hack兼容性问题,然后配合像bootstrap来实现响应式。总之还是要看具体的业务吧。选择更适合的技术栈,最终都是能实现的,但是优劣不同。
回答你的问题
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
面试官说的也不地道,脚手架、框架对 SEO 根本没有影响,有影响的是浏览器端渲染,因为大部分搜索引擎不会通过运行 JS 来获取渲染后的数据。而三大框架都是采用浏览器端渲染的,所以影响 SEO。
在实际开发的时候,只需要确保用户和搜索引擎请求拿到的是一个内容完整的 HTML 文件就可以了,不必真的写一个完整的 index.html 出来,很难维护。
解决的办法就是开启服务端渲染,官网对浏览器兼容性要求确实比较高,可以引入 bootStrap 等经典前端库来解决。