- 博客(58)
- 资源 (1)
- 收藏
- 关注
原创 多电机显示并排序
函数将字符串转换为整数,并指定基数为 10(代表十进制),确保字符串正确地被解析为数字。然后,我们根据转换后的数字进行排序。数组包含多少个对象,页面上都会为每个对象生成一个相应的数据展示列表。数组,并为每个驱动电机生成一个数据列表。对象都代表一个驱动电机的数据。,我们可以使用 Vue 的。**驱动电机排序:**使用。在这段代码中,我使用了。页面也是一样的操作步骤。展示出相应数量的列表。作为驱动电机的序号。
2025-04-02 16:07:01
311
原创 多页面数据显示与对接
车辆检测页面我们分了很多标签页来分别做车辆的数据展示,数据量比较大,用整车数据标签页做一个最基础的简介,后端返回数据为vehicleData,首先在==data中初始化vehicleData数组==,每个Col都要显示一个vehicleData对象中的属性值。
2025-04-02 16:05:39
271
原创 表单中的扩展行
1. 表单中的扩展行(`type: 'expand'`),它允许用户点击以展开更多内容。2. 这个扩展行使用一个渲染函数 (`render`) 来显示额外的信息。3. 其他对象定义了常规列,如时间和类型等,通过指定 `title`(显示在表头的文字)和 `key`(与数据对象中的键对应)。4. 当这个组件渲染时,它将显示一个表格。表格的列由 `columns` 数组定义,而行数据则由 `data` 数组提供。
2025-04-02 16:01:14
107
原创 车辆位置显示
问题总结:将map和point都定义在组件的数据中,通过这种方式,可以在整个组件中引用 this.point 和 this.map,确保它们在不同的方法中都能被正确访问。方法初始化百度地图,创建地图实例和点坐标,并设置地图的中心点和缩放级别。同时,在地图上创建标注,并添加到地图中。问题:point和map显示未定义。
2025-04-02 15:55:49
96
原创 车辆控制解决方案
优化车辆控制的功能 -> 用户在控制车辆状态时,实现控制按钮点击状态改变只触发一次onSwitchChange事件,不再下发控制指令,同时清除加载车辆实时状态的定时器status_interval直到有返回值再开启,并且给重新开启定时器这个操作加一个7秒延时,确保控制按钮不会发生跳变。
2025-04-02 15:50:23
304
原创 车辆选择解决方案
添加车辆选择的功能 -> 用户在选择不同的车辆时,重新初始化系统状态,清除之前的定时器,并根据新选择的车辆设置新的定时器,以实现对新车辆状态的实时加载。
2025-04-02 15:49:01
139
原创 WebUI问题总结
技术点:Docker 9x07编译环境的安装,thttpd服务器的搭建,WebUI的调试,T99W444编译与烧录,WebUI导航,将原本的侧边栏导航改成顶部导航栏,点击下拉导航会撑开导航栏,点击下拉导航的子级后,导航自动隐藏,移动端响应式布局,通过原生js来做,判断是否为手机端,手机端从文字变为图标,语言切换导致的导航宽度不适配的问题,点击下拉导航之外的页面,导航自动关闭,列表显示不全:渲染没有完成就计算出了高度,加延时等页面渲染完再计算高度,添加限制条件。
2025-04-02 15:33:53
925
原创 ApiAdmin与ApiAdmin-WEB安装运行
ApiAdmin与ApiAdmin-WEB安装运行:一、ApiAdmin安装-1. 获取官方源代码、2. 安装代码、3. 检测环境以及配置数据库、4. 完成数据迁移、5. 构建后端路由、6. 获取管理后台账号密码、7. 设置Nginx、8. 后台访问成功;二、ApiAdmin-WEB安装-1. 替换项目部署的域名、2. 安装依赖、3. 构建项目文件、4. 编译项目,生成web文件。
2023-09-25 10:49:57
762
原创 ApiAdmin前期环境搭建
ApiAdmin前期环境搭建:一、php环境搭建-1. 下载phpstudy,二、安装Vue环境-1. 安装node.js、2. 创建全局安装目录和缓存日志目录、3. 配置环境变量、4. 安装Vue-1)安装vue.js、2)安装webpack模板、3)安装脚手架vue-cli、4)安装vue-router
2023-09-11 17:12:33
621
原创 伪类与伪元素
伪类和伪元素的区别,伪类和伪元素的引入是因为在文档树里有些信息无法被充分描述,引用标准中的话就是:CSS引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。
2023-09-04 14:56:43
216
原创 BootStrap框架
媒体查询,BootStrap框架-栅格系统,全局样式,组件,插件,模态框,模态框用法。将任何.table元素包裹在.table-responsive元素内,即可创建响应式表格。通过data属性或JavaScript调用模态框插件,可以根据需要动态展示隐藏的内容。模态框弹出时还会为元素添加.modal-open类,从而覆盖页面默认的滚动行为,并且还会自动生成一个.modal-backdrop元素用于提供一个可点击的区域,点击此区域就即可关闭模态框。
2023-09-04 14:23:40
461
原创 rem移动适配
rem介绍,媒体查询, rem适配原理,flexible.js,less,使用Less语法快速编译生成CSS代码, Easy Less,Less语法,Less嵌套生成后代选择器, Less变量设置属性值,Less导入,Less导出。
2023-09-04 14:13:20
82
原创 Flex布局
Flex:了解移动端与PC端屏幕和网页布局差异,使用Flex布局模型实现网页布局。移动端和PC端网页的不同点,视口,百分比布局,Flex布局-Flex布局/弹性布局、Flex布局模型构成、主轴对齐方式、侧轴对齐方式、主轴方向、弹性盒子换行。
2023-09-04 14:09:13
96
原创 DOM-获取DOM元素、修改内容和属性、定时器-间歇函数
一、Web API基本认知;二、获取DOM对象:根据CSS选择器来获取DOM元素;三、设置/修改DOM元素内容:document.write()方法,对象.innerText属性,对象.innerHTML属性,随机抽取的名字显示到指定的标签内部;四、设置/修改DOM元素属性:设置/修改元素常用属性,刷新页面,随机显示图片,通过 style 属性操作CSS,操作类名(className) 操作CSS,通过 classList 操作类控制CSS,设置/修改表单元素属性;五、定时器间歇函数:用户注册倒计时,焦点图
2022-12-29 17:25:21
752
原创 对象-随机生成数、随机点名、页面渲染、猜数字游戏
渲染出一个学生信息表、内置对象-生成任意范围随机数、随机点名、猜数字游戏、基本数据类型和引用数据类型。
2022-12-08 17:48:03
720
原创 函数传参、返回值、作用域、匿名函数、简易时钟
函数使用、函数传参、逻辑中断、函数返回值、作用域、作用域链、匿名函数、立即执行函数、求学生总分、求一个数组的最大值和最小值、求两个数的最大值、用户输入秒数,可以自动转换为时分秒。
2022-12-07 20:36:42
383
原创 for循环嵌套(99乘法表)与数组增删改查(冒泡排序、柱状图)
记单词案例、打印倒三角、99乘法表、数组求和、数组求最大值最小值、数组增加新的数据、数组删除元素、冒泡排序、根据用户输入数据生成季度柱状图、使用for循环 - 求出数组元素的和、使用for循环 - 求出数组里大于5的和、使用for循环 - 求出班级里同学们平均年龄、打印数组里所有的奇数、计算[2, 6, 18, 15, 40] 中能被3整除的偶数的和、计算[2, 6, 18, 15, 40] 中能被3整除的偶数的个数、给一个数字数组,该数组中有很多数字0,将不为0的数据存入到一个新的数组中等等案例。
2022-12-01 11:26:23
624
原创 运算符与分支、循环语句
一、运算符:1. 算术运算符、2. 赋值运算符、3. 一元运算符、4. 比较运算符、5. 逻辑运算符、6. 运算符优先级。二、语句:1. 表达式和语句、2. 分支语句、if分支语句、三元表达式、switch语句、3. 循环语句、断点调试、while循环。简易ATM取款机、用户登录验证、1-100之间个位数不为3的数的累加和等代码案例。
2022-11-29 11:51:33
511
原创 JavaScript变量、数据类型、类型转换
一、JavaScript介绍:1. JavaScript是什么,是一种运行在客户端(浏览器)的编程语言,实现人机交互效果、2. 作用、3. JavaScript的组成、4. JS书写位置、5. JS注释、6. JS结束符、7. JS输入输出语法。二、变量:1. 变量的基本使用、2. 变量命名规则与规范、3. 变量拓展-let和var的区别、4. 变量拓展-数组。三、数据类型:1. 基本数据类型、2. 引用数据类型、3. 检测数据类型。四、类型转换:1. 隐式转换、2. 显式转换。
2022-11-23 10:53:42
264
原创 初识JavaScript
一、初识JavaScript:JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言;JavaScript的作用:表单动态校验(密码强度检测)、网页特效、服务端开发(Node.js)、桌面程序(Electron)、App(Cordova)、控制硬件-物联网(Ruff)、游戏开发(cocos2d-js);浏览器执行JS;JS的组成:ECMAScript、DOM——文档对象模型、BOM——浏览器对象模型;JS书写位置。二、JavaScript输入输出语句。三、变量。
2022-11-21 11:21:45
327
原创 CSS定位装饰
CSS定位:定位的基本介绍,网页常见布局方式,定位的基本使用,静态定位,相对定位,绝对定位,子绝父相,绝对定位-居中,固定定位,元素的层级关系;CSS装饰:垂直对齐方式,光标类型,边框圆角,overflow溢出部分显示效果;选择器拓展:元素整体透明度等。
2022-11-17 09:47:53
193
原创 CSS结构伪类选择器、伪元素、浮动、清除浮动
结构伪类选择器,伪元素,标准流(标签默认的排列方式),浮动(浮动元素会脱离标准流(简称:脱标),在标准流中不占位置、浮动元素比标准流高半个级别,可以覆盖标准流中的元素、浮动找浮动,下一个浮动元素会在上一个浮动元素后面左右浮动),清除浮动,清除浮动的介绍,清除浮动的方法(直接设置父元素高度、额外标签法、单伪元素清除法、双伪元素清除法、给父元素设置overflow:hidden)。...
2022-11-17 09:34:35
386
原创 CSS选择器、背景、元素显示模式、特性
CSS进阶:一、选择器进阶(复合选择器、并集选择器、交集选择器、hover伪类选择器、Emmet语法),二、背景相关属性(背景颜色、背景图片、背景平铺、背景位置、背景相关属性连写、img标签和背景图片的区别),三、元素显示模式(块级元素、行内元素、行内块元素、元素显示模式转换),四、CSS特性(继承性、层叠性)。...
2022-11-16 10:30:37
126
原创 CSS基础选择器、字体和文本样式
CSS层叠样式表,CSS简介:CSS(层叠样式表Cascading Style Sheets)(CSS样式表或级联样式表)、CSS语法规范、CSS代码风格;CSS基础选择器:标签选择器、类选择器、id选择器、通配符选择器;CSS字体和文本样式:字体样式、字体大小、字体粗细、字体类型、常见取值、渲染规则;文本样式:文本缩进:text-indent、文本水平对齐方式:text-align、文本修饰:text-decoration、line-height行高;CSS的引入方式:内嵌式、外联式、行内式;综合案例。.
2022-11-16 10:23:33
267
原创 HTML标签(下)
表格标签(表格的主要作用、表格的基本语法、表格大标题、表头单元格标签、表格属性、表格结构标签、合并单元格),列表标签(无序列表、有序列表、自定义列表),表单标签(表单域、表单控件(表单元素)、input输入表单元素、label标签、select下拉表单元素、textarea文本域元素)......
2022-11-16 10:14:36
188
原创 样式补充(精灵图、背景图片、阴影),项目前置认知、结构搭建
网页制作,项目样式补充:精灵图、背景图片大小、文字阴影、盒子阴影、过渡,项目前置认知:网站与网站的关系、骨架结构标签、SEO三大标签、ico图标设置、版心、CSS书写顺序,项目结构搭建:文件和目录准备、完成后的目录及文件结构、基础公共样式、index页面骨架。
2022-11-16 10:07:37
507
1
原创 Ubuntu18.4安装thttpd并搭建web服务器
thttpd 是一个简单,小型,可移植,快速且安全的 HTTP 服务器,thttpd搭建的Web服务器支持认证、CGI等服务,功能都比较齐全,常用于嵌入式或桌面系统搭建web服务器使用。一、thttpd的安装:1. 下载,2. 编译&安装,3. 查看是否安装成功;二、thttpd的启动:最简单的测试方法不用配置文件,直接输入命令,测试thttpd是否成功启动,如果不能成功启动,则杀掉进程,重新sudo开启;三、web端访问服务;四、修改文件权限:递归修改filename文件夹下所有文件的权限。
2022-11-16 09:34:37
571
原创 QNX应用开发环境搭建详细篇(安装QNX SDP,启动编译IDE,QNX虚拟机以及IDE的连接与运行)
一、创建myQNX账户,要使用myQNX License Manager或QNX Software Center,必须先创建一个myQNX账户;二、安装并启动QNX Software Center;三、在开发主机上安装QNX SDP;四、安装QNX虚拟机;五、安装以及启动编译QNX Momentics IDE,导入bsp之后进行编译,导入在软件中心下载的实例demo进行编译;六、IDE与QNX虚拟机连接;七、实例齿轮demo的运行
2022-09-30 18:23:33
17087
24
原创 样式补充(精灵图、背景图片、阴影),项目前置认知、结构搭建
网页制作,项目样式补充:精灵图、背景图片大小、文字阴影、盒子阴影、过渡,项目前置认知:网站与网站的关系、骨架结构标签、SEO三大标签、ico图标设置、版心、CSS书写顺序,项目结构搭建:文件和目录准备、完成后的目录及文件结构、基础公共样式、index页面骨架。
2022-09-16 20:28:50
170
原创 CSS定位装饰
CSS定位:定位的基本介绍,网页常见布局方式,定位的基本使用,静态定位,相对定位,绝对定位,子绝父相,绝对定位-居中,固定定位,元素的层级关系;CSS装饰:垂直对齐方式,光标类型,边框圆角,overflow溢出部分显示效果;选择器拓展:元素整体透明度等。
2022-09-05 10:42:10
285
原创 CSS结构伪类选择器、伪元素、浮动、清除浮动
结构伪类选择器,伪元素,标准流(标签默认的排列方式),浮动(浮动元素会脱离标准流(简称:脱标),在标准流中不占位置、浮动元素比标准流高半个级别,可以覆盖标准流中的元素、浮动找浮动,下一个浮动元素会在上一个浮动元素后面左右浮动),清除浮动,清除浮动的介绍,清除浮动的方法(直接设置父元素高度、额外标签法、单伪元素清除法、双伪元素清除法、给父元素设置overflow:hidden)。...
2022-09-01 10:51:50
361
详述GPS原理及RTK技术应用
2022-03-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人