前端form

DB项目前端分支思考

背景 一般的项目基本是一个主分支持续的迭代开发。 比如有一个master分支,这个分支是可以随时发布版本的。还有一个开发分支,比如develop,是从master检出的。 当迭代开始的时候,从develop分支检出feature-xxx分支来做开发需求功能。当联调完成后,提MR合并到develop分 ......
前端 分支 项目

列表/表格搜索方法->前端实现

很多业务系统中都会用到表格/列表,大部分都是用组件,配合搜索接口可以实现,搜索按钮是发送请求获取数据来更新表格数据。 但不是所有的列表都会有对应的后端搜索接口,比如在对一个弹窗里面的列表进行选择,数据量不是特别大的情况下希望前端支持筛选,可以更加方便快捷的对数据进行操作,这时候就需要用到数据筛选。 ......
前端 表格 方法 gt

飞码LowCode前端技术:如何便捷配置出页面

本文将从三个方面来讲解如何便捷配置出页面,第一部分从数据、事件、业务支持三个方面进行分析,第二部分从模板与页面收藏与升级、页面UI结构、画布功能三个方面进行分析,第三部分从监控、页面配置、页面数据导入导出以及其他能力四个方面进行分析。 ......
前端 LowCode 页面 技术

RuoYi前端分离版

1、检查版本 JDK >= 1.8 mysql >= 5.5 Redis >= 3.0 Maven >= 3.0 Node >= 10 2、打开redis redis解压后打开redis安装目录,在上图红色箭头头部点击一下,输入cmd,进入该目录下的命令行窗口,然后输入以下命令打开redis red ......
前端 RuoYi

前端课程推荐

前端课程推荐 入门到实战 前端必学 40个精选案例实战 一课吃透HTML5+CSS3+JS 吃透前端工程化,大厂级实战项目以战带练 ......
前端 课程

【chrome】如何临时修改已上线的打包好的前端代码?

找到需要修改的代码在压缩后的文件位置。 进入前端静态文件存放目录,确定搜索关键词,执行查找命令grep -c "xxx" ./* # -i 忽略大小写 # -c 计算出现次数 # -n 输出行号 # -r 查找当前目录及子目录 在Portal端进入需要修改的页面,此时才能请求到需要的js文件。 对比 ......
前端 代码 chrome

前端

css sprite是什么,有什么优缺点 概念:将多个小图片拼接到一个图片中。通过background-position和元素尺寸调节需要显示的背景图案。优点:1、减少HTTP请求数,极大地提高页面加载速度新版,2增加图片信息重复度,提高压缩比,减少图片大小3、更换风格方便,只需在一张或几张图片上修 ......
前端

前端基础之BOM

前端基础之BOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 B ......
前端 基础 BOM

前端基础之JavaScript

前端基础之JavaScript JavaScript概述 ECMAScript和JavaScript的关系 1996年11月,JavaScript的创造者--Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这门语言能够成为国际标准。次年,ECMA发布262号标准文件 ......
前端 JavaScript 基础

面试题: 前端处理滚动穿透这个顽疾

诚如你所知: 滚动穿透是指在移动端滑动页面的过程中,页面滚动受到了触摸事件的干扰,导致无法流畅地滚动,这主要是由于事件冒泡造成的。解决方法如下: 监听 touchmove 事件,阻止默认行为 监听 touchmove 事件,阻止事件的默认行为,防止事件冒泡到父元素上。 禁止滚动 可以通过 overf ......
顽疾 前端

Docker打包前端vue代码推送镜像到远程仓库

Docker打包前端vue代码推送镜像到远程仓库 目录Docker打包前端vue代码推送镜像到远程仓库业务场景:📝1.将前端代码www包解压后放在本地临时目录,然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 ......
前端 仓库 镜像 代码 Docker

a-form 必填选像与v-if 组合时,出现的问题

问题描述: a-form 时,必填项与v-if 出现冲突,切换之后,必填提示反而没取消 解决方案: 1. 用v-show 替换v-if ,孙然必填提示没有错位,但是切换回来之后必填提示还在 2. 用v-if 时,在后面加上key 值,确保唯一 ......
a-form 问题 form v-if if

前端package文件依赖版本号^符号

在`package.json`文件中,版本号前面的`^`符号表示允许自动更新到当前主版本号下的次版本号。 例如,如果当前主版本号是1,次版本号是0,那么`^1.0.0`将允许安装`1.x.x`范围内的任何版本,但不会安装2.x.x或更高版本的包。 ......
前端 符号 package 版本 文件

Vue.js 无法监听form表单变更问题的解决

当使用 Vue.js 构建应用程序时,通常我们会涉及到处理数据和响应用户的操作。Vue.js 提供了强大的响应式系统来自动追踪数据的变化并更新视图。然而,有时候可能会遇到一个常见的问题:当你尝试添加一个新属性到对象时,Vue.js 的响应式系统无法自动检测到这个更改,因为它不会立即监视新属性的变化。 ......
表单 问题 form Vue js

纯前端实现图片验证码

前言 之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的,想了下,前端其实可以直接canvas实现,减轻服务器压力。 实现 子组件,允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接 ......
前端 图片

前端出大事儿了

公众号「古时的风筝」,专注于后端技术,尤其是 Java 及周边生态。 个人博客:www.moonkite.cn 大家好,我是风筝 最近这两天,在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码,就算你完全没用过 React 也没关系,一眼看过去就能看到其中最敏感的一句代码,就是那句 S ......
大事儿 前端 大事

overflow溢出属性 前端基础之JavaScript

今日内容详细 overflow溢出属性 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 ● ......
前端 JavaScript overflow 属性 基础

如何在 Web 前端做 3D 音效处理

​ 一、背景 在社交元宇宙、大逃杀等类型的游戏场景下,用户在通过简单语音交流外,结合场景也需要一些立体声效果来让用户感知游戏角色周围其他用户的存在及其对应的距离和方位,提高语音互动的趣味性。 为了满足上述需求 ZEGO Express Web SDK 从 v2.10.0(Native 为 v2.11 ......
前端 音效 Web 3D

app支付金额为100,但是前端却显示50,这种情况是怎么回事呢?该如何处理?

app支付金额为100,但是前端却显示50,这种情况是怎么回事呢?该如何处理? 1、可能是服务端没有正常响应返回数据导致的问题--前端发起请求到服务端后没有正常响应返回响应数据,导致回显金额跟实际支付金额不一致; 2、可能是前端展示的问题--前端正常请求了,服务端也正常响应返回数据了,包括通过查询数 ......
前端 金额 回事 情况 app

开源GTKSystem.Windows.Forms,在这里更新预告

开源GTKSystem.Windows.Forms,在这里更新预告。 gitee码云开源地址:https://gitee.com/easywebfactory/gtksystem-windows-forms ......
GTKSystem Windows Forms

二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目

一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装,安装好了之后,在环境变量中会自动配置Node的地址,可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 (1)在 ......
前端 Element-plus Element 项目 平台

前端大文件切片上传,断点续传、秒传等解决方案,vue中使用实例

先看逻辑 如何切片?如何获取文件唯一hash?与后端交互获取文件上传的状态,用于判断情况,是秒传还是续传?上传切片文件,判断失败文件重新执行?全部上传完成通知后端? 1、先上全部代码,后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
断点 前端 实例 解决方案 文件

C#.NET使用multipart/form-data方式上传文件及参数

public static string UploadPeopleFaceRequest(AddVisitorRequestDto addVisitorRequestDto) { try { string url = _faceIp + "/fastgate/visitor"; Dictionary ......
multipart form-data 参数 方式 文件

Spring Boot - ffmpeg 获得 m3u8 列表和 ts 文件,前端请求视频流进行播放

安装 ffmpeg FFmpeg 下载地址:GitHub releases。请下载:ffmpeg-master-latest-win64-gpl-shared.zip 压缩包。 解压到你系统盘任意位置(前提是你以后找得到这玩意儿在哪)。 接下来就是配置其环境变量,所有的环境变量都是配置它的启动文件的 ......
视频流 前端 文件 Spring ffmpeg

前端面试题

vue页面跳转会经过两个钩子函数**beforeEach、afterEach** 组见守卫 **beforeRouteEnter**前置组见守卫 **beforeRouteUpdate*更新之前 watch和computed区别 数据没有改变,则 computed 不会重新计算)。若没改变,计算属性 ......
前端

第十章、web前端架构师

目录二十二、大型项目的编译,部署以及性能优化1、前言 二十二、大型项目的编译,部署以及性能优化 1、前言 ......
前端 架构 web

基于Echart的前端可视化

GitHub 上有许多关于低代码自助可视化的项目,前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目: DataV: 项目链接:DataV 描述:DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具,它提供了丰富的可视化组件和拖拽式的界面设计,使用户可 ......
前端 Echart

Chrome浏览器查看前端参数

按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标,即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域,就会出现浮层,显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......
前端 浏览器 参数 Chrome

网页CAD(web cad sdk)前端直接获取修改转换后的图纸数据

前言 有用户集成网页CAD之后,需要提取图纸的各种信息和数据,下面我们讲一下Web版CAD如何在前端直接提取修改和转换后的图纸信息,没有集成过在线CAD的小伙伴可以先看一下快速入门 在mxcad中转换后的图纸(.mxweb格式的文件)可以通过mxcad npm包得到图纸的各种数据,如图层、文字样式、 ......
前端 图纸 网页 数据 CAD

对于百度前端技术学院的task0003-个人任务管理系统开发的一个记录

第一眼看到它列出的需求和实现要求,就觉得头晕,毕竟真的有点乱,好在自己时刻记得偶像的那一句话,“编程,最重要的是解决问题的能力。” 那我现在遇到需求杂乱的话,是不是要把这些要求分类出来?html、css、JS按这个分类出来后,再继续拿草稿图来画最基础的结构(这个是最重要的,不然一开始就乱写,到时候处 ......
前端 管理系统 任务 学院 系统