前端form
61.Vite打包+tomcat运行打包后的前端文件
1.初始化vue Vite项目 可以去官方网站查看如何创建：http://www.vitejs.net/ 2.打包： 先正常运行自己创建的项目，看是否能正常运行：pnpm run dev 如果正常运行，可以停止运行，执行打包指令：pnpm run build 打包好后会生成一个dist文件夹。里面就 ......
前端录制与回放
1. 背景 1.1 selenium等自动化测试工具 1.2 webRTC屏幕录制 1.3 rrweb+rrwebplayer 2. 对比 selenium适用于自动化测试、自动运行脚本；webRTC适用于录制视频与上传分析；rrweb适用于后台录制与行为分析。都可用来排查问题、指导用户操作等场景。 ......
前端学习之nvm
接手了新的项目 需要使用nodejs，但是版本又不同如何解决呢 如果自己下载配置环境变量也太复杂了 下载nvm https://nvm.uihtm.com/download.html 使用nvm 下载node nvm install node版本号 切换版本 nvm use node版本号 查看所有 ......
vue的form表单按回车键刷新
当vue的form表单只有一个输入框时，按回车会触发刷新整个页面，可以在form上用@submit.native.prevent来阻止刷新 <el-form ref="form" :model="form" :rules="rules" label-width="60px" @submit.nati ......
直播程序，纯时间比较(时分)，不含日期，js前端比较
直播程序，纯时间比较(时分)，不含日期，js前端比较 //ajax请求后返回的数据success : function(data) {for (var i = 0; i < data.length; i++) {var rows = data[i];var rowTimeBegin=(parseIn ......
前端页面居中详解
在前端页面中，有多种方法可以实现居中布局。以下是一些常见的方法： 1. 使用Flexbox布局：可以使用Flexbox布局将元素水平和垂直居中。通过设置父元素的`display: flex;`、`justify-content: center;`和`align-items: center;`属性，可 ......
前端：轮播图
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
【校招VIP】前端算法考点之快慢指针题型
考点介绍： 链表是校招面试里手撕代码出现频度比较高的题型，三线和中小厂会考察简单的链表反转，大厂会进一步考察复杂度和双指针问题，比如中间元素、是否存在环等。 一、考点题目 1.一个长度为n的单向链表，用O(1) 空间复杂度来实现倒转输出，使用最低时间复杂度 解答：单向链表，直接设结点 Node he ......
前端的一个小小的：倒计时
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
aspx.cs后台如何把datatable显示在前端页面
aspx.cs后台如何把DataTable数据显示在前端页面 1.首先我们在前端的aspx文件中，写一个带有 asp:Repeater控件的table 注意：一定要给asp:Repeater控件写一个ID，我们是通过这个id赋值的。 2.这个方法无论数据是DataTable格式的，还是List格式的 ......
JavaScript动态生成Form提交
function post(url, params) { var tempForm = document.createElement("form"); tempForm.action = url; tempForm.method = "post"; tempForm.style.display = ......
Javascript动态创建FORM提交
Javascript动态创建FORM提交 <script language="javascript" type="text/javascript"><!-- //function that creates the form, adds some elements //and then submits ......
js前端excel导出带图片(亲测可用)
1，js-table2excel npm包有问题，导出后一片空白 2，改写一下js-table2excel /* eslint-disable */ let idTmr; const getExplorer = () => { let explorer = window.navigator.user ......
一台云服务器一个域名下，如何运行多个JAVA后端项目和多个VUE前端项目
拿若依前后端分离版项目举例： 修改前端代码 ruoyi-ui/vue.config.js // 二级目录名称ruoyi-ui publicPath: '/ruoyi-ui/', ruoyi-ui/src/router/index.js export default new Router({ mode ......
记录--解决前端内存泄漏：问题概览与实用解决方案
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 内存泄漏是前端开发中的一个常见问题，可能导致项目变得缓慢、不稳定甚至崩溃。在本文中，我们将深入探讨在JavaScript、Vue和React项目中可能导致内存泄漏的情况，并提供详细的代码示例，以帮助开发人员更好地理解和解决这些问题。 第一 ......
撮合前端平台在低代码平台的落地实践
基于传统认知，前端产品直接触达消费者，往往具有高度的定制化、需求变更频繁等特点，要求具有很好的动态性, 能够满足不同客户的需求。那么能否建设类似的前端中台产品，我们姑且称之为“前端领域产品”，实现接入团队端到端能力复用呢？我们在撮合业务线中进行了一系列思考和探索。 ......
前端面试笔记
#css ###常见的水平居中实现方案 * flex布局方案 ```html ``` ```css .father{ width:100%; height:20%; background-color:red; display:flex; justify-content: center; align- ......
值得收藏的前端开发必备工具类函数
/** * 空值： [undefined, null, NaN, [], {}], 注意非空：0, false; * @param {*} value * @returns Boolean */ function isEmpty(value) { switch (Object.prototype.t ......
前端token获取存储
// 存储的token的KEY export const TOKEN_KEY = 'token-user'; // 获取token 接口url export const TOKEN_URL = ''; // 跳转登录地址 export const LOGIN_URL = ''; // 获取 toke ......
前端编辑器
、 5年及以上前端开发工作经验； 2、 精通javascript、html5等前端技术； 3、 熟练ueditor、wangEditor、TinyMCE、kindeditor等编辑器中一种及以上的二次开发工作； 4、 对有ueditor二次开发经验者优先； 5、 能有积极主动的工作态度和团队合作精神 ......
【Javascript】前端对文件进行md5计算再上传，以节省OSS云端存储空间
## 安装插件 browser-md5-file [browser-md5-file 用于计算文件md5](https://www.npmjs.com/package/browser-md5-file)，文档介绍较少，看看就能使用↓ ，二是clipboard 相关api。通过举例讲解了这些api的使用和功能的实现 ......
【校招VIP】校招考点之前端安全和注入
考点介绍： 随着前端的快速发展，各种技术不断更新，前端的安全问题也越来越值得我们重视。千万不要等到项目上线之后才去重视安全问题，到时候被黑客攻击一切都太晚了。今天的专题将讲述前端几大常见安全问题，在校招面试中也是高频考点。 一、考点题目 1、XSS攻击是什么？ 解答：得分点，XSS是跨站脚本攻击、向 ......
前端实现文件下载功能——文件流
前端下载文件一般使用的是blob 核心的步骤是获取后端响应的文件流，用blob创建一个临时的URL，然后创建一个隐藏的<a>标签，实现下载需求。 那就先上代码 function download(item) { axios.get(getServerUrl() + "/teacher/output/ ......
Java后端向前端返回文件流——实现下载功能
前端实现文件下载功能有多种方法，这里就不一一介绍，这里只介绍使用文件流下载的实现方法。 既然是文件流那就肯定需要给前端返回一堆二进制编码，作为后端就可以返回一个OutPutStream 后端可以使用Java中servlet提供的HttpServletResponse，核心步骤是要设置响应的数据类型， ......
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,打开对应框架技术的官网，根据教程跑一个最基本的项目，当然在创建项目过程时依需勾选相应需求 第二步，完成第一步项目的基本雏形就有了，在真正开发过程中都是使用 ......
【校招VIP】前端算法考察之排序
考点介绍： 不同的场景中，不同的排序算法执行效率不同。 稳定：冒泡、插入、归并 不稳定：选择、快速、堆排序、希尔排序 一、考点题目 1、使用js实现数组的快速排序 解答：快速排序使用了冒泡+分治的思路。 每轮从数组中取出一个数作为基准；在排序过程中，小于或等于基准数的全部放到基准的左边，大于基准的全 ......