使用image-map编写校区平面示意图

news2025/7/9 8:50:18

一、效果图

先上一波效果图,手机录制
在这里插入图片描述

二、项目中用到的图片

呐,最近领导让俺帮某学校做一个校区平面示意图的移动端项目,用到的图片就是这样的,不过这是截的图片,放大后会模糊,项目中真正使用的图片有6m,放大后不怎么模糊,还算清晰,
在这里插入图片描述

三、步骤

需求用户通过手机打开一个连接,跳转到一个新的页面,该页面只有一张图,没错,一个图就是一个移动端项目!然后用户点击该图片不同的区域,显示该区域的相关信息,比如建筑的名字等,通过弹窗展示出来!

思路:哈,我一听,这简单啊,就是给图片做些点击事件呗,点击时候把该处的内容传到弹窗,显示出来不就行了嘛,可能麻烦的就是需要一个一个的找这些方方块块的坐标,本来以为这些建筑的坐标是后端返回的,然后领导说,你想办法自己找出来吧,然后先写死,这个页面以后也不会改的,到时候把这些数据和数据的格式给后端,让后端保存了,在通过接口返回给你,我一听行吧,这样也省事啊,
然后同事给俺发了个链接,说是一般都是使用的这个找坐标的,还很快,唉,有方法就行,省的到处找了,节省了不少时间呐

1.网站链接

网站链接 https://www.image-map.net/
具体的操作步骤如下
在这里插入图片描述
哈哈,俺一般看到学习文档是英文时,做的第一件事,习惯性的操作都是鼠标右键——翻译中文,说实在的,当发现无法转中文时,是有点小慌的,不过,问题不大,俺的英文水平还算过得去,大概意思就是

1.点击按钮,上传本地图片到这个网页
在这里插入图片描述
2.选择框住的区域的形状,默认是rect(矩形,只需确定上下两个点就可以闭合,比较省事,适用于规则些的),poly(不规则,至少需要三个点才可以闭合,有些麻烦,但是圈住的区域比较精确,适用于不规则的),circle(圆圈,对于那些区域接近与圆的,很友好,找好圆心,然后拉伸另一个点,可以扩大圈的范围)
rect
在这里插入图片描述
poly
在这里插入图片描述
circle
在这里插入图片描述
3.使用这些坐标点,点击show me the code(展示代码)
在这里插入图片描述
4.在vant项目中使用

<template>
  <div>
    <div>
      <img src="../assets/images/school.png" alt="HTML Map" style="width:100%;" border="0" usemap="#tutorials" />
      <map name="tutorials">
        <!-- <area alt="校园地图" title="校园地地图" coords="" shape="" @click="showTutorial('食堂')"> -->
        <area v-for="(item,index) in areaList" :key="index" :alt="item.name" :title="item.name" :coords="changeCroods(item.coords)" :shape="item.shape"
          @click="showTutorial(item)"> 
           -->
        <!-- dblclick -->
      </map>
    </div>
    <van-dialog
      v-model="showPopover"
      :title="list.name"
      show-cancel-button
      :showConfirmButton="false"
      cancelButtonText="关闭"
      @close="closeDialog"
    >
      <!-- <div>{{scale}}</div> -->
      <div style="padding:5px;">{{list.name}}</div>
    </van-dialog>
  </div>
</template>

<script>
export default {
  name: 'Home',
  data(){
    return{
      isChanged:false,//移动端页面缩放标识
      areaList:[
        {id:1,identify:'BGL1',name:'102(一号教学楼)',coords:"986,479,1083,465,1083,432,1101,433,1108,488,989,500",shape:'poly'},
        {id:2,identify:'BGL2',name:'103(二号办公楼)',coords:"959,471,906,503",shape:'rect'},
        {id:3,identify:'JXL3',name:'108(三号教学楼)',coords:"764,473,780,471,786,496,886,488,889,506,769,520",shape:'poly'},
        {id:4,identify:'QSL',name:'110(求是楼)',coords:"673,476,751,524",shape:'rect'},
        {id:5,identify:'XXZX',name:'114(信息中心/原计算中心楼)',coords:"762,416,797,452",shape:'rect'},
        {id:8,identify:'FDJSYS',name:'215(35502发动机实验室)',coords:"1006,780,1065,794",shape:'rect'},
        {id:9,identify:'CLSYS',name:'219(35501车辆实验室)',coords:"278,147,300,156"},
        {id:12,identify:'JXL4',name:'257(四号教学楼)',coords:"774,639,891,677",shape:'rect'},
        {id:14,identify:'ZL',name:'262(主楼)',coords:"990,522,1066,592",shape:'rect'},
        {id:15,identify:'XSGY11',name:'303(11号宿舍楼)',coords:"278,147,300,156"},
        {id:16,identify:'BGL10',name:'310(十号办公楼)',coords:"278,147,300,156"},
        {id:17,identify:'XSGY12',name:'311(12号宿舍楼)',coords:"278,147,300,156"},
        {id:19,identify:'YYCT_JGCT',name:'319(京工,延园餐厅)',coords:"278,147,300,156"},
        {id:20,identify:'YZL',name:'322(远志楼)',coords:"278,147,300,156"},
        {id:24,identify:'JGGY8',name:'445(8号宿舍楼)',coords:"278,147,300,156"},
        {id:25,identify:'XSGY7',name:'448(7号宿舍楼)',coords:"278,147,300,156"},
        {id:26,identify:'XSGY6',name:'468(6号宿舍楼)',coords:"278,147,300,156"},
        {id:27,identify:'XSGY5',name:'469(5号宿舍楼)',coords:"278,147,300,156"},
        {id:28,identify:'L2',name:'470(光电楼/一号楼)',coords:"278,147,300,156"},
        {id:29,identify:'XSGY3',name:'471(3号宿舍楼)',coords:"278,147,300,156"},
        {id:30,identify:'BJLGDXYEY5',name:'518(幼儿园1)',coords:"278,147,300,156"},
        {id:31,identify:'BJLGDXYEY7',name:'538(幼儿园2)',coords:"278,147,300,156"},
        {id:33,identify:'L9',name:'622(9号楼)',coords:"278,147,300,156"},
        {id:34,identify:'XSGY14LXSSBGY',name:'634(招待所包括留学生公寓)',coords:"721,393,749,452",shape:"rect"},
        {id:35,identify:'JXL7',name:'644(七号教学楼)',coords:"699,648,755,667",shape:'rect'},
        {id:36,identify:'XSYS',name:'651(浴室)',coords:"278,147,300,156"},
        {id:37,identify:'XSGY13',name:'652(13号宿舍楼)',coords:"278,147,300,156"},
        {id:38,identify:'ST7',name:'654(七食堂一、二层)',coords:"278,147,300,156"},
        {id:39,identify:'ST7',name:'食堂加层(七食堂三层)',coords:"278,147,300,156"},
        {id:43,identify:'CLSYL',name:'682(车辆实验楼,原三院重点实验室)',coords:"278,147,300,156"},
        {id:44,identify:'LGKJDS',name:'683(理工科技大厦)',coords:"1087,709,1132,786",shape:'rect'},
        {id:45,identify:'LGGJJYJLDS',name:'685(理工国际教育交流大厦)',coords:"278,147,300,156"},
        {id:46,identify:'ZDSYS',name:'688(重点实验室)',coords:"794,466,837,478",shape:"rect"},
        {id:47,identify:'HDKJDS',name:'689(海淀科技大厦)',coords:"1061,392,1107,428",shape:'rect'},
        {id:48,identify:'BQJXL6',name:'702(六号教学楼)',coords:"278,147,300,156"},
        {id:49,identify:'XXKXSYL',name:'信息科学实验楼',coords:"278,147,300,156"},
        {id:50,identify:'FWL',name:'学生综合服务楼',coords:"278,147,300,156"},
        {id:51,identify:'TSG',name:'图书馆(新馆)',coords:"934,677,984,708",shape:'rect'},
        {id:52,identify:'YJSJXL',name:'研究生教学楼',coords:"732,748,819,761",shape:'rect'},
        {id:53,identify:'JXL8',name:'八号教学楼',coords:"678,718,763,739",shape:'rect'},
        {id:54,identify:'XSGY1',name:'大学生公寓1号楼',coords:"278,147,300,156"},
        {id:55,identify:'TYG',name:'体育文化综合馆',coords:"278,147,300,156"},
        {id:56,identify:'ZXJYL',name:'中心教学楼',coords:"671,548,752,623",shape:'rect'},
        {id:58,identify:'L15',name:'15号宿舍楼',coords:"278,147,300,156"},
        {id:59,identify:'L16',name:'16号宿舍楼',coords:"278,147,300,156"},
        {id:60,identify:'YJSGY2',name:'研究生公寓2号楼',coords:"278,147,300,156"},
        {id:61,identify:'YBGY3',name:'研究生公寓3号楼',coords:"278,147,300,156"},
        {id:62,identify:'YJSGY1',name:'研究生公寓1号楼',coords:"278,147,300,156"},
        {id:64,identify:'RJL',name:'软件楼',coords:"278,147,300,156"},
        {id:65,identify:'RJHZ',name:'教学区热交换站',coords:"934,723,947,753",shape:'rect'},
        {id:68,identify:'ST1/ST2',name:'学生食堂(新食堂)',coords:"278,147,300,156"},
        {id:69,identify:'JXL9',name:'九号教学楼(出版楼 )',coords:"278,147,300,156"},
        {id:71,identify:'YHXY',name:'宇航大楼',coords:"808,400,970,438",shape:'rect'},
        {id:82,identify:'GLF1',name:'理工大厦锅炉房',coords:"956,725,984,750"},
        {id:100,identify:'JZ75',name:'681(加油站)',coords:"278,147,300,156"},
        {id:103,identify:'JWH',name:'675(居委会白楼)',coords:"278,147,300,156"},
        {id:112,identify:'JZ129',name:'632(北门东传达室)',coords:"278,147,300,156"},
        {id:113,identify:'JZ130',name:'631(北门西传达室)',coords:"278,147,300,156"},
        {id:123,identify:'BJLGDXYEY8',name:'509(幼儿园传达室)',coords:"278,147,300,156"},
        {id:130,identify:'YYCT_JGCT',name:'353(延园餐厅)',coords:"278,147,300,156"},
        {id:133,identify:'YYCT_JGCT',name:'321(京工餐厅)',coords:"278,147,300,156"},
        {id:134,identify:'YYCT_JGCT',name:'320(延园餐厅)',coords:"278,147,300,156"},
        {id:150,identify:'GBL',name:'106(电话/广播楼)',coords:"846,457,883,473",shape:"rect"},
        {id:166,identify:'XSG',name:'校史馆(2号楼北平房)',coords:"278,147,300,156"},
        {id:169,identify:'JZ64',name:'(东大门北传达室)',coords:"278,147,300,156"},
        {id:170,identify:'JZ63',name:'(东大门南传达室)',coords:"278,147,300,156"},
        {id:181,identify:'GFKJ',name:'国防科技园',coords:"278,147,300,156"},
        {id:184,identify:'XYY',name:'新建校医院',coords:"278,147,300,156"},
        {id:185,identify:'L36',name:'9区36号楼(134单元)',coords:"278,147,300,156"},
        {id:186,identify:'L35',name:'9区35号楼(133单元)',coords:"278,147,300,156"},
        {id:187,identify:'L34',name:'9区34号楼(125-132单元)',coords:"278,147,300,156"},
        {id:188,identify:'L11',name:'4区11号楼(98单元)',coords:"278,147,300,156"},
        {id:189,identify:'L25',name:'6区25号楼(99-100单元)',coords:"278,147,300,156"},
        {id:190,identify:'L29',name:'6区29号楼(107-115单元)',coords:"278,147,300,156"},
        {id:191,identify:'L33',name:'9区33号楼(116-123单元)',coords:"278,147,300,156"},
        {id:192,identify:'L19',name:'7区19号楼(101-106单元)',coords:"278,147,300,156"},
        {id:193,identify:'L1',name:'5区1号楼(124单元)',coords:"278,147,300,156"},
        {id:194,identify:'L5',name:'4区5号楼(17-20单元)',coords:"278,147,300,156"},
        {id:195,identify:'L6',name:'4区6号楼(21-23单元)',coords:"278,147,300,156"},
        {id:196,identify:'L8',name:'4区8号楼(24-26单元)',coords:"278,147,300,156"},
        {id:197,identify:'L10',name:'4区10号楼(27-30单元)',coords:"278,147,300,156"},
        {id:198,identify:'L9',name:'4区9号楼(49-50单元)',coords:"278,147,300,156"},
        {id:199,identify:'L7',name:'4区7号楼(47-48单元)',coords:"278,147,300,156"},
        {id:200,identify:'L14',name:'6区14号楼(31-34单元)',coords:"278,147,300,156"},
        {id:201,identify:'L15',name:'6区15号楼(59-62单元)',coords:"278,147,300,156"},
        {id:202,identify:'L12',name:'4区12号楼(93单元)',coords:"278,147,300,156"},
        {id:203,identify:'L17',name:'6区17号楼(94-95单元)',coords:"278,147,300,156"},
        {id:204,identify:'L18',name:'6区18号楼(73-77单元)',coords:"278,147,300,156"},
        {id:205,identify:'L28',name:'6区26号楼78-83单元)',coords:"278,147,300,156"},
        {id:206,identify:'L27',name:'6区27号楼(89-92单元)',coords:"278,147,300,156"},
        {id:207,identify:'L16',name:'6区16号楼(63单元)',coords:"278,147,300,156"},
        {id:208,identify:'L24',name:'6区24号楼(64-67单元)',coords:"278,147,300,156"},
        {id:209,identify:'L32',name:'6区32号楼(68-72单元)',coords:"278,147,300,156"},
        {id:210,identify:'L23',name:'6区23号楼(84-88单元)',coords:"278,147,300,156"},
        {id:211,identify:'L31',name:'6区31号楼(55-58单元)',coords:"278,147,300,156"},
        {id:212,identify:'L22',name:'6区22号楼(51-54单元)',coords:"278,147,300,156"},
        {id:213,identify:'L21',name:'6区21号楼(12-16单元)',coords:"278,147,300,156"},
        {id:214,identify:'L30',name:'6区30号楼(96-97单元)',coords:"278,147,300,156"},
        {id:215,identify:'L20',name:'6区20号楼(7-11单元)',coords:"278,147,300,156"},
        {id:216,identify:'L13',name:'6区13号楼(4-6单元)',coords:"278,147,300,156"},
        {id:217,identify:'L3',name:'4区3号楼(1-3单元)',coords:"278,147,300,156"},
        {id:218,identify:'L4',name:'4区4号楼(45-46单元)',coords:"278,147,300,156"},
        {id:220,identify:'L2',name:'5区2号楼(35-38单元)',coords:"278,147,300,156"},
        {id:221,identify:'L28',name:'7区28号楼(39-44单元)',coords:"278,147,300,156"},
      ],
      showPopover: false,//是否展示弹窗
      list:{},//弹窗内容
    }
  },
  mounted(){
    console.log(document.getElementById("mymeta"))
  },
  methods:{
    showTutorial(val){
      let mymeta=document.getElementById("mymeta");//获取pulic/index.html的meta标签,这个id是俺自己定义的,下面有截图
      if(!this.isChanged){
        mymeta.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no');//点击后,使窗口缩小为原来的大小,即1倍,并且不允许缩放
        this.isChanged=true;//缩放标识为true
      }else{
        mymeta.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=5.0,user-scalable=yes');
        this.isChanged=false;
      }
      
      // console.log(window.visualViewport.scale)//最后发现移动端页面放大倍数最大为5
      // let scale=Math.ceil(window.visualViewport.scale);//获取窗口缩放大小
      // console.log(scale);
      // this.scale=scale;
      this.list.name=val.name;
      this.showPopover=true
    },
    closeDialog(){
      //弹窗关闭时,重置meta的content属性,允许缩放,最大缩放倍数为5
      let mymeta=document.getElementById("mymeta");
      mymeta.setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=5.0,user-scalable=yes');
      this.isChanged=false;
    },
    //对获取到的坐标进行批量缩小
    changeCroods(val){
      val=val.split(",");
      let newArr=[];
      for(let i=0;i<val.length;i++){
          val[i]=Math.floor(val[i]/3)
          newArr.push(val[i])
      }
      let newVal=newArr.join(",");
      return newVal
    },
  },
}
</script>

给public下的index.html定义id名,便于在home页面获取,动态修改meta的content属性,缩放的最大倍数和是否允许缩放
在这里插入图片描述

目前项目里面目前找的只是这一部分的坐标
在这里插入图片描述

项目中遇到的bug

1.页面坐标不准确。。
一开始,网站里面上传的是截图,然后几个坐标点都是截图上面找的,结果后来领导说换用清晰的图片,也就是那个6m的图,然后后面的几个坐标都是从这个6m图上面找的,很大,额,非常大,截图如下
在这里插入图片描述
在这里插入图片描述
所以是有偏差的,还很大,所以,后来找的坐标点都是选用的截图上面的,这也算是个坑吧

2.对坐标进行批量缩小

通过网站获取坐标,坐标呢是找到了,但是要用到移动端啊,所以坐标是要缩小点的,然后发现
这个网站的窗口缩小到33%时,上传的图片的宽度大致手机上的差不多,有375左右,那就批量除以3吧

 changeCroods(val){
      val=val.split(",");
      let newArr=[];
      for(let i=0;i<val.length;i++){
          val[i]=Math.floor(val[i]/3)
          newArr.push(val[i])
      }
      let newVal=newArr.join(",");
      return newVal
    },

3.页面拉伸放大后,弹窗不居中了。。

手机上面打开一个链接,跳到新的页面后,双指扒拉放大页面后,底部和右边会出现滚动条,弹窗也会放大,并且不居中了,很难受,找了各种办法,都没能解决,比如说,什么width和height啥的,screenTop和screenLeft啥的,定位啊,都没得用,最后和领导商量了下,页面放大后,在点击区域时,页面缩小为原来大小,再接着显示弹窗得了,我一听也行,然后就去想办法动态修改meta标签的content属性了

下面是几篇对俺很有帮助的博客,百度大法好啊,真的棒!哈哈哈

使用js还原浏览器的缩放
常用的meta标签以及作用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/6810.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

HazelEngine 学习记录 - Profiling

Profiling Intro To Profiling 为了能够清晰的观察整个引擎的性能消耗情况&#xff0c;我们需要一个可视化的工具来进行性能分析&#xff0c;例如 Unity 的内置 Profiler&#xff1a; 其实本质就是将每个函数运行的时间进行可视化&#xff0c;这里我们借用标准库 chrono 来进…

笔记本电脑没有声音如何解决

​笔记本电脑没有声音的现象&#xff0c;也是笔记本电脑的常见运用病况之一,遇到这种情况的话,大家是否知道如何处理呢?下面小编来跟大家说说笔记本电脑没有声音解决方法&#xff0c;希望可以帮助到大家。 工具/原料&#xff1a; 系统版本&#xff1a;windows10系统 品牌型…

python--谷歌恐龙快跑小项目

用300行代码左右实现谷歌休闲的恐龙快跑游戏&#xff01; 主函数&#xff1a; import sys import math import time import random import pygame from pygame.locals import * from Scene import Scene from Obstacle import Plant, Ptera from Dinosaur import Dinosaur #…

嵌入式开发:当用微控制器构建嵌入式GUI时,有哪些注意事项

在嵌入式开发中&#xff0c;借助基于MCU的设计&#xff0c;你可以消除额外的RAM和闪存芯片&#xff0c;并使用板载外设而不是板外逻辑&#xff0c;所有这些都将随着当今功能强大的芯片而变得更加简单。当然&#xff0c;与成熟的微处理器相比&#xff0c;MCU本身也提供了额外的成…

【校内篇】如何安装一台虚拟机

咱们的微机老师要求上微机课用的电脑必须要用 Windows7Windows\ 7Windows 7&#xff0c;但是很多同学的电脑也许并不匹配&#xff0c;造成了诸多不便。 作为班长&#xff0c;我觉得有必要把自己的一些技术共享给大家&#xff0c;方便大家使用。 文章目录一、准备材料&#x1f6…

如何扩大电脑c盘分区,c盘空间不足怎么扩容

当电脑使用一段时间后&#xff0c;C盘会存储一定的数据&#xff0c;包括操作系统以及其他的文件。在实际的运用中&#xff0c;许多应用程序的默认下载路径就是C盘&#xff0c;如果用户没有更改为其他磁盘&#xff0c;会导致C盘的空间越来越小&#xff0c;电脑越来越卡顿。从根源…

【C版本】静态通讯录与动态通讯录的实现,以及各自所存在的缺陷对比。(含所有原码)

目录静态版本通讯录前期思路具体实现1、框架2、初始化通讯录3、增加联系人4、显示已有联系人5、查找联系人6、删除指定联系人7、排序联系人8、修改联系人信息9、清空联系人静态版本通讯录存在的缺陷动态版本通讯录&#xff08;静态版本的部分功能发生改动&#xff09;初始化增加…

优雅的使用Webstack打造个人网址导航

原文链接&#xff1a;优雅的使用Webstack打造个人网址导航 前言 一款基于 WebStackPage 的 Hexo 主题。本人选择的是 hexo-theme-webstack。 效果预览 具体效果请移步 个人网址导航。 步骤 在目标路径&#xff08;我这里选的路径为【D:/studytype/My_Blog】&#xff09;打开…

基于C#制作一个桌面宠物

此文主要基于C#制作一个桌面宠物&#xff0c;可自定义宠物素材图片及打开外部exe的快捷菜单。 实现流程1.1、创建项目1.2、准备素材1.3、控件设置&#xff08;1&#xff09;PictureBox控件&#xff08;2&#xff09;timer控件&#xff08;3&#xff09;contextMenuStrip控件1.4…

学习MySQL必须掌握的13个关键字,你get了吗?

1、三范式 第一范式&#xff1a;每个表的每一列都要保持它的原子性&#xff0c;也就是表的每一列是不可分割的&#xff1b;第二范式&#xff1a;在满足第一范式的基础上&#xff0c;每个表都要保持唯一性&#xff0c;也就是表的非主键字段完全依赖于主键字段&#xff1b;第三范…

【微服务】Nacos2.x服务发现?RPC调用?重试机制?

&#x1f496;Spring家族及微服务系列文章 ✨【微服务】Nacos通知客户端服务变更以及重试机制 【微服务】SpringBoot监听器机制以及在Nacos中的应用 ✨【微服务】Nacos服务端完成微服务注册以及健康检查流程 ✨【微服务】Nacos客户端微服务注册原理流程 ✨【微服务】SpringClou…

Vue 和 React 比,React 好在哪里?

​ 这两个设计理念上就有所区别&#xff0c;类比过来就是&#xff1a;Vue 是自动挡汽车&#xff0c;React 是手动挡汽车。 在 Vue 中&#xff0c;不需要去注意视图和数据的一致性&#xff0c;因为有双向绑定看帮你处理&#xff0c;响应式的。还有一些很方便的 v-if、v-model 之…

软考 - 面向对象开发

⭐设计模式UML详解&#xff1a;https://blog.csdn.net/qq_40274514/article/details/124047443 面向对象基础 面向对象的程序设计 和 面向对象设计区别 面向对象的程序设计涉及到具体的编程语言 面向对象设计只从系统逻辑结构设计解决方案 常见的机制 动态绑定&#xff1a;过…

ESXi5.5远程升级到ESXi6.7 (VMware Hypervisor)

1、ESXi的介质分为两类&#xff0c;以6.7为例&#xff1a; VMware vSphere Hypervisor (ESXi ISO) image (Includes VMware Tools)&#xff08;ISO包&#xff09; VMware vSphere Hypervisor (ESXi) Offline Bundle &#xff08;ZIP包&#xff09; 如果要升级&#xff0c;需要Z…

【畅购商城】详情页详情之商品详情

1.构建详情页 步骤0&#xff1a;确定访问路径 http://localhost:3000/Goods?id1 步骤二&#xff1a;复制 ~/static/goods.html 内容&#xff0c;导入第三方资源&#xff08;css、js&#xff09; head: {title: 列表页面,link: [{rel:stylesheet,href: /style/goods.css},{re…

Sysweld笔记:利用稳态算法加速算法模拟焊接过程的残余应力

作者&#xff1a;贾亚波博士&#xff0c;仿真秀专栏作者 在进行热力耦合的仿真过程中&#xff0c;如果模型足够的长并且热源速度恒定&#xff0c;通常其热学&#xff0c;相变以及热力耦合都会达到稳态的过程&#xff0c;因此如何直接计算稳态问题成为了大家研究的热点问题。 …

【C++笔试强训】第二十四天

&#x1f387;C笔试强训 博客主页&#xff1a;一起去看日落吗分享博主的C刷题日常&#xff0c;大家一起学习博主的能力有限&#xff0c;出现错误希望大家不吝赐教分享给大家一句我很喜欢的话&#xff1a;夜色难免微凉&#xff0c;前方必有曙光 &#x1f31e;。 &#x1f4a6;&a…

【数据结构】栈基本操作的实现(C语言)

&#x1f680; 作者简介&#xff1a;一名在后端领域学习&#xff0c;并渴望能够学有所成的追梦人。 &#x1f40c; 个人主页&#xff1a;蜗牛牛啊 &#x1f525; 系列专栏&#xff1a;&#x1f6f9;初出茅庐C语言、&#x1f6f4;数据结构 &#x1f4d5; 学习格言&#xff1a;博…

SpringBoot项目打包时配置文件区分日常、测试、预发、正式环境

前言&#x1f34a; 在我们开发项目的时候&#xff0c;一般有四套环境&#xff1a;日常、测试、预发、正式。日常环境作为我们开发环境&#xff1b;测试环境给测试同学测试功能&#xff1b;预发环境给正式环境发布时提供准备&#xff1b;正式环境则是稳定的生产环境。 这四套环…

面试官问我new Vue阶段做了什么?

前言 本篇录入吊打面试官专栏&#xff0c;希望能祝君拿下Offer一臂之力&#xff0c;各位看官感兴趣可移步&#x1f6b6;。这段时间面了很多家公司&#xff0c;被问到的题我感觉不重复不止100道&#xff0c;将会挑选觉得常见且有意义的题目进行分析及回答。有人说面试造火箭&am…