前端form
前端vue使用blob下载流文件
请求后端接口，发现返回的是这么一堆东西 代码： axios: export function exportEcoCarAppoint(params) { return Http({ url: '/api/jsis/ecoCarAppoint/exportEcoCarAppoint' , method ......
导出excel，前端sheetjs表格工具
首先声明，本人并不是为了发表文章，只是在开发中遇到的一些问题，遇见了一些简单，好的方法并把它们记录下来， 此文章，也仅仅只是给各位指个方向，还需要各位自己去查阅相关资料。 SheetJS官网 SheetJS中文文档 js文件下载地址 js文件在dist目录下，里面有两个文件可以下载（下载哪个都一开样 ......
前端文件转换
1) file文件的拷贝和改名 // 复制文本域中的file文件并重命名 let myFile = new File([file], "新文件的名字"]); 2) bolb格式转base64格式 function blobToDataURL(blob, callback) { let reader ......
后端问：作为前端如何实现自动生成接口文档
前言，众所周知，后端的接口文档一般使用 swagger/openapi，而其他的一般接口文档也基本是使用 openapi 来进行解析的。例如 redoc(20.8k star) 和 knife4j(3.5k star) 等. 作为一个通用的解决方案，前端社区自然也有对应的实现。 如何实现 swagg ......
JBoss升级后，前端框架字符处理出现了乱码的解决方案之一
背景：MVC项目，JBoss从6.3升级至7.1，使用Velocity前端框架。 问题：在使用Ajax进行处理时，发现传递到后端的字符串汉字变成了乱码，疑似环境切换问题，JBoss默认编码没有进行调整。 然而由于这个项目服务器不在自己手里，也无法调整默认编码（一般是ISO8859-1，需要调整为UT ......
【校招VIP】前端vue考点之生命周期和双向绑定
考点介绍： VUE是前端校招面试的重点，而生命周期和双向绑定又是基础考点之一，尤其在一二线公司，要求知道双向绑定的原理，以及相关代码实现。 一、考点题目 1、mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？ 解答：mvc和mvvm其实区别并不大。都是一种设计思想。主要就 ......
2023前端JavaScript面试题大全
一、基础题 题目 1: 什么是JavaScript的数据类型？如何检查一个变量的数据类型？ 答案: JavaScript有七种数据类型： 基本数据类型 (Primitive Data Types)：Number、String、Boolean、Null、Undefined、Symbol 引用数据类型 ......
layui-form 提交按钮不生效
 有时候`layui-form `不生效是因为`div`的层级关系错误造 ......
vue前端项目中遇到的问题以及解决方案-不定时更新
###vue-cli创建vue项目中全局使用mixin 首先需要安装插件 ~~~ npm install style-resources-loader vue-cli-plugin-style-resources-loader --save-dev ~~~ 修改vue.config.js文件 ~~~ ......
前端html点击新增多项，ajax提交，后台接收
<body> <form id="form1"> <div class="procureWarp"> <img class="headBg" src="/images/Cabinet/headUrl_01.png" alt=""> <div class="head"> <div class="tit ......
启动前端-开发环境
安装版本号为`16.15.0`的`nodejs`，如果已经安装了，请先卸载，推荐使用 nvm 安装 node.js，方便切换不同版本 1. 需要先把本地安装的`nodejs`卸载，然后再下载nvm，地址： https://github.com/coreybutler/nvm-windows/rele ......
spring mvc 前端返回 js
@RequestMapping(value = "/test",produces = "text/html; charset=UTF-8")@ResponseBodypublic String test(){String url = "";return "<script>window.locatio ......
创新的前端框架： Hybrid技术的不断发展
Hybrid App混合应用开发原理Hybrid App，即混合应用是指同时使用前端技术与原生技术开发的 App。通常由前端负责大部分界面开发和业务逻辑，原生负责封装原生功能供前端调用，二者以 WebView 作为媒介建立通信，从而既拥有 Web 开发的速度优势，又能拥有强大的原生能力。从前端开发者 ......
记录--form 表单恢复初始数据
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 form 表单恢复初始数据 在现代的 Web 开发中，表单是不可或缺的组件之一。用户可以通过表单输入和提交数据，而开发者则需要对这些数据进行处理和存储。然而，在某些情况下，我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 fo ......
前端进化笔记-JavaScript（四）
生活想要将我活埋，怎料我是一颗种子 #基本引用类型 > 对象是引用类型的实例：new后面跟一个构造函数就创建了一个新对象，例如`let now = new Date(); `，这样就创建了一个Date对象. ### Date类型 ####方法 - Date.parse（ ）：根据传入的参数返回毫秒数 ......
关于前端开发中 img 元素的 srcset 属性
`img` 标签的 `srcset` 属性是一种用于响应式网页设计的属性，它允许开发者为图像提供不同大小和分辨率的版本，以便根据设备的屏幕大小和像素密度自动选择最合适的图像进行显示。通过使用 `srcset` 属性，可以在不同设备上提供最佳的视觉体验，避免了不必要的图像变形和加载大尺寸图像的性能问题 ......
什么是前端开发领域中的屏幕像素密度 Pixel Density
当谈论到前端开发中的像素密度（Pixel Density），实际上是在讨论设备屏幕的像素密度，也称为像素密度或PPI（Pixels Per Inch）。像素密度是指屏幕上每英寸（2.54厘米）所包含的像素数量。它是一个重要的概念，因为不同的设备在相同尺寸的屏幕上可能拥有不同的像素密度，从而影响显示效 ......
Luckysheet：一个纯前端的excel在线表格
最近因为项目要求，需要在页面上添加一个在线编辑excel的功能，因此只能在网上找有没有直接用的插件，最后很幸运的是幸好找到了一个 luckysheet. 这个是从luckysheet官网上找的图片，先看下能用插件做那些效果。 这个是中文官网地址:https://mengshukeji.gitee.i ......
【校招VIP】前端JS语言考点之px rem等单位
考点介绍： rem vm等问题是前端面试里的高频题型。但是不少同学并不能很清楚的说明为什么在有px单位之后，还需要rem单位？往往会往不对的自适应方向回答。作为基础性问题，只要回答不出来，面试就通过不了，需要真正理解，而不是死记硬背。 一、考点题目 1.请你说说em与rem的区别？ 解答：rem是C ......
前端周刊第66期：TypeScript教程、ESM、React泡沫、htmx、测试文章
周刊同步发表于微信公众号“写代码的宝哥”，欢迎各位小伙伴前来关注 😄！ ## 快讯  - 软一峰老师最近发布了[《 ......
WebStorm 2023(Web前端开发工具) v2023.2中文mac版
WebStorm 2022 mac版是一款基于 WebSocket的 Web应用程序编程工具，旨在通过 Web应用程序的代码将 HTML和 CSS文本从浏览器返回到服务器。 WebStorm采用 MVC架构，其中每个模块都在其内部运行。WebStorm 适用于 JavaScript 和相关技术的集成 ......
JSON生成Form表单的方法示例
JSON生成Form表单的方法示例 更新时间：2018年11月21日 14:21:14 作者：熟悉的陌生人 JSON表单是一个基于React的抽象组件，它可以把JSON数据格式描述的表单转换成项目中的表单，这篇文章主要介绍了JSON生成Form表单的方法示例,感兴趣的小伙伴们可以参考一下 JSON表 ......
记录一次前端表格选型过程
> 摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 ## 客户需求： 最近，接到一个客户项目，前期沟通时，客户说，我们日常基本都是使用Excel ......
数据安全之数据库字段加解密检索和前端返回脱敏？看看我这个最强解决方案
# 数据安全之数据库字段加解密检索和前端返回脱敏？看看我这个最强解决方案 ## 前言 数据安全一直是我们老生常谈的话题了,随着国产化的日渐推进和数字化信息改革,数据安全越来越被人们所重视。数据库作为存储、管理和检索数据的核心基础设施，其中可能包含着大量的敏感信息，如个人手机号、身份证号码、银行账户、 ......
Django Form钩子方法源码分析
1. 用法 在Form类中定义名称为 clean_ + form字段名称 的方法 校验成功 返回 self.clean_data["字段名"] 校验失败 会raise 报错 2. 源码分析 先从is_valid 方法开始分析 当self._is_bound = True, self.errors 为 ......
前端实现图片文字识别并提取
需求： 其实这个需求还是挺常见的，经常会看到一些app或网页拍一张图片或者上传一张图片则需要提取图片中的数字或文字，这里我采用了 tesseract.js 实现。这个前端插件的好处是字母和数字的识别率挺高，但对中文的识别略差，根据需求可进行取舍。 物料： 一张带有数字的图片。 效果： 代码： ind ......
form 表单恢复初始数据
在现代的 Web 开发中，表单是不可或缺的组件之一。用户可以通过表单输入和提交数据，而开发者则需要对这些数据进行处理和存储。然而，在某些情况下，我们可能需要重置表单并恢复到最初的状态。
本文介绍了如何使用 form 表单处理库来实现表单恢复初始数据的功能。通过 form 提供的灵活性和方便性，我们... ......
g、Form表单
# Form表单 ## ⼀、概要 通常情况下，我们需要自己手动在HTML页面中，编写form标签和其内的其它元素。但这费时费力，而且有可能写得不太恰当，数据验证也比较麻烦。有鉴于此，Django在内部集成了一个表单模块，专门帮助我们快速处理表单相关的内容。Django的表单模块给我们提供了下面三个主 ......
关闭ESlint/路径起别名/配置前端代理/引入模块报错
## 怎么关闭ESlint语法检查(不建议) > 1. vue-cli创建的项目, 在`vue.config.js`文件里面 > > ```js > // vue.config.js > const { defineConfig } = require('@vue/cli-service'); > ......