- 博客(39)
- 收藏
- 关注
RSS订阅原创 曼哈顿距离(Manhattan Distance)
之所以曼哈顿距离又被称为出租车距离是因为在像纽约曼哈顿区这样的地区有很多由横平竖直的街道所切成的街区（Block），出租车司机计算从一个位置到另一个位置的距离，通常直接用街区的两个坐标分别相减，再相加，这个结果就是他即将开车通过的街区数量，而完全没有必要用欧氏距离来求解——算起来超级麻烦还没有意义，毕竟谁也没办法从欧氏距离的直线上飞过去。如图 3 所示，假设一辆出租车要从上面的圆圈位置走到下面的圆圈位置，无论是左边的线路，还是右边的线路，都要经过 11 个街区，而这个 11 就是曼哈顿距离。
2025-04-02 15:56:44
910
原创 欧氏距离(Euclidean Distance)
n维欧氏空间是一个点集，它的每个点可以表示为(x(1), x(2), …, x(n))，其中x(i)(i=1,2…n)是实数称为x的第i个坐标，两个点x和y之间的距离d(x, y)定义为上面的公式。欧氏距离定义： 欧氏距离（ Euclidean distance）是一个通常采用的距离定义，它是在m维空间中两个点之间的真实距离。欧式距离也称欧几里得距离，是最常见的距离度量，衡量的是多维空间中两个点之间的 绝对距离。以古希腊数学家欧几里得命名的距离，也就是我们直观的两点之间直线最短的直线距离。
2025-04-02 15:27:50
1009
原创 dv-scroll-board 鼠标移入单元格显示单元格所有数据
前言：在使用大屏组件库data-v开发大屏驾驶舱系统，dv-scroll-board实现表格数据滚动的效果，但是某一列数据较多，需求提出：鼠标移上去要显示对应的问题，完全展示出来。奈何以前没有搞过这个问题，随即立马找向百度麻麻！1、针对某个单元格的样式可以单独修改吗？比如想要告警状态那一列的某一行显示红色字体？有想法的可以告知下👍。2、DataV组件库可以再频繁运用下😁。
2025-03-20 11:25:05
819
原创 Javascript 日期相关计算
2、获取当前日期的上个礼拜的开始时间和结束时间。3、获取当前日期的上个月的开始时间和结束时间。整理不易，欢迎大家一键三连哦！1、获取当前日期的前一天。
2025-03-18 16:43:15
238
原创 使用Vant-ui封装form移动端组件
在项目开发过程中，表单提交功能通常需要手动编写每一项表单项的代码，包括输入框、下拉框、级联选择器、弹窗选择器等。如果能在项目初期将这些表单项封装成一个通用组件，其他开发者在业务页面中只需引入该组件，并配置相应的业务逻辑即可，从而提升开发效率和代码的可维护性。对 Vant UI 的表单组件进行扩展，提供清晰的配置项，命名通俗易懂，便于其他开发者理解和使用。），实现组件与表单数据的双向绑定，确保表单项的实时同步。字段控制弹窗的显示与隐藏，并通过事件回调更新表单数据。动态渲染不同类型的表单项，提升组件的灵活性。
2025-02-28 15:01:10
1020
原创 问：程序媛到底怎么能摆脱动荡不安的局势？
一、记录程序媛这半年也就是本年度以来的最终心态：在单位的半年时间里，执着于每个问题的修复，高效完成各种工作任务。单位在今年下半年的3个月左右，开始裁人，😐现在就是1程序员and1程序媛。心中策马奔腾，但心里是没有什么变化的，管他呢！二、好家伙，年末进行年终总结了🉑表明两个不同专业的人开始互相融合了......身为程序媛的角度，内心毫无波澜。but准备休假，然后程序员开始get程序媛的技能加成！三、想了很多方法试图来劝说程序媛，but内心还是很不安全的样子。四、挂了，先工作啦。
2024-12-26 16:20:45
231
原创 使用leaflet开发地图-造成页面卡死的问题排查记录
4、最后我看到页面两条线的渲染（PS：这个是我一开始都没有料到的）这两条线跟正常的一根线渲染出来的区别就是，这个是一段一段的组成一条数据来渲染的；也就是[[],[],[],[],[],[]...]大数组嵌套多个小数组，前端通过遍历最外边的大数组来画出来一段一段的线段，最后就是形成由多个线段连起来的线。3、我的目光开始放到这个地图渲染的marker点和line上，我排查的想法就是，哪里觉得有问题，我就注释掉，哈哈😝然后看页面还会不会复现出这种问题。但是我把这里赋值的代码注释之后，然后并没有什么作用。
2024-12-20 17:35:00
893
原创 jsPlumb 学习
本文介绍了如何在Vue项目中集成并使用jsPlumb库来实现节点间的连线功能，包括安装步骤、全局引入、样式配置、事件绑定以及关键方法如添加、删除和重绘连线的操作。摘要由CSDN通过智能技术生成vue项目中使用jsplumb总结先介绍一下背景，最近项目中有个需求(各节点与节点之间的连线)，网上搜刮了一波关于连线的开源库，发现jsplumb的文章应该是最多的，功能也比较丰富，最终就选择了jsplumb来实现项目需求。下面开始我的vue+jsplumb踩坑之旅。在线DOME预览。
2024-12-11 16:17:57
477
原创 JavaScript 简化技巧，让你的代码更精简！
JavaScript 既灵活又强大，但要精通它也需要下一番功夫。以下 20 个 JavaScript 技巧和窍门，每个开发者都应该知道，它们可以帮你写出更简洁、更高效的代码，并改进你的开发流程。🌟。
2024-12-10 17:57:47
504
原创 【Jsplumb】Jsplumb基础教程(vue+jsplumb+d3)
jsplumb是可以让你在网站上展示图表或者甚至在浏览器应用程序中使用图表的开发框架,该框架适用于必须绘制图表的Web应用程序，例如类似于Visio的应用程序或工作流程设计器等。由于图表项目和连接的所有参数都是非常精细可控的，因此你可以绘制你可以想到的任何类型的图表// 参考D3API,这里会生成树形数据结构// 使用D3 Tree自动布局, nodeSize控制节点x方向和y方向上的距离// 获取自动布局后的节点信息// 获取父子关系列表// 设置节点位置信息return {
2024-12-09 17:26:02
1559
原创 vue+jsplumb使用过程中怎么禁用拖拽线的端点--学习心得
但是jsplumb插件是有专业方法API来实现的，但是不知道为什么我的代码不行，有大佬可以指教。// 获取指定元素的DOM元素// 禁用节点的拖放// 启用节点的拖放功能。
2024-12-04 17:41:14
397
原创 一个全面的Vue 3组件通信演示展示
在 Vue 框架中，事件分为两种，一种是原生的 DOM 事件，另一种是自定义事件 原生 DOM 事件可以让用户与网页进行交互，比如 click, change, mouseenter, mouseleave 等 自定义事件可以实现子组件给父组件传递数据。在 Vue2 中，子组件通过 $emit 触发事件，父组件通过监听这些事件获取数据。在 Vue3 中，依然可以使用 emits 声明触发的自定义事件，js代码解读复制代码</script><template><h2>自定义事件示例</h2>
2024-11-25 18:09:40
1311
原创 leaftlet地图使用文档
leaftlet地图使用文档以下均是在实际开发过程中有涉及到的技术点，特转载记录下来。一、文件结构|- map/| |- draw # 内置绘制方法| |- heatMap # 热力图| |- leaflet # leaflet| |- minimap #
2024-11-25 14:41:35
1370
原创 通信基础知识
相对于现有的2G/3G网络，通过引入高清编解码等技术，VoLTE可拥有比2G/3G语音，以及时下流行的OTT语音业务更好的用户体验。答：373复用，简单的理解，一个E1的祯首先被装进一个叫做C-12的容器，再被装进VC-12的容器，然后形成一个附属单元（tu-12），然后三个tu-12被复用成一个附属单元组tug-2，接下来7个tug-2被复用成一个更大的单元组，叫做tug-3，后面再用一个叫做VC-4的更大的容器装下3个tug-3，转换为一个au-4,在经过转化，最后成为STM的祯格式。
2024-11-14 17:41:09
908
1
原创 光路/光路路由/端子/设备 4者间的关系
光路是数据传输的物理通道，光路路由通过特定的算法和设备选择最优路径，端子用于连接光纤和设备，而设备则负责信号的转换、路由和分配。这些组成部分共同构成了光纤通信系统，确保数据的高效、稳定传输。
2024-11-14 17:39:11
605
原创 鸿蒙开发 ｜ 创建第一个ArkTS应用
，在main_pages.json文件中的“src”下配置第二个页面的路由“pages/Second”。页面路由router根据页面url找到目标页面，从而实现跳转。在默认页面基础上，我们添加一个Button组件，作为按钮响应用户点击，从而实现跳转到另一个页面。参照第一个页面，在第二个页面添加Text组件、Button组件等，并设置其样式。在第一个页面中，跳转按钮绑定onClick事件，点击按钮时跳转到第二页。在第二个页面中，返回按钮绑定onClick事件，点击按钮时返回到第一页。配置第二个页面的路由。
2024-11-14 17:24:17
1256
原创 系统内存溢出到底怎么解决
今日在工作的过程中，被提到一个bug修复下，起初以为能是什么问题，最后了解操作步骤及代码后，内存溢出了......这要怎么解决呢？家人们，有什么办法吗？
2024-08-13 14:15:05
117
原创 怎么在Mac电脑上装虚拟机
来到新单位后，公司没有给配电脑，万不得已我就得拿出我的老Mac古董开发了。但是要求需要连VPN进行开发，但是4a的安装包仅限安装在Windows系统中。这时候问题就来了，在Mac电脑上要怎么搞？
2024-06-27 16:30:20
626
原创 Handsontable使用记录
customBorders:[{range:{from:{row:行数,col:列数},to:{row:行数,col:列数},上下左右设置}]也可以声明customBorder:true，表示允许自定义单元格边框。CheckboxRenderer，但他们都是通过registerRenderer来渲染 的，registerRenderer是hansontable的渲染公用方法，其他的渲染都是在此基础上扩展的。render() {
2024-05-31 15:34:32
2686
原创 a-form-model/select组件及今日遇到的坑
select组件本身是支持搜索名字的，但现在要求还要支持编号搜索，统一为传一个字段supplierName后，交给后端进行查询。强制刷新某个属性：this.$refs.ruleform.validateField('字段名')流程：新增数据后，要登录到GF，对应提交，提交后再回来看按钮，即可确认，也可撤回，反复亦如此。form表单必填校验在formRules中即可！查询某个list数据的接口有用到。
2024-05-28 11:27:38
165
原创 前端实现APP与蓝牙芯片通信
一项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, byte
2024-05-27 15:58:20
275
原创 vue2项目怎么实现国际化
登录接口会返回用户选择了哪个语言code，根据这个code前端将其放到请求头上，后端会根据这个code，返回某种语言的翻译数据；许多前端框架都有相应的i18n库，例如，React有react-i18next和react-intl，Vue有vue-i18n。在全球化的今天，为了向各种语言和文化的用户提供更好的体验，网站和Web应用常常需要进行国际化（i18n）。语言包是包含各种翻译文本的文件。支持在运行时改变语言：用户可以在使用应用的过程中切换语言。日期和数字格式化：根据当前语言的习惯，格式化日期和数字。
2024-05-13 17:06:10
649
原创 websocket-小结整理
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。websocket 官网https://developer.mozilla.org/zh-CN/docs/Web/API/WebSocketWebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。特点：高即时性服务，比如聊天室的群聊，server顺序收到了张三，李四.
2020-05-09 15:18:16
358
2
原创 学习数据结构与算法（三）
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。正值这个特殊时期，在家里开始研究数据结构与算法的问题，若有不对的地方，请各位指教！以下均属于个人整理的笔记列表：当不需要在一个很长的序列中查找元素，或者对其进行排序时，列表显得尤为有用。一.列表的抽象数据类型定义列表是一组有序的数据。每个列表中的数...
2020-03-30 17:19:58
188
原创 学习数据结构与算法（二）
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。正值这个特殊时期，在家里开始研究数据结构与算法的问题，若有不对的地方，请各位指教！~~~接下来主要看一下数组。一.使用1.创建数组最简单的方法就是通过 [ ] 操作符来声明一个变量（推荐这种方法）var numbers=[];print(n...
2020-02-12 19:08:16
171
原创 学习数据结构与算法（一）
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。正值这个特殊时期，在家里开始研究数据解构与算法的问题，若有不对的地方，请各位指教！~~~一.Javascript 中的算数运算和数学函数var x=3;var y=1.1;print(x+y);print(x*y);print((x+y)*(...
2020-01-29 11:09:29
190
原创 导航下拉菜单打开时被遮住
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。1.所有页面的查询框下拉页面 的时候增加保持顶部不动（在拖动的时候指定div会钻进到上边不懂得查询框中）一、导航下拉菜单被遮住，那是因为层叠关系错误我们必须理解层叠关系满足的2个条件：1、必须是同级；2、二者分别设定了position:relati...
2019-12-13 16:27:27
1122
原创 数组的方法
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。1.数组去重：(多种方法)//去重var dataArray1 = […new Set(dataArray)]将dataArray去重为dataArray12.arr.push() 从后面添加元素，返回值为添加完后的数组的长度let arr = [...
2019-12-10 10:05:09
136
原创 面试题整理
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。以下整理是很久之前留存下来的，出处并不记得是在哪里了，尴尬！面试题很全，请允许我的借鉴哦~ 撒由那拉~开搞！html块级元素和行内元素有哪些？块级元素：块级元素行内元素：行内元素html语义化参考地址：参考地址html渲染过程HTML解析...
2019-12-09 17:31:51
177
原创 整理字符串的方法
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。原文在此，文章借鉴于https://www.jianshu.com/p/390a65d7a353一.startsWith()：判断字符串是否以 XX 开头let url = 'http://www.itlike.com';console.log(ur...
2019-12-09 16:51:00
275
原创 前端基础问题
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。一.盒模型概念CSS盒模型本质上是一个盒子，封装周围的HTML元素，是由内容（content）、内边距（padding）、边框（border）、外边距（margin）组成。W3C盒子模型（标准盒模型）根据 W3C 的规范，元素内容占据的空间是由wi...
2019-12-09 16:02:00
332
2
原创 commitlint+husky的git代码规范
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。项目优化中，可以运用一下这个。1.安装 commitlint/config-conventional和commitlint/clinpm install --save-dev @commitlint/config-conventional @com...
2019-12-06 16:57:54
489
原创 项目代码放到线上文件下载不下来
Hello,everyone !想以一个轻松愉悦的心情来开始我的每一篇文章。这是每一次的整理和缩影，希望大家可以发表意见，促进成长。今天这篇文章主要来自于在这里找到解决问题的方法问题描述项目部署到线上之后，在谷歌浏览器打开之后，下载或者导出文件就是一直导不出来，就会报错；但是换到其他浏览器上就不会报错，正常操作。解决方法加上的代码就一句，向客户端声明输出流的长度：respo...
2019-12-06 16:29:35
317
原创 编写一个程序将数组扁平化去除其中重复部分数据，最终得到一个升序且不重复的数组
这个是之前在想怎么处理排序的问题，发现这个方法比较方便，也是自己学到的部分编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组：var arr = [[1,2,2],[3, 4, 5, 5],[6, 7, 8, 9,[11,12,[12,13,[14]]]],10];// 循环展开嵌套的数组，直到没有嵌套while(arr.some(item => Ar...
2019-12-06 15:49:33
1116
原创 EventBus的使用及坑
1.在main.js中import Bus from './utils/bus.js';Vue.prototype.$bus=Bus;2.新建一个bus.js文件import Vue from 'vue'const Bus=new Vue({ data(){ return{ } } ...
2019-12-06 15:37:50
328
原创 vue +iview +modal 弹框关闭后再次打开不显示的问题
当初想写这个就是想要优化我们全息这个庞大的项目，想到可以把一个一个的modal框封装起来，但是遇到了模态框关闭与显示的问题，就写下了这篇文章
2019-12-04 10:18:23
1483
原创 对象类型--js
这个是跟同事在一起交流的时候发现的一个题，感觉还不错，就写了下来如下：原始数据类型存储的是值，而对象类型存储的是地址（指针）。function test(person) { person.age = 26 person = { name: 'hzj', age: 18 } return person}const p1 = { name: 'fyq',...
2019-12-02 11:30:48
210
原创 如何把key:value的形式转换为表格形式的数据
先说下我大概开始写博客的想法，自工作以来，终于觉得有时间可以书写下以往的问题了，算是一种沉淀，很开星，梦的世界飞翔~废话不多说，直接开始我想要阐述的问题：在跟后台联调的时候后台传过来的数据格式跟我这边想要的格式不一样。以下是代码附上及解决方法。1.首先来看下后台返回的数据格式：对后台返回地数据解释：后台返回的是数组【{对象1}{对象2}】,但我们想要的是表格数据，key的形式（如下图）...
2019-11-29 11:01:32
1645
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人