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

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

所属分类:软件开发 来源: 丁老师原创 更新时间:2025-05-23 10:07 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更好

相关文章

百度编辑器ueditor自动添加p标签换行的...

在实际工作中发现,有个编辑器每次保存或者修改后,都会自动在内容顶部和底部增加几行,烦人的很,一直找不到解决办法。后来发现原来是自己代码的问题。解决办法:内容在textarea中,不要换行不要写成:<textarea {conten...

mysql 1267 Illegal mix...

这个问题,用普通sql语句查询,好解决,把表的字符编码改为对应的就可以了。但在使用视图查询时,比如select'aaa'astypefromxxx;select*fromviewwheretype='aaa...

fastadmin后台列表默认分页数量由10...

没那么多废话,直接上修改方法public\assets\js\require-table.jspageSize: Config.pagesize || localStorage.getItem("pagesize")...

photoshop打不开任何文件的解决方法

有同学反应,在使用photoshop时,忽然文件打不开了,先后试了下psd格式、jpg格式、png格式的,等等等等,全都打不开,重启了电脑也不行,这是怎么回事呢?经过丁老师研究后发现,这是因为安装的是非正版photoshop,在使用时,...

推荐文章

php拼装sql语句,换行查询出错的问题解决

在php代码中,遇到复杂的sql语句,需要拼装sql语句,如:$sql='id 10;'$sql=' and (status in(1,2,3,4,5) andid not in (select id from aa...

fastadmin btn-dialog按钮...

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

pdf和图片怎么添加水印

pdf添加水印,可以使用专业的pdf工具,如AdobeAcrobat、福昕PDF阅读器等,支持文字和图片形式的添加水印,支持透明度设置、水印位置设置等。图片添加水印,可以使用photoshop软件,但是photoshop太大了,而且使用起来...

小程序开发的流程费用以及需要什么准备材料?

小程序定制开发的流程和费用,以及需要准备的材料,(包括但不限于微信小程序、百度小程序、支付宝小程序、抖音小程序、小红书小程序)具体如下:一、小程序开发的行政流程1.确定软件开发公司,和开发公司签订合同2.甲方支付首期开发费用3.乙方开始进行...