2025年12月18日

html - clip-path绘制工具

摘要： 场景 在设计大屏、首页时，会用到一些特殊的几何图案； 简单的，我们可以使用图片，实现起来自然十分容易； 不过图片有很多的限制，比如说，修改色彩的时候，需要重新制作图片。 为了解决这个问题，这里又有几种方案： 使用 svg，找个工具，把图片转换成 svg，svg 可以通过样式调整色调； 使用 clip 阅读全文

posted @ 2025-12-18 11:49 疯狂的妞妞 阅读(39) 评论(0) 推荐(0)

2025年12月17日

html - 不使用图片实现科技风面板

摘要： 比如要做这样一个面板： 设计界面，大抵是不怎么喜欢用一些图片，若能用一些几何形状实现操作面板，那自然是极好的。 在 HTML/CSS 中，可以通过 clip-path 属性绘制一些奇奇怪怪的形状。 clip-path 实现的几何形状，无法设置 border，不过可以通过 div 嵌套的方式实现 <t 阅读全文

posted @ 2025-12-17 11:58 疯狂的妞妞 阅读(35) 评论(0) 推荐(0)

2025年12月15日

javascript - 输入框捕获所有输入

摘要： 场景 用于制作更加高级的输入框，比如： US格式的数字，每三位数字一个逗号； 电话号码要这种格式的： 135-1234-5678，输入的时候自动加横杠； 可选开源库 懒得自己写，可以使用：inputmask.js 代码核心 如果你时间比较多，可以自己实现试试， 以下代码，采用 typescript 阅读全文

posted @ 2025-12-15 11:58 疯狂的妞妞 阅读(22) 评论(0) 推荐(0)

2025年11月25日

vue3 - popper.js的简单使用

摘要： popper.js 官网：https://popper.js.org/docs/v2/modifiers/offset/ npm 安装： npm i @popperjs/core element-ui 弹出层底层用的就是这玩意儿 背景： 不见得所有库，都会兼容 vue3，总有一些场景，不会被 vue 阅读全文

posted @ 2025-11-25 11:08 疯狂的妞妞 阅读(233) 评论(0) 推荐(0)

2025年9月2日

多层感知机MLP - helloworld

摘要： 由若干个变量，推出一个结果，变量与结果之间是非线性关系。 MLPRegressor，也叫多层感知机（MLP）回归器，是一种基于神经网络的回归模型。 主要用于处理‌回归任务‌，通过学习输入特征与连续值输出之间的非线性关系，实现预测或拟合。 生产用途： 房价预测 ‌：利用房屋特征（面积、位置等）训练模型 阅读全文

posted @ 2025-09-02 11:34 疯狂的妞妞 阅读(93) 评论(0) 推荐(0)

YOLO11深度学习 - 使用训练好的模型标注图片

摘要： - 标注图片，是一件十分麻烦事情，要真去标注一大堆图片，那一定不是合格的程序员。 先圈画个几十张，训练个模型，之后使用训练好的模型，进行图片标注。 一边升级模型，一边使用模型自动标注，人工进行校对、微调。 注意：这个过程中一定注意核对，避免混入不合格的图片标注，影响模型的质量。 from ultra 阅读全文

posted @ 2025-09-02 08:53 疯狂的妞妞 阅读(97) 评论(0) 推荐(0)

2025年8月22日

YOLO11深度学习 - helloworld

摘要： 依赖库 YOLO 只需要前两个库即可。 其它库在图片分析过程中经常被用到，有兴趣的可以继续学习一下。 # YOLO 系列目标检测模型的官方库，支持训练、推理和部署。 pip3 install ultralytics # 图像标注工具，最好做成独立项目，很容易出现兼容问题，实在装不上可以找现成的 wi 阅读全文

posted @ 2025-08-22 15:39 疯狂的妞妞 阅读(207) 评论(0) 推荐(0)

2025年8月5日

html - 气泡弹窗 popover 的实现

摘要： 实现气泡窗口跟随按钮移动功能 需求：按钮下方弹出气泡窗口，按钮移动时，气泡窗口跟随移动；按钮隐藏时，气泡窗口也跟着隐藏。 直接使用开源库 popper.js：element-ui 气泡窗口的底层实现库，它提供了一套完整的定位算法，能够精确地控制弹出层相对于目标元素的位置。 floating-ui.j 阅读全文

posted @ 2025-08-05 16:44 疯狂的妞妞 阅读(203) 评论(0) 推荐(0)

2025年8月4日

html - 气泡角标

摘要： 气泡窗口的角标，代码语法为 scss，可以通过 AI 转为其它语法。 方案 1：通过 border 实现 所见即所得，角标真的是个三角形，控制好角标的位置，就能得到想要的效果。 /** * 气泡弹窗配套的角标 V1 * * 场景：给组件添加一个角标 * * 缺点： * - 逻辑上偏复杂 * - 要求 阅读全文

posted @ 2025-08-04 19:32 疯狂的妞妞 阅读(44) 评论(0) 推荐(0)

2025年7月31日

openlayer - 气泡浮动窗口

摘要： 核心问题 如果你正常尝试使用 overlay 实现浮动窗口，大概率会遇到这个问题： 使用 overlay 的时候，不论怎样调整 html 的 z-index 都不会生效。 这是因为源码中，父级元素已经固定填 0，子元素无法突破父级的元素堆叠层级。 下一行是关键代码，设置 overlay 的时候，需要 阅读全文

posted @ 2025-07-31 17:29 疯狂的妞妞 阅读(74) 评论(0) 推荐(0)

下一页

导航