摘要:
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> <script 阅读全文
摘要:
说明文档往往有搜索框,可以根据关键字检索文档内容。我有时疑惑这种检索是后端DB检索还是其它的呢? 拿bootstrap-table的说明文档看下:是由algolia提供的检索服务api 那简单的内容页面如果不想用检索服务,不用Elasticsearch、Apache Solr、Sphinx这些全文搜 阅读全文
摘要:
jquery版本引起的bootstrap-table组件表格未能渲染 最近写一个带分页的页面,使用了bootstrap-table组件,表格数据怎么都渲染不出来,控制台打印出了下面的信息: 一时有点懵,确认js代码及bootstrap-table用法没有任何问题后,将数据放入以前可正确渲染的页面中, 阅读全文
摘要:
form中button未指明type时,默认type为submit 遇到了一个奇怪的现象:一个按钮打开一个Bootstrap模态框,模态框有几个表单字段和两个按钮,两个按钮可以关闭模态框,点击其中一个按钮关闭模态框后页面居然刷新了。 仔细检查后发现点击的按钮未指明type,浏览器把按钮type默认为 阅读全文