carol2014 - 博客园

2025年5月

摘要：过滤 SQL 注入字符 /** * 过滤SQL注入高危字符（严格模式） * @param string $input 用户输入 * @return string 过滤后的安全字符串 */ function filterStr($input) { // 正则匹配高危字符（包括注释、引号、逻辑运算符等）阅读全文

posted @ 2025-05-19 17:15 carol2014 阅读(7) 评论(0) 推荐(0)

使用js截图组件screenShotPlugin.js截图和前端文字识别组件tesseract.js识别截取区域内容

摘要： screenShotPlugin github地址： https://github.com/likaia/js-screen-shot/tree/master <script src="../plugins/screenShotPlugin.umd.js"></script> <div id="ap 阅读全文

posted @ 2025-05-14 09:44 carol2014 阅读(278) 评论(0) 推荐(0)

css之RGB和HSL颜色模型

摘要： css常用颜色定义预定义的颜色名称：简单直观，颜色数量有限，语义不明确。十六进制：使用 # 开头，后跟 3 位或 6 位十六进制数表示红、绿、蓝通道值。简洁紧凑，浏览器兼容性最佳，可读性差，难以直接理解颜色属性。 RGB/RGBA：通过红、绿、蓝通道值定义颜色，可附加透明度（Alpha 通道）。阅读全文

posted @ 2025-05-07 15:21 carol2014 阅读(74) 评论(0) 推荐(0)

使用css属性position: sticky实现表格前5列和首行固定

摘要： position: sticky 是 CSS 中一种实用的定位方式，使元素在滚动时根据阈值在相对定位和固定定位之间切换。混合定位：元素默认表现如 position: relative，当滚动到指定阈值（如 top: 10px）时切换为 position: fixed，滚动出父容器后恢复。阅读全文

posted @ 2025-05-05 09:33 carol2014 阅读(116) 评论(0) 推荐(0)

2025年4月

js使用exceljs组件读excel文件单元格的实际值而非显示值

摘要：最近要写一个页面，上传 excel 文档，读一些固定栏位存入 DB，并做一些简单的计算，计算均值、标准差等。原本很简单的需求，计算的结果却和 excel 中公式计算结果对不上，并且相差不少，绝不是简单的 2.0 变成 2.0000000001 的问题。仔细检查发现原来 excel 中有些单元格中是小阅读全文

posted @ 2025-04-30 10:36 carol2014 阅读(116) 评论(0) 推荐(0)

2025年2月

盘点一些不常用却非常有用的css属性

摘要：有一个页面本来使用 2 组的 Bootstrap 的 List Group + Card(里面嵌套List Group的子项目数量的表格)，现在要增加 1 组变成 3 组，本来使用 row 和 col-2 类页面呈现还算布局合理，然增加 1 组后不能再使用 row 类(表格内容需要一定宽度显示)。只阅读全文

posted @ 2025-02-25 10:07 carol2014 阅读(27) 评论(0) 推荐(0)

2024年12月

js前端框架alpine.js使用

摘要： Alpine.js 是一个轻量级的前端框架，旨在为开发者提供一种简单而强大的方式来构建动态用户界面。它的设计理念是少即是多，通过极简的 API 和极小的体积，让开发者能够快速上手并构建出功能丰富的交互式网页技术特点极简的 API：Alpine.js 的 API 设计非常简洁，开发者只需掌握少量的阅读全文

posted @ 2024-12-06 17:18 carol2014 阅读(377) 评论(0) 推荐(0)

js下拉框组件select2使用总结

摘要： Select2.js 是一个基于 jQuery 的选择框控件，它允许开发者创建更加美观、易用的下拉选择框。特性：支持搜索功能、支持分组显示、支持动态数据加载、支持多选操作、支持自定义样式简单使用 <script src="../plugins/jquery/jquery-1.12.4.min 阅读全文

posted @ 2024-12-06 15:23 carol2014 阅读(971) 评论(0) 推荐(0)

js前端搜索组件lunr.js使用

摘要： lunr.js也是一个可以提供搜索的组件，只是不支持中文搜索和模糊搜索。也提供了匹配度分数。 <script src="../plugins/lunr-js/lunr.js"></script> <script> //不支持中文检索和模糊检索 //英文支持检索，不区分大小写，整个单词匹配 const 阅读全文

posted @ 2024-12-06 09:11 carol2014 阅读(137) 评论(0) 推荐(0)

js前端模糊搜索组件fuse.js使用

摘要：前端检索组件除了 flexsearch.js，还可以使用 fuse.js。fuse.js 支持中文检索，且较 flexsearch.js 提供了模糊检索、匹配度分数以及权重检索等。简单使用 <script src="../plugins/fuse/fuse.min.js"></script> <s 阅读全文

posted @ 2024-12-06 09:06 carol2014 阅读(448) 评论(0) 推荐(0)