- 博客(171)
- 资源 (4)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 输入框实现placeholder 变成 title 展示
本文实现了一个带浮动标签的输入框组件。采用方案二通过CSS实现：初始显示placeholder样式的label，聚焦或输入时label上浮并缩小字体。关键点包括：1. 使用相邻兄弟选择器（+）控制label样式变化；2. 添加transition实现平滑动画；3. 配合:valid和required确保输入合法性检测。组件通过React封装，支持自定义标签和类型，CSS采用相对定位实现标签浮动效果，聚焦时字体从18px缩小到12px并有位移动画。
2025-11-07 15:42:28
323
原创 php + docker + idea debug
Docker环境下PHP 7.0的Xdebug配置指南 为在Win10+Idea中调试Docker容器内的PHP代码，需手动编译Xdebug 2.7.2生成.so文件，配置php.ini（cli/fpm双版本）并设置远程调试参数。关键点包括：映射宿主机地址为host.docker.internal，Idea监听9099端口（无需容器暴露），正确配置Servers路径映射，触发调试需携带XDEBUG_SESSION_START参数。注意避免idekey冲突（慎用remote_autostart），可通过xde
2025-09-01 13:49:52
1018
原创 canvas 图片渲染跨域
在实现canvas 画图的时候遇到 ```has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource```
2025-07-25 15:02:52
401
原创 css 实现自定义虚线
这个参数可以让你在背景上画一条线，参数 分别是从左到右，由0% 的位置开始黑色 到 50% 的位置渐变到黑色，再由 50% 的黑色渐变到 50% 的背景色。这个参数会使你的横线只有1px 宽，12px 长，但是虚线还是只有一根，或者就是一堆x y 轴上都是密密麻麻的。原理就是渐变的差值为0 所以相当于就是有50% 的黑色线条 50% 的背景色，看起来就像是虚线里的一个横。但是这样会有个问题这个横线很长，那就要配置一个 background-size。发现使用这个虽然是虚线但是很短密密麻麻的。
2025-01-15 15:13:23
737
原创 react 实现自动创建api 请求文件
swagger openapi, error commander@12.0.0: The engine “node” is incompatible with this module. Expected version “>=18”.
2024-04-25 11:11:03
630
原创 mysql 索引前缀
Specified key 'uniq_code' was too long; max key length is 767 bytes.前缀索引
2024-02-21 10:03:16
417
原创 记一次less-loader 报错
Less Loader has been initialized using an options object that does not match the API schema options has an unknown property 'javascriptEnabled'
2024-01-22 10:59:52
596
原创 React Promise 中断
如果用的人在cancel 的时候又点击了一下上传，那么就完了， 这个方法里的isCancel 又会变成 false。如果uploadFiles 执行时间很长。
2023-09-27 14:05:11
577
原创 centos 缺少 libssl.so.10
error while loading shared libraries: libssl.so.10: cannot open shared object file: No such file ...
2023-07-18 16:02:22
2758
原创 centos 安装pyzbar
ImportError: Unable to find zbar shared library centos 安装 zbar
2023-07-18 10:47:26
2344
原创 centos 安装 libjpeg
libjpeg.so.8: cannot open shared object file: No such file or directory centos 编译安装安装 libjped9
2023-07-18 10:16:18
2488
原创 dockerfile 安装miniconda
【代码】dockerfile 安装miniconda。CommandNotFoundError: Your shell has not been properly configured to use ‘conda activate’
2023-04-21 15:24:49
4195
原创 python 加密库 pycrypto 报错
在使用python 做加密的时候报错 File "/home/ateam/anaconda3/lib/python3.8/site-packages/Crypto/Random/_UserFriendlyRNG.py", line 77, in collectt = time.clock()
2023-04-19 15:52:27
467
原创 k8s 配置ingress 并做一个demo
• k8s 配置好之后除了 nodeport 以外都是对集群内部的行为• 使用nodeport 并不是很友好，要自己处理很多的端口管理• 使用ingress 可以更好的整合配置服务
2023-02-28 11:10:43
702
原创 k8s pod deployment service ingress 关系
daemonSet 是pod 上的一个守护进程，正常流程下我们可以忽略这个东西都存在，因为他是自动的，但如果你要进行日志收集等行为，可以通过这个来实现。pod 可以通过 Deployment 直接创建，也可以通过 Service 来创建，Deployment 和 Service有不一样的权能。以上的都是对集群内部的服务，顶多service 暴露一个nodePort 可以让外部访问一下，但也不是什么优解。pod 就相当于是 Docker 的一个容器，可以认为这是一个微服务比如：mysql，redis 等。
2023-02-27 14:53:24
809
原创 react16 兼容ie9
要兼容ie 需要安装 core-js 和 react-app-polyfill， 当然也有其他的polyfill 的解决方案，可以自行选择，在webpack.config.dev.js 文件中找到 entry，查看app 的入口文件是哪个，在入口index.js 文件最上方加上， 注意一定要在 react 和react-dom 之前加
2022-11-29 13:37:43
1687
2
原创 js 对html string 做裁剪
html 代码太过于长，导致页码很卡，将html string 注入到网页，然后通过dom 的方式进行裁剪
2022-10-18 16:24:41
433
原创 react fabricjs 使用小结 （含demo）
fabricjs 的使用和部分踩坑记录，禁用右键默认，画框，画图，画字，画线，滚轮放大缩小
2022-09-26 13:41:08
3052
原创 windows docker 获取uuid
在尝试了各种情况之后发现，如果关闭 wsl2 的启动，直接使用win10 的 Hyper-v 来启动的话。因为技术需要，我把代码放到windows 的 docker 下，但是发现没有这个目录。但是这个方案需要修改代码，这样的话这边就需要维护两套代码并不是很合理。这个参数可以让docker 获取到机器的信息，然后通过。来获取磁盘的uuid。
2022-08-23 15:00:00
1242
原创 win10 docker .vhdx 文件过大
win10 docker 占用空间过大，做压缩，但是按照电脑本身就是会被重启的逻辑来看，关闭之后启动docker 理论上应该是必要的。
2022-08-09 15:03:03
2255
laravel 目录的代码有什么区别
2018-06-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人