表单 前端 元素 标签
删除重复元素
link code #include<iostream> #include<unordered_map> using namespace std; int main(){ unordered_map<char, int >mp; string s; cin>> s; for(int i = 0; i ......
前端里那些你不知道的事儿之 【window.onload】
相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和感受，很可能也是决定着年底你... ......
借力表单设计器开源，助力实现办公自动化发展！
数字化转型是当今的发展潮流，有越来越多的企业对于数据管理和办公自动化发展深有体会，也习惯于采用低代码开发平台来实现更高效率的办公。在传统表单失去发展优势的当下，借力表单设计器开源工具，可以给企业带来提质增效的办公效率，因而获得了大家的点赞与支持。 1、好的服务商，让您后顾无忧 在竞争激烈的社会中，一 ......
给定一个list和一个int数值，循环打印固定范围内list的元素
比如有一个list，里面有“1, 2, 3, 4, 5, 6, 7, 8”这八个元素，再给一个int数值，比如是3，那打印结果就是 第一次：1, 2, 3 第二次：4, 5, 6 第三次：7, 8, 1 第四次：2, 3, 4 依次类推... public static void main(Stri ......
前端代码0bug经验分享
如何写好代码其实是一个很大的话题，本次仅分享一些自己的经验之谈，有其他idea的欢迎交流 在我看来，写好代码更多的是逻辑思维的体现，而这，紧靠一两次分享是无法提高的，我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节，技术选型总是千变万化的，我们需要的是抓住不 ......
雪花算法生成的Id过长，前端接收精度丢失
1.问题现象： 表的Id使用雪花算法生成，数据库使用bigint类型可以正常存储，后端使用Long类型也可以正常接收，postman进行请求测试，也可以看到后端正常返回的数据，但是前端接收后显示的id不正常。 2.问题原因： 前端使用number类型进行接收，number类型的范围小于后台Long类 ......
前端FileReader 文件预览
这玩意好像挺强，可以操作用户选择的文件，转为base64或者二进制，blob； 1、实际应用 我的行车记录仪记录事反着放的，所以查看视频都是反过来的，那么我就写了个html，选择对应视频反向播放； input框选择视频文件后，我们就能拿到当前视频文件，使用 let f = new FileReade ......
低代码表单开发
相关仓库 variant-form-pro：https://github.com/vformteam/variant-form-pro variant-form3-pro-vite:https://github.com/vformteam/variant-form3-pro-vite 开发文档 参考 ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端加入摄像机人脸识别（mediapipe）
前端加入摄像机人脸识别（mediapipe） import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......
前端cookie,localStorage,sessionStorage区别
图片源自B站up技术蛋老师的视频, 自己大体总结一下关键词:cookie:早期技术,体积小,本地和服务器都存储; localStorage:有效期无限(直至被手动删除),跨窗口,微信小程序等用的缓存storage基于此;sessionStorage:只能同一窗口中有效,有效期到窗口关闭 ......
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
前端设计模式——MVVM模式
MVVM模式（Model-View-ViewModel）：它的目标是将用户界面（UI）的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图（View）和视图模型（ViewModel），并通过数据绑定实现二者之间的通信。 在MVVM模式中，视图（View）表示用户界面的呈现部分，视图模型（ViewM ......
5、xml配置文件解析之[自定义]命名空间[标签]的解析
全局目录.md 引子 1、容器最基本使用.md 系列1 - bean 标签解析： 2、XmlBeanFactory 的类图介绍.md 3、XmlBeanFactory 对xml文件读取.md 4、xml配置文件解析之【默认】命名空间【标签】的解析.md 5、xml配置文件解析之【自定义】命名空间【标 ......
Spring 源码阅读之标签解析
全局目录.md 引子 1、容器最基本使用.md 系列1 - bean 标签解析： 2、XmlBeanFactory 的类图介绍.md 3、XmlBeanFactory 对xml文件读取.md 4、xml配置文件解析之【默认】命名空间【标签】的解析.md 5、xml配置文件解析之【自定义】命名空间【标 ......
谷歌浏览器插件：FeHelper（WEB前端助手）
背景 在现在的互联网时代，前端开发已经成为一个非常重要的领域。为了提高开发效率和质量，许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件：WEB前端助手（FeHelper）就是其中一个非常受欢迎的选择。 FeHelper 是什么？ FeHelper 是一个谷歌浏览器插件，它提供 ......
Chrome浏览器插件 Undo Close Tab （恢复关掉的标签页）
背景 如果您经常使用Chrome浏览器，也许有时候会意外关闭一个标签页，从而丢失您正在查看的内容。这时您可能会感到非常烦恼，并希望能够迅速找回这个标签页。当然，您可以通过点击浏览器历史记录中的条目来找回被关闭的标签页，但这会消耗很多时间和精力。 为了解决这个问题，开发人员推出了谷歌插件“Undo C ......
vue动态添加表单validateField验证
1 <template> 2 <el-form ref="form" :model="form" :rules="rules" label-width="100px"> 3 <div v-for="(input, index) in inputs" :key="index"> 4 <el-form- ......
STATA 值标签相关操作
label dir //显示所有值标签对应的变量名 label list //显示所有带有值标签的变量名，并且显示具体的值标签及对应值 label list origin //显示指定带有值标签的变量史，并且显示具体的值标签及对应值 //使用举例： use ce11,clear list // + ......
Web前端开发必看的100道大厂面试题
1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让Gulp执行这些task，从而构建项目的整个前端开发流程。通俗一点来说， ......
表单校验——正则表达式
在线测试地址： 1.https://c.runoob.com/front-end/854/ 2.https://regexr-cn.com/ 在线测试和解析正则表达式 常用语法： 一、元字符1.匹配符号——非打印字符①\d 数字字符，等价于[0-9] 大写取反，如\D表示[^0-9]②\s任何空白字 ......
js全局监听a标签跳转前拦截统一跳转到指定页面进行数据处理
在现有大多数阅读性文章、博客等内容，不单有图文结合的形式让内容更加饱满更有关联链接来充实文章的真实、准确性。那么当这些连接进行跳转离开网站时，我们要如何确认即将前往网站的安全性呢？ 跳转效果演示——点击进入码云官网 本文就该问题，使用js代码全局监听a标签跳转前进行跳转拦截。提取跳转连接，统一跳转到 ......
html 元素定位与接口请求总结
1.下拉框 环境： 元素定位： <select id="sid" onchange="" style="margin-right: 20px; width: 100px;"> <option id="dev" value="dev">测试</option> <option id="prod" val ......
云计算时代前端如何保证开源代码的安全性
云技术和我们的生活息息相关，日常生活中访问的网页，刷的短视频，用的云盘等都是云计算提供的服务。那在云计算时代，前端可以做什么呢？ ......
vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
封装表单组件，如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v ......
学习一 ——HTML的基础标签
HTML 意为超文本标记语言。在HTML+CSS+JS的体系中主要构建网站内容展示。 <meta> 设置编码方式例如 UTF-8;GBK等。<ul>表示无序列表，<ol>有序列表 <p>表示段落，<u>表示下划线 <b>字体加粗 <i>斜体 <sub>下标 <sup>上标 <alt>表示HTML元素 ......
关于修改前端请求原生request加锁问题
1 正常情况后端获取前端的request请求：（原生已加锁，修改失效 校验） Map<String, String[]> parameterMap = req.getParameterMap(); ...... 报错：错误：java.lang.IllegalStateException: No mo ......