单页应用程序(SPA)：通过路由系统把组件串联起来并且只有一个html页面的程序。多页面应用程序(MPA)：整个应用程序中有多个html页面。hash路由和history路由的区别hash路由有#。背后是监听onhashchange事件实现的，hash路由部署上线不会出现404.history路由没有#，背后是基于historyapi实现的，histo路由部署上线会出现404问题.和(全局组件)视图容器:name属性用于指定命令视图。用于设计菜单导航：to属性用于指定跳转的目标，tag属性用于指定渲染什么标签，默认渲染a标签，active-class/exact-active-class用于指
前言：前天我们学了ref和reactive，提到了响应式数据和Proxy，那我们今天就来了解一下，vue3的响应式在了解之前，先复习一下之前vue2的响应式原理vue2的响应式：原理：对象类型：通过Object.defineProperty（）对象的读取，修改进行拦截，也就是数据劫持，响应式的根基缺点：因为只有读取和修改（get，set）所以新增属性，和删除属性，页面是不会刷新的数组类型：通过重写，更新数组的一系列方法来实现拦截，假如你调了一个数组的push方法，其实push是被二次重写封装的（对数组的变更方法进行了重写）缺点：直接通过下标修改数组，页面不会更新解决方法：用this.$set（
单页应用程序(SPA)：通过路由系统把组件串联起来并且只有一个html页面的程序。多页面应用程序(MPA)：整个应用程序中有多个html页面。hash路由和history路由的区别hash路由有#。背后是监听onhashchange事件实现的，hash路由部署上线不会出现404.history路由没有#，背后是基于historyapi实现的，histo路由部署上线会出现404问题.和(全局组件)视图容器:name属性用于指定命令视图。用于设计菜单导航：to属性用于指定跳转的目标，tag属性用于指定渲染什么标签，默认渲染a标签，active-class/exact-active-class用于指
margin:auto为什么不垂直居中margin:auto是具有强烈计算意味的关键字，用来计算元素对应方向上应该获得的剩余空间大小。行内元素margin:auto;不能水平居中在一行的中央位置（行内元素不独占一行）。margin:auto在垂直方向无效,因为垂直方向默认无剩余空间大小. position定位属性大家都不会陌生，添加position属性的元素可以定位，而top，left，right，bottom属性决定元素定位后所在的位置，而在使用定位属性需要注意两点：1.top，left,right,bottom此类定位属性只对添加了position属性且值为非static的元素生效，即值为
margin:auto为什么不垂直居中margin:auto是具有强烈计算意味的关键字，用来计算元素对应方向上应该获得的剩余空间大小。行内元素margin:auto;不能水平居中在一行的中央位置（行内元素不独占一行）。margin:auto在垂直方向无效,因为垂直方向默认无剩余空间大小. position定位属性大家都不会陌生，添加position属性的元素可以定位，而top，left，right，bottom属性决定元素定位后所在的位置，而在使用定位属性需要注意两点：1.top，left,right,bottom此类定位属性只对添加了position属性且值为非static的元素生效，即值为
CSS中几种最常用的水平垂直居中的方法点击打开视频讲解更加详细一、使用margin:auto当元素有给定的高度以及宽度的时候，使用margin:auto;元素仅会水平居中，并不会进行垂直居中。此时就需要设置元素的position为absolute，父级元素的position为relative，同时元素的上下左右都需要设置为0。.box{width:200px;height:200px;background-color:#eee;position:relative;margin-top:20px;}.center1{width:50px;height:50px;background-color:
CSS中几种最常用的水平垂直居中的方法点击打开视频讲解更加详细一、使用margin:auto当元素有给定的高度以及宽度的时候，使用margin:auto;元素仅会水平居中，并不会进行垂直居中。此时就需要设置元素的position为absolute，父级元素的position为relative，同时元素的上下左右都需要设置为0。.box{width:200px;height:200px;background-color:#eee;position:relative;margin-top:20px;}.center1{width:50px;height:50px;background-color:
主题：前言针对ros系统记录的bag文件，可以使用python的rosbag包，按照不同起止时间和topic进行提取。然而，有的topic可以使用rosbag读取，但是不能遍历，存在解码错误。原因应该是存在中文字符的注释,这个可以在函数生成的temp.py中看到。python提取bag文件时发生解码错误:unicodeerror)'utf-8'codeccan'tdecodebyte0xcdinposition31:invalidcontinuationbyte编译环境：windowsvisualstudio2019，pycharm也有如此问题，即使将fileencoding改成其它编码方式，
主题：前言针对ros系统记录的bag文件，可以使用python的rosbag包，按照不同起止时间和topic进行提取。然而，有的topic可以使用rosbag读取，但是不能遍历，存在解码错误。原因应该是存在中文字符的注释,这个可以在函数生成的temp.py中看到。python提取bag文件时发生解码错误:unicodeerror)'utf-8'codeccan'tdecodebyte0xcdinposition31:invalidcontinuationbyte编译环境：windowsvisualstudio2019，pycharm也有如此问题，即使将fileencoding改成其它编码方式，
仿生机器人是指模仿自然界生物生理结构或功能特征，设计具有一定工程应用背景的机器人。目前，良好的地形能力和高效的运动方式是仿生机器人发展的主要方向。蛇作为一种无腿的爬行动物，可以通过多种运动方式进行移动，对复杂的地貌环境有优越的适应能力。这使得仿生蛇型机器人具有更广阔的应用前景。长春理工大学的研究人员针对多环境下蛇的运动接触行为及其鳞片摩擦性能进行了研究，从而给蛇形机器人提供设计依据。研究人员首先利用NOKOV度量三维动作捕捉系统，对蛇在不同环境下（干燥、湿润、不同粗糙度的砂纸及光滑平面）的运动行为进行测试，获得蛇运动的状态和规律，为设计蛇运动接触力学测试装置提供依据，并探究蛇在不同环境氛围下的
