12 2024 档案

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

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

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

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

摘要：说明文档往往有搜索框，可以根据关键字检索文档内容。我有时疑惑这种检索是后端 DB 检索还是其它的呢？ 拿 bootstrap-table 的说明文档看下：是由 algolia 提供的检索服务 api 简单的内容页面如果不想用检索服务，不用 Elasticsearch、Apache Solr、Sphi 阅读全文

摘要：jquery 版本引起的 bootstrap-table 组件表格未能渲染 最近写一个带分页的页面，使用了 bootstrap-table 组件，表格数据怎么都渲染不出来，控制台打印出了下面的信息： 一时有点懵，确认 js 代码及 bootstrap-table 用法没有任何问题后，将数据放入以前可 阅读全文

摘要：form中button未指明type时，默认type为submit 遇到了一个奇怪的现象：一个按钮打开一个Bootstrap模态框，模态框有几个表单字段和两个按钮，两个按钮可以关闭模态框，点击其中一个按钮关闭模态框后页面居然刷新了。仔细检查后发现点击的按钮未指明type，浏览器把按钮type默认为s 阅读全文