表头 前端 页面table
H5页面新增鼠标右击和长按触发事件
H5页面新增鼠标右击和长按触发事件，不影响点击事件。 示例如下： 1.新增触发事件 <van-cell class="list-item" v-for="item in dataSource.list" :key="item.id" @touchstart="longPress(item, inde ......
直播平台搭建，点击跳转到应用设置页面
直播平台搭建，点击跳转到应用设置页面 NSURL *url = [NSURL URLWithString:UIApplicationOpenSettingsURLString]; if ([[UIApplication sharedApplication] canOpenURL:url]) { [[ ......
视频直播源码，scroll-view如何自适应页面剩余高度
视频直播源码，scroll-view如何自适应页面剩余高度 首先想到的方法是通过计算得出scroll-view的高度，使用100vh即视口高度，减去上下两个组件和手机状态栏的高度，得到剩余的高度即scroll-view的高度。 onLoad(options){uni.getSystemInfo({s ......
jsp中display:table根据某列合并其他列
业务需求是这样的：根据前面的列合并后面的列 代码： <body onload="fixRowspan()"> <display:table name="dataList" id="tableList" cellspacing="0" cellpadding="0" requestURI="/x/xx ......
FastAdmin 权限判断，自定义table操作按钮，列表按钮，隐藏按钮，隐藏自定义按钮
一、JS自定义按钮 + 按钮隐藏 1、FastAdmin JS自定义按钮 效果图： 自定义video视频按钮 { field: 'operate', title: __('Operate'), table: table, events: Table.api.events.operate, butto ......
sdl2实现简单的登录页面
#include <SDL.h>#include <SDL_ttf.h>#include <iostream>#include <string>int main(int argc, char* args[]){ if (SDL_Init(SDL_INIT_VIDEO) < 0) { std::cer ......
vue3 keep-alive实现tab页面缓存
先上图 如何在我们切换tab标签的时候，缓存标签最后操作的内容，简单来说就是每个标签页中设置的比如搜索条件及结果、分页、新增、编辑等数据在切换回来的时候还能保持原样。 看看keep-alive是如何实现该功能的。 首先我们要了解keep-alive的基本使用。具体介绍请查看官方文档（https:// ......
前端跨域解决方案——postMessage
在前端开发中，跨域是一个常见的问题，由于同源策略的限制，浏览器不允许在不同源的页面之间直接进行通信。解决跨域问题有多种方式，其中一种常用的方式是使用postMessage。 postMessage是HTML5引入的一种跨文档通信的机制，可以在不同的窗口或框架之间传递数据，即使这些窗口或框架不属于同一 ......
【uni-app】【01】底部导航栏与页面切换
1.（配置文件在哪）uni-app 路由控制是在 pages.json文件中的。 2.（基本配置项有哪些）初学的时候主要有三个配置项，①pages ② globalStyle ③ tabbar [!TOC] 接下来主要是对这三个配置项做一个简单介绍。 pages 负责页面管理。不需要自己写的，你在项 ......
在HTML页面中引入另一个HTML文件内容
##一、在标签中使用import引入 include.html <meta charset="utf-8"> <!-- 新 Bootstrap 核心 CSS 文件 --> <link href="/css/bootstrap.min.css" rel="stylesheet"> <!-- 导入基本样 ......
前端开发环境准备
前情提示，适合有点计算机基础的，然后尽量有自己的梯子 scoop 个人推荐的windows安装包管理器 官网传送门 git 个人推荐安装mingit scoop安装（要点运气，国内时不时墙了Github） scoop install mingit 备用方案：git GitHub传送门 node sc ......
Vue设置默认加载页面，去掉地址栏#号
{ path: '/', component: Login,//想默认启动的页面}, mode:"history" //去掉地址栏的#号 ......
SpringMVC 后台从前端获取单个参数
1.编写web.xml(模板) 2.springmvc配置文件 3.编写对应数据库字段的pojo实体类 @Data @AllArgsConstructor @NoArgsConstructor public class User { private int id; private String na ......
常用代码-接口交互+构建页面
点击#search，无参请求，构造表格 代码： function getDataSet() { $("body").on("click", "#search", function () { $.ajax({ type: "get", url: "http://114.67.241.121:8080/ ......
sql语法错误[1093] You can't specify target table 'score' for update in FROM clause
不能在同一张表中将查询非结果集作为更新条件执行 将需要的结果集外层套一层自查询如 update a set a.num=a.num+1 where a.name in (select a.age from a where xx=xxx) ;报错 [1093] You can't specify ta ......
博客园页面展示--前端及样式代码
这是一个博客园的首页面的展示前端代码和样式代码 样式代码CSS采用外部链接，建好文件直接复制运行vscode即可，话不多说，直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mickey - 博客园</title> < ......
react18中antd的Upload组件上传头像，并且拿到服务器返回的头像的url地址在页面中显示头像
业务需求：上传头像，上传完毕后拿到头像的url，把头像展示在页面中，最终把头像url和其他用户信息一起发送给服务器 上传头像流程 导入 Upload 组件和图标(一个加号，一个加载中) import { Upload } from 'antd'; import { PlusOutlined, Loa ......
仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
Flask框架 之Flask-caching数据页面缓存
一、配置 CACHE_TYPE: 设置缓存的类型下面五个参数是所有的类型共有的CACHE_NO_NULL_WARNING = "warning" # null类型时的警告消息CACHE_ARGS = [] # 在缓存类实例化过程中解包和传递的可选列表，用来配置相关后端的额外的参数CACHE_OPTI ......
uni-app 页面传值 tabbar切换
场景：tabbar页面是展示一个列表，页面中有一个搜索按钮，点击按钮进入搜索页面，输入字段以后返回tabbar页面展示相应的搜索结果，切换tabbar页面后搜索条件置空 方案1：使用navigateTo 跳转传值 坑1：因为搜索页要跳转的是tabbar页面，不能直接使用navigateTo 跳转，只 ......
win10 锁屏页面获取
因为觉得 win10 锁屏页面比较好看，有时候能够根据日期变换，因此写个脚本获取锁屏页面封面《冬天的谎言 -Snow World End-》 win10 原生锁屏 根据查阅资料，win10 的锁屏图片保存在 C:\Users\你的用户名\AppData\Local\Packages\Microsof ......
Bootstrap Table表格中存放下拉框，读取数据填充到下拉框
初学Bootstarp，个人感觉一个功能非常强大的前端框架，由于学习的路途也不是一番风顺的，难免会遇到问题，将遇到的问题整理，可以时常看看，加深记忆。 最近做表格需要在表格中加入<select>标签，将数据填充到下拉框，无奈搞了好几个小时也没有成功，最后经过请教身边的大佬，得以解决。 代码如下:ht ......
前端笔记-利用thymeleaf隐藏显示input及label
https://blog.csdn.net/qq78442761/article/details/104818137 <!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <link rel="styles ......
关于Nginx作为http-web服务器时对404错误页面的配置
当我们访问一下Ngin部署的网站时，如果访问一个不存在的资源时，默认服务端会返回404错误，如下所示 其实这个页面，我们也是可以自己创建一个页面作为404的返回的，可以通过 即可以通过error_page code ... [=[response]] uri; 进行配置 其他说明: 关于error_ ......
劝人写码，千刀万剐——“前端已死”难道要成真了？
移动互联网的兴起，传统行业的数字化转型，大前端技术的普及，随之而来的就是Vue为代表的前端框架和工具的兴起，前端开发的门槛降低。但发展，稳定，衰落是亘古不变的事物发展规律。 一些有趣的迹象 最近逛社区，发现“前端已死”的说法跟恶狗进了鸡圈一般，在圈内就炸了锅！网友表示：我贼能加班贼能内卷，但还是没人 ......
小鹿线前端怎么样？
现在 web 前端开发开发技术在不断地迭代更新，有很多从事前端开发的程序员在技术上会遇到瓶颈，这个时候小伙伴就应该通过不断的学习开发技术知识，来提升自身的开发技术水平，那小伙伴应该怎么来学习呢？ 1.梳理清楚知识体系框架 学习前端开发技术，不管是入门还是进阶，一定都要有知识体系建设的想法。就算是刚开 ......
EasyCVR视频融合平台视频播放限制时长功能前端与后端配置的区别
EasyCVR平台还能支持多类型设备接入，覆盖市面上绝大多数的视频源设备，包括：IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力，在线下具有丰富的应用场景，包括：智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。... ......
【前端可视化】前端大屏适配方案
方案一：rem 单位+动态设置 html 的 font-size 动态设置 html 根字体的大小和 body 字体大小（使用 lib_flexible.js） 将设计稿的宽（1920）平均分成 24 等份，每一份 80px； html 根字体大小就设置为 80px，即 1rem = 80px，24 ......