摘要: ‌Alpine.js‌ 是一个轻量级的前端框架,旨在为开发者提供一种简单而强大的方式来构建动态用户界面。它的设计理念是“少即是多”,通过极简的 API 和极小的体积,让开发者能够快速上手并构建出功能丰富的交互式网页‌。 技术特点 ‌极简的 API‌:Alpine.js 的 API 设计非常简洁,开发 阅读全文
posted @ 2024-12-06 17:18 carol2014 阅读(56) 评论(0) 推荐(0) 编辑
摘要: Select2.js 是一个基于 jQuery 的 选择框 控件,它允许开发者创建更加美观、易用的下拉选择框。 特性:支持搜索功能、支持分组显示、支持动态数据加载、支持多选操作、支持自定义样式 简单使用 <script src="../plugins/jquery/jquery-1.12.4.min 阅读全文
posted @ 2024-12-06 15:23 carol2014 阅读(211) 评论(0) 推荐(0) 编辑
摘要: lunr.js也是一个可以提供搜索的组件,只是不支持中文搜索和模糊搜索。也提供了匹配度分数。 <script src="../plugins/lunr-js/lunr.js"></script> <script> //不支持中文检索和模糊检索 //英文支持检索,不区分大小写,整个单词匹配 const 阅读全文
posted @ 2024-12-06 09:11 carol2014 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 前端检索组件除了flexsearch.js,还可以使用fuse.js。fuse.js支持中文检索,且较flexsearch.js提供了模糊检索、匹配度分数以及权重检索等。 简单使用 <script src="../plugins/fuse/fuse.min.js"></script> <script 阅读全文
posted @ 2024-12-06 09:06 carol2014 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 说明文档往往有搜索框,可以根据关键字检索文档内容。我有时疑惑这种检索是后端DB检索还是其它的呢? 拿bootstrap-table的说明文档看下:是由algolia提供的检索服务api 那简单的内容页面如果不想用检索服务,不用Elasticsearch、Apache Solr、Sphinx这些全文搜 阅读全文
posted @ 2024-12-05 17:15 carol2014 阅读(44) 评论(0) 推荐(0) 编辑
摘要: jquery版本引起的bootstrap-table组件表格未能渲染 最近写一个带分页的页面,使用了bootstrap-table组件,表格数据怎么都渲染不出来,控制台打印出了下面的信息: 一时有点懵,确认js代码及bootstrap-table用法没有任何问题后,将数据放入以前可正确渲染的页面中, 阅读全文
posted @ 2024-12-04 17:07 carol2014 阅读(34) 评论(0) 推荐(0) 编辑
摘要: form中button未指明type时,默认type为submit 遇到了一个奇怪的现象:一个按钮打开一个Bootstrap模态框,模态框有几个表单字段和两个按钮,两个按钮可以关闭模态框,点击其中一个按钮关闭模态框后页面居然刷新了。 仔细检查后发现点击的按钮未指明type,浏览器把按钮type默认为 阅读全文
posted @ 2024-12-04 16:51 carol2014 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 突然被告知DB中某个关键字段长度要增大,涉及到N张表,改起来超麻烦,想着用代码改,比较少写这种增删表或者改变表结构的代码,记录下。 import pymysql def modifyFieldVarcharLen(config, new_column_length): connection = py 阅读全文
posted @ 2024-11-22 16:21 carol2014 阅读(6) 评论(0) 推荐(0) 编辑
摘要: 要写一个媒体文件切片上传,上传到server后FTP传输到远端server。FTP上传很简单,切片上传找到了resumable.js这个组件库。 写demo记录下。 前端 <fieldset> <legend>video preview</legend> <div> <video id="video 阅读全文
posted @ 2024-10-30 16:35 carol2014 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 在一个英文博客上看到用css实现的时间线,看着还是很简单的,写个demo记录下。 <style> .events::before { content: ""; position: absolute; top: 0; height: 100%; width: 1px; left: 50%; backg 阅读全文
posted @ 2024-10-14 15:44 carol2014 阅读(65) 评论(0) 推荐(0) 编辑