2025年12月18日

html - clip-path绘制工具

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

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

2025年12月17日

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

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

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

2025年12月15日

javascript - 输入框捕获所有输入

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

posted @ 2025-12-15 11:58 疯狂的妞妞 阅读(4) 评论(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 疯狂的妞妞 阅读(50) 评论(0) 推荐(0)

2025年9月2日

多层感知机MLP - helloworld

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

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

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

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

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

2025年8月22日

YOLO11深度学习 - helloworld

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

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

2025年8月5日

html - 气泡弹窗 popover 的实现

摘要: 需求:点击按钮的时候,下方弹出气泡窗口,按钮移动的时候,按钮跟随移动,按钮隐藏的时候,气泡跟着隐藏。 使用布局实现 通过 CSS 样式实现的吸附窗口,开发第一优选; 优点:性能最好,可以通过 style 微调属性; 缺点:多嵌套了一层 div,可能会影响布局。 比如:button-group 会失效 阅读全文

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

2025年8月4日

html - 气泡角标

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

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

2025年7月31日

openlayer - 气泡浮动窗口

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

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

导航