今天有同学问,要做一个网站,技术方面是用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了,并且每次修改都要打包,打包完后打开网页,首次加载速度还很慢:

综上所述,vue更适合做管理系统、小程序、APP,做传统的网站,还是建议使用h5更好。
丁老师淘宝采集插件demo
在用photoshop设计时,有的同学会发现,在网页中设置的宽度1000px,截屏后,再用photoshop打开后测量同样图像的宽度时,这个宽度就不是1000像素,而是1200多甚至1300多,是个很奇怪的问题,丁老师检查了photos...
在php代码中,遇到复杂的sql语句,需要拼装sql语句,如:$sql='id 10;' $sql=' and( status in(1,2,3,4,5) and id not in (select id fro...
PHP网站,网页打开不正常,显示“DOMDocument::loadHTML(): Tag header invalid in Entity”错误代码,是怎么回事呢?其实,这是php程序中,使用了new DOMDocument的load...
用phpmyadmin导入大数据库文件时,容易502 bad gateway,可以直接在linux上用mysql原生命令导入。1.上传sql文件到目录用Xshell登录服务器,将迁移过来的 sql 文件移到 home 目录下,方便下一步的...
phpstorm程序中,在打开html时总会出现对 style属性的折叠和隐藏,这样在检查代码的时候非常不直观,容易漏掉很多东西,非常的不方便,如图:
微信小程序部分一、完善小程序基本信息1.用管理员账号登录微信小程序(https://mp.weixin.qq.com/);2.左侧菜单选择首页;3.完善小程序的基本信息,包括小程序名称、小程序类目、微信认证、微信备案等。二、小程序开发配置1...
pdf添加水印,可以使用专业的pdf工具,如Adobe Acrobat、福昕PDF阅读器等,支持文字和图片形式的添加水印,支持透明度设置、水印位置设置等。图片添加水印,可以使用photoshop软件,但是photoshop太大了,而且使用起...