表头 前端 页面table
Java后端向前端返回文件流——实现下载功能
前端实现文件下载功能有多种方法，这里就不一一介绍，这里只介绍使用文件流下载的实现方法。 既然是文件流那就肯定需要给前端返回一堆二进制编码，作为后端就可以返回一个OutPutStream 后端可以使用Java中servlet提供的HttpServletResponse，核心步骤是要设置响应的数据类型， ......
element-ui中table组件的全选禁用遇到的坑？
elementui只提供了除全选之外其他复选框的禁用方法： <el-table-column type="selection" width="80" align="center" :selectable="selectable" ></el-table-column> // 禁用table中的复选框 ......
vue前端几个常用的方法
1，字符串数组去重的方法 一、使用set结构去重 set是ES6中的一种数据结构，可以去除重复元素，其特征为无序且不重复，经常用于数组去重的场景。 let arr = [1, 2, 2, 3, 3, 4, 5]; let set = new Set(arr); arr = Array.from(se ......
在低代码平台里给页面变量赋值
在低代码平台中，变量扮演着非常重要的角色，它们是数据管理和流程控制的关键工具。就像在传统的编程语言中一样，变量被用来存储、引用和操作数据。在低代码环境中，这些变量有助于简化复杂的逻辑，提高代码的重用性，使非程序员更易于理解和使用。 首先，我们先来解释一下什么是变量。在计算机编程中，变量是一种存储数据 ......
搭建前端项目框架流程思路
从零开始一个项目，第一步就是搭建项目框架，接下来会总结一下搭建框架的基本思路 第一步确认好项目所使用的框架技术 vue2、vue3或者react,打开对应框架技术的官网，根据教程跑一个最基本的项目，当然在创建项目过程时依需勾选相应需求 第二步，完成第一步项目的基本雏形就有了，在真正开发过程中都是使用 ......
在低代码平台执行 API 请求并将结果显示在页面上
低代码开发平台（Low-Code Development Platform）是一种用于构建应用程序的软件开发环境，它允许开发者通过图形化的方式，而非传统的手动编码方式来创建应用程序。这种方式大大减少了开发应用程序所需的代码量，因此称为 `低代码`。 低代码平台的核心是其拖放式的用户界面，这允许开发者 ......
基于JS实现回到页面顶部的五种写法(从实现到增强)
这篇文章主要介绍了基于JS实现回到页面顶部的五种写法(从实现到增强)的相关资料,本文介绍的非常详细，实用性也非常高，非常具有参考借鉴价值，需要的朋友可以参考下 写法 【1】锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该 ......
微信 H5 页面兼容性——卸载页面时可靠的发送 HTTP 请求
有时候，当用户离开网页时，需要向服务器提交一些用户行为的统计信息。这时，传统的请求方式，数据可能无法发送，因为浏览器已经把页面卸载了。 为了能够成功发出请求，并让服务器处理，需要解决两个问题： - 监听微信 H5 页面的卸载； - 在页面卸载事件里，在浏览器后台保持 HTTP 连接，继续发送数据。可 ......
使用postMessage实现iframe和父页面通信
## 语法 语法 otherWindow.postMessage(message, targetOrigin, [transfer]); otherWindow 其他窗口的一个引用，例如向子窗口发送 则otherWindow 是子窗口的window对象 ## 父页面向子页面Iframe通信 ``` ......
RabbitMQ 管理页面该如何查看有哪些连接
用浏览器访问 http://192.168.1.100:15672 默认 用户名：admin 密码： admin 登陆后显示 在 Connections 页中 查看所有连接 ......
【校招VIP】前端算法考察之排序
考点介绍： 不同的场景中，不同的排序算法执行效率不同。 稳定：冒泡、插入、归并 不稳定：选择、快速、堆排序、希尔排序 一、考点题目 1、使用js实现数组的快速排序 解答：快速排序使用了冒泡+分治的思路。 每轮从数组中取出一个数作为基准；在排序过程中，小于或等于基准数的全部放到基准的左边，大于基准的全 ......
vue3同一页面内重复引用同一操作dom的组件产生的问题
##### [2023年8月28日12:39:40] ## vue3同一页面内标签``重复引用同一组件，且该组件内使用css选择器进行dom操作导致页面内相同组件发生变化的问题解决记录 组件内进行dom操作，需要通过js方法进行选择器的元素获取，但当vue3全部渲染完毕后，页面内有多个id为test ......
前端大数精度处理方案
问题 在我们常见的 JavaScript 数字运算中，小数和大数都是会让我们比较头疼的两个数据类型。 在大数运算中，由于 number 类型的数字长度限制，我们经常会遇到超出范围的情况。比如：后端给前端返回一个数字类型的 id，但是前端对这个 id 不做任何处理，直接使用到下一个给后端请求的时候，接 ......
【转】前端 commit 规范
【转】前端 commit 规范 什么是约定式提交 约定式提交（Conventional Commits）是一种用于代码版本控制的规范，旨在通过明确和标准化提交信息来提高代码协作质量和效率。其基本原则是通过规定提交信息的结构和语义来提高代码版本控制的可读性、可维护性和自动化程度。 约定式提交规范通常要 ......
搭建前端Vue框架的步骤，包括TypeScript、ESLint、Prettier和Vite的配置
搭建前端Vue框架需要以下步骤： 1. 安装Node.js和npm 2. 创建一个新的Vue项目 ``` vue create my-project ``` 3. 安装TypeScript ``` npm install --save-dev typescript ``` 4. 配置TypeScri ......
js 判断如果是移动端就自动跳转到 移动端的页面上去
js 判断如果是移动端就自动跳转到 移动端的页面上去 <script> !(function(){ const userAgent=naviator.userAgent; const android=userAgent.match(/(Android);?[\s\/]+([\d.]+)?/); co ......
5个前端开源项目带你在Web上体验Windows
本文来分享五个 yyds 的开源项目，这些项目把 Windows 带到了 Web 平台上。让我们一起感受这些项目带来的回忆和创新，重温 Windows 93、98、XP 和 7 的经典界面，甚至探索现代概念中的 Windows 11 和 12！ Windows 12 使用 JavaScript、CS ......
页面简介
uni-app项目中，一个页面就是一个符合Vue SFC规范的 vue 文件。 在 uni-app js 引擎版中，后缀名是.vue文件或.nvue文件。 在 uni-app x 中，后缀名是.uvue文件 这些页面均全平台支持，差异在于当 uni-app 发行到App平台时，.vue文件会使用we ......
Stable Diffusion Web UI页面CCS无效问题
安装后进入http://127.0.0.1:7860，Stable Diffusion Web UI页面CCS好像没有加载成功，显示如下： 最后发现，在webui-user.bat加入share参数后，页面正常了 set COMMANDLINE_ARGS share ......
minxin（因为当接口返回的数字如1,2,3代表着及格，良好，优。刚好页面上渲染用得多这时封装混入需要就直接调用）
创建文件夹minxins 文件名xxx.js export default function () { let val = ''; let courseTypeFn = (type) => { switch (type) { case 1: val = '及格'; break; case 2: va ......
普通表格table样式美化
```css table { width: 100%; border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #e9e9e9; } table th { background: #f7f7 ......
使用哪种注解处理后台Map参数类型，探究前端发送请求URL限制
## 如何处理接口参数是Map类型探究URL限制 ### 法1：前端发送Get请求 需求：为了得到分页结果，我将分页时需要的参数封装到Map中进行传递 ```java @GetMapping("/page") public R queryPage(@RequestParam Map params){ ......
敏感字段页面加密
网页对敏感字段进行加密显示，这里可以由后台返回的加密数据前端直接渲染。 这里可以使用hutool的工具包进行加密。 引入依赖 <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version> ......
element-ui（table表格）
当el-table元素中注入data对象数组后，在el-table-column中用prop属性来对应对象中的键名即可填入数据，用label属性来定义表格的列名。可以使用width属性来定义列宽。 <el-table :data="tableData" style="width: 100%"> <e ......
Nginx配置站点502维护页面
在站点后端服务如果宕掉或在重启的时候，用户访问网站时，nginx引导跳转到网站维护页面。 为了实现这个功能，需要在Nginx配置中做两件事情： 定义一个备用的错误页面：为Nginx设置一个备用页面，当后端服务不可用时，它将显示这个页面。 使用proxy_intercept_errors指令：使Ngi ......
【校招VIP】前端校招考点之页面转换算法
考点介绍： 在地址映射过程中，若在页面中发现所要访问的页面不在内存中，则产生缺页中断。当发生缺页中断时，如果操作系统内存中没有空闲页面，则操作系统必须在内存选择一个页面将其移出内存，以便为即将调入的页面让出空间。而用来选择淘汰哪一页的规则叫做页面置换算法。 一、考点题目 1、下述（）页面淘汰算法会产 ......
移动前端不得不了解的html5 head 头标签
本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。 移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML 头部标签功能，特别是meta标签显得非常重要。 DOCTYPE DOCTYPE(Document Type)，该声明位于文档中最前面 ......
uniapp路由跳转后通过uni.$emit和uni.$on页面通讯后，接收到数据但是却赋值不了
原因：跳转到未渲染过的页面时，页面还没渲染就进行赋值操作，所以赋值不上去。 如果往后跳转，可以使用 uni.$emit和uni.$on页面传值。即uni.navigateBack({delta:1})，尽量不要使用uni.navigateTo（会造成页面重叠）。 能够接收到数据并赋值。 解决办法：使 ......
用AR和VR改变网页体验 - 前端黑科技大揭秘
随着科技的不断发展，前端技术也在不断演进。近年来，增强现实（AR）和虚拟现实（VR）技术的崛起，为网页体验带来了全新的可能性。本文将探讨如何利用AR和VR技术来改变网页体验，为读者带来前所未有的视觉和交互体验。 ## AR技术在网页中的应用 AR技术通过将虚拟元素叠加在现实世界中，为用户创造出全新的 ......