首页 > 原创文章 > 软件开发 > 查看文章

做网站用H5好还是用VUE好?

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-11-25 19:50 浏览: 7205 IP属地: 深圳
高端网站开发 网站设计制作

今天有同学问,要做一个网站,技术方面是用html5呢还是用vue呢?丁老师给你解答。
其实,用html5和用vue,都可以做网站,但是就架构适用性来说,html5和vue有不同的特点。

html5做网站的优点:
1.快速开发,上手简单,不需要打包,即改即用。
2.利于网站的SEO(搜索引擎优化),各种元标记更适合搜索引擎的抓取和收录。
3.便于维护,维护成本低,只要懂html代码就可以修改网站,即使是0知识的小白也可以用记事本修改html代码。

html5做网站的的不足:
对于后端来说,后期如要扩展小程序、APP等其他端软件,后端需要额外写服务接口,等于是届时多了一道工序。

vue做网站的优点:
1.可以利用开源框架,快速搭建网站。
2.对于后期的小程序、APP等软件扩展,可以无缝对接。后端写一个接口,全部终端通用。

vue做网站的不足:
1.上手复杂,相比html,需要nodejs、vue2、vue3语法等更多的专业技能。
2.不利于SEO(搜索引擎优化)。不管是采用ssr技术,使用服务端或客户端渲染,总体的seo方案是远远不如html便捷的。
3.所开发程序,首次打开速度慢(首次需要渲染全部程序)。
4.结构化不如html清晰。
5.维护成本高、不便捷,vue前端页面的每次调整,都要重新打包、部署。

近日,丁老师还收到一个需求,有一位同学,原有的公司网站使用vue开发的,但是体积庞大,太不利于seo了,并且每次修改都要打包,打包完后打开网页,首次加载速度还很慢:

1119256756 拷贝a.jpg

综上所述,vue更适合做管理系统、小程序、APP做传统的网站,还是建议使用h5更好

标签:

相关文章

微信小程序提示“手机号快速验证组件”资源包用...

微信小程序自2023年8月起,开始对《手机号快速验证组件》进行收费,每个小程序有1000次的免费额度,超过额度就要收费。说白了就是以后在使用微信小程序获取用户手机(用户主动授权)的时候,需要按次数收费了。那么,在当前的经济状况下,如何做...

Mysql导入文件,source命令/php...

用phpmyadmin导入大数据库文件时,容易502 bad gateway,可以直接在linux上用mysql原生命令导入。1.上传sql文件到目录用Xshell登录服务器,将迁移过来的 sql 文件移到 home 目录下,方便下一...

Thinkphp的的代码为什么改了没效果?删...

有一个使用ThinkPHP框架开发程序的同学,遇到了这样一个问题,程序的代码明明已经改了,但在执行时还是按照以前的代码逻辑执行的,新修改的没有起到效果,并且他为了测试程序,都已经把这个程序文件删除了,但程序还是能执行,不得已求助于丁老师...

PhpStorm怎么取消html文件中sty...

phpstorm程序中,在打开html时总会出现对 style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图:

推荐文章

FastAdmin btn-dialog按钮...

fastadmin里自定义按钮的btn-dialog,弹出窗口时默认大小,设置了data-area无效,经过研究后,发现了可用的方法,直接上代码不废话:table.on('post-body.bs.table',functi...

IntelliJ/phpstorm/webs...

在使用jet brains的ide开发代码时,经常性的会输入单引号或双引号,ide默认有对于引号的自动完成功能,即输入一个引号,自动显示两个,这一点其实做的很不智能,因为在使用时经常会有显示出3个的情况,那么怎么关闭这个功能呢?file-s...

Hbuilder开发APP时,找不到真机的解...

正确的USB连线,其次打开开发者选项、USB调试,这些都是老生常谈,就不说了。在确保以上操作无误后,如果还找不到真机,关闭IDE,然后去adb的目录下,即HBuilderX\plugins\launcher\tools\adbs,把adb....

Uniapp开发微信小程序时,微信开发者工具...

在使用uniapp开发微信小程序,微信开发者工具调试时,明明已经给了获取位置权限,但还是提示需要打开gps获取位置,具体解决办法如下:打开uniapp的manifest.json文件,切换到源码模式,找到mp-weixin节点"p...