当前位置: 首页 > news >正文

发帖网站有哪些百度关键词工具入口

发帖网站有哪些,百度关键词工具入口,网站推广公司官网,北京网页设计与制作公司需求 我尝试用Vue3写一个自己的主页,把常用的功能集中到主页中,如下图 后发现一个好玩的东西,js实现的在网页底部出现鱼和波浪,如下图,就像想也放到自己的主页中,搜索后发现可以在Vue中用iframe标签直接引…

需求

我尝试用Vue3写一个自己的主页,把常用的功能集中到主页中,如下图在这里插入图片描述
后发现一个好玩的东西,js实现的在网页底部出现鱼和波浪,如下图,就像想也放到自己的主页中,搜索后发现可以在Vue中用iframe标签直接引入,遂开始尝试。获取链接如下,有需要可以尝试 https://www.bilibili.com/video/BV1JX4y1g7Sn在这里插入图片描述

坑1

将要引入的html直接像普通组件一样放置
在这里插入图片描述
运行后发现网页变得非常卡顿,元素周围还有不断加深的阴影,如下图在这里插入图片描述
一开始因为是其中的某些js等的原因,注释掉后还是如此。多次调试后,将iframe的width和height改为非100%

<iframe width="80%" height="80%" id="WaveAndFish" name="WaveAndFish" src="./components/WaveAndFish/waveAndFish.html" frameborder="no"></iframe>

后发现变为如下在这里插入图片描述
可见,元素周围不断有阴影加深的原因是页面在不断套娃,之前iframe 的width和height都是100%,导致套娃后都重叠在一起,css中的阴影页不断重叠,同时也使页面变得几乎卡死。看来是iframe的目标html引入不成功,导致一直在引用自身

坑2

不断百度后发现并不能像普通组件一样引入,需要放在静态资源文件夹下
在这里插入图片描述
(上图还没尝试将index.html改名,如果有多个本地html需要引入,建议改名,而不是index.html,防止冲突)
结果在使用Vite运行后成功展现在这里插入图片描述
但使用webpack运行后还是不行。(我的主页本来是使用Vite的,但Vite打包后无法在本地直接打开,需要额外的其他操作,而页面中是没有涉及到接口或其他网络请求,因此不想挂到服务器上,所以改为用webpack)

后发现vue-cli 不同版本下 static文件夹要放置的地方是不同的,遂将static文件夹放到public下在这里插入图片描述
结果还是没用

最终

最后发现引入 iframe 中 src 引用的路径需要是打包后的目标html的路径,npm run build打包后的文件结构如下
在这里插入图片描述
改为打包后的引用路径
在这里插入图片描述
终于成功!
在这里插入图片描述

http://www.zhongyajixie.com/news/17551.html

相关文章:

  • 对政府网站建设发展趋势的认识关键词优化 搜索引擎
  • 十堰秦楚网手机版搜索引擎优化公司排行
  • 商城网站建设第一章b站网页入口
  • 北京云主机网站源码白百度一下你就知道
  • 云南网际科技有限公司临沂seo网站管理
  • 小程序yxydlivebek1ejcrkyxz9ew东莞关键词优化推广
  • 无锡高端网站建设seo网站推广seo
  • 仿《快乐麻花》网站源码seo快速排名软件价格
  • 企业网站的推广方式seo优化的网站
  • 做网站如何防止被骗宣传推广渠道有哪些
  • 衡水手机网站建设公司做网页多少钱一个页面
  • 海外音乐类网站做的比较好的杭州seo按天计费
  • wordpress首页显示文章图片seo推广方式是什么呢
  • 四川门户网站建设怎么seo网站关键词优化
  • 公司网站不备案电商推广
  • 帮做装修设计的网站清远疫情防控措施
  • java做网站开发书佛山营销型网站建设公司
  • 做网站如何突出网站特色郑州网站运营实力乐云seo
  • 网站之家查询2024年疫情还会封控吗
  • 古典 网站 模板小学四年级摘抄新闻
  • 有没有做的很炫的科技型网站亚马逊提升关键词排名的方法
  • 百度网站优化成都自然排名优化
  • 广州网站建设公司好吗googleplay商店
  • 网站开发外包接单互联网推广
  • 建设企业网站的企业培训机构排名
  • 华梦服饰网站建设中建网站
  • 沧州网站制作seo是广告投放吗
  • 品牌网址seo网站推广经理招聘
  • 淘宝上做网站靠谱吗磁力蜘蛛搜索引擎
  • icp域名备案查询系统搜索引擎优化要考虑哪些方面