前端form
仿chatGPT或chatPDF的前端界面布局，css实现对话聊天布局代码，响应式左右分栏布局（附完整源代码）
chatPDF或者chatGPT的界面挺简洁的，就是一个左侧的列表以及右侧的对话列表，现在使用css实现这样的布局 充分运用了flex布局方式实现，左右分栏，以及对话形式展示效果 下面是效果图： 在手机设备看就隐藏左侧，右侧100%适应 下面就是html和css的布局代码 <style> .chat ......
# jquery # form表单上传文件
form表单上传文件 <form action="/upload/" method="post" enctype="multipart/form-data"> 头像: <input type="file" name="head-pic"> 用户名: <input type="text" name=" ......
前端笔记-利用thymeleaf隐藏显示input及label
https://blog.csdn.net/qq78442761/article/details/104818137 <!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <link rel="styles ......
Django框架——静态文件配置、form表单、request对象、连接数据库、ORM简介、ORM基本操作和语句
配置文件介绍 SECRET_KEY = '0yge9t5m9&%=of**qk2m9z^7-gp2db)g!*5dzb136ys0#)*%*a' # 盐 DEBUG = True # 调试模式, 等项目上线的时候，改成False # 配置数据库 DATABASES = { 'default': { ......
劝人写码，千刀万剐——“前端已死”难道要成真了？
移动互联网的兴起，传统行业的数字化转型，大前端技术的普及，随之而来的就是Vue为代表的前端框架和工具的兴起，前端开发的门槛降低。但发展，稳定，衰落是亘古不变的事物发展规律。 一些有趣的迹象 最近逛社区，发现“前端已死”的说法跟恶狗进了鸡圈一般，在圈内就炸了锅！网友表示：我贼能加班贼能内卷，但还是没人 ......
小鹿线前端怎么样？
现在 web 前端开发开发技术在不断地迭代更新，有很多从事前端开发的程序员在技术上会遇到瓶颈，这个时候小伙伴就应该通过不断的学习开发技术知识，来提升自身的开发技术水平，那小伙伴应该怎么来学习呢？ 1.梳理清楚知识体系框架 学习前端开发技术，不管是入门还是进阶，一定都要有知识体系建设的想法。就算是刚开 ......
EasyCVR视频融合平台视频播放限制时长功能前端与后端配置的区别
EasyCVR平台还能支持多类型设备接入，覆盖市面上绝大多数的视频源设备，包括：IPC、NVR、视频编码器、无人机、车机设备、智能一体机、移动执法仪、应急布控球等。平台可提供一体化的视频接入、分发、存储、处理等能力，在线下具有丰富的应用场景，包括：智慧工地、智慧安监、智慧消防、智慧物流、智慧社区等。... ......
【前端可视化】前端大屏适配方案
方案一：rem 单位+动态设置 html 的 font-size 动态设置 html 根字体的大小和 body 字体大小（使用 lib_flexible.js） 将设计稿的宽（1920）平均分成 24 等份，每一份 80px； html 根字体大小就设置为 80px，即 1rem = 80px，24 ......
前端之jQuery
jQuery简单介绍 jQuery它的内部封装了很多的js代码，并且额外增加了很多功能。它就是js 的一个类库。与python相比较，在python中，我们有模块这个概念，js中的类库就相当于是我们的模块。 jquery是对js的一个高度封装，我们直接学习封装之后的代码。 jquery介绍 jQue ......
【前端可视化】ECharts 实现响应式图表
响应式图片的实现步骤: 1.图表只设置高度，宽度设置为100% 或 不设置。 2.监听窗口的resize事件，即监听窗口尺寸的变化（需节流）。 3.当窗口大小改变时，然后调用 echartsInstance.resize 改变图表的大小。 另外需要注意的是：在容器节点被销毁时，可以调用 echart ......
前端设计字体大全
前端设计字体大全 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋G ......
Docker 部署前端静态网站
1 安装Docker（略） 2 拉取nginx镜像 docker pull nginx 3 创建文件目录 bev：静态网站名称 html：存放网站代码 nginx：存放nginx配置文件nginx.conf conf.d：存放配置文件default.conf logs：挂载nginx的日志 4 运行 ......
【前端可视化】SVG 学习知识点
基本概念和语法 SVG 的定义和历史 SVG 是==可缩放矢量图形（Scalable Vector Graphics）==的缩写，它是一种用于描述二维矢量图形的 XML 标记语言。与传统的栅格图像不同，SVG 图像可以无限缩放而不会失真，同时也支持交互和动画等特性。 SVG 最早于 1999 年由 ......
前端基础之BOM和DOM
前戏 到目前为止，学的js语法好像跟浏览器，html标签，没啥太大关系。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript(核心语法)，DOM，BOM。 BOM(Browser Object Model) ......
后端long类型传到前端精度丢失
问题： c# 的long类型精度比前端JS的number精度高，前端JS 的long类型只有17位，当后端传给前端的long类型超过17位时，就会造成数据精度丢失。 解决方案： 1. 我们可以自定义一个json序列化的转换器，将long类型转换为string类型。代码如下： public class ......
day 08 8.2 前端基础之JavaScript基础【三】
前端基础之JavaScript基础【三】 【1】、jQuery介绍 jQuery是什么 jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的 ......
前端内容
day01——前端前戏、http、head标签、body标签、 前端与后端的概念 前端 任何与用户直接打交道的操作界面 都可以称职位前端>>>:接待员 后端 不直接与用户打交道 主要负责内部真正的业务逻辑的执行>>>:幕后操作者 前端学习之路 专业的前端也需要培训至少六个月 而我们作为后端开发工程师 ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写，中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。 那么接下 ......
day 07 7.1 前端基础之JavaScript基础【一】
前端基础之JavaScript基础【一】 【1】、JavaScript 的历史 1992年底，美国国家超级电脑应用中心（NCSA）开始开发一个独立的浏览器，叫做Mosaic。 这是人类历史上第一个浏览器，从此网页可以在图形界面的窗口浏览。 但是该浏览器还没有面向大众的普通用户。 1994年10月，N ......
day 08 8.1 前端基础之JavaScript基础【二】
前端基础之JavaScript基础【二】 【1】、json序列化和反序列化 JSON：JavaScript 对象表示法，是一种轻量级的数据交换格式。易于人阅读和编写。 // json是一种数据格式, 语法一般是{}或者[]包含起来 // 内部成员以英文逗号隔开,最后一个成员不能使用逗号! // 可以 ......
element ui form表单 只加*不进行校验的
<el-form-item label="测试" class="is-required"> 这是测试代码 </el-form-item> ......
day 05 5.1 前端基础之HTML
前端基础之HTML 了解了web相关基本概念以后，我们开始正式接触网页开发，网页开发的基础是HTML， 所以，本章内容主要分两部分， 一是介绍HTML的相关概念、发展历史， 二是 创建HTML网页文档和认识HTML的基本结构。 我们学会如何新建一个 HTML 页面和熟记HTML文档的基本结构和主要标 ......
浏览器自带的fetch函数发送GET POST请求，发送POST form数据
fetch 是浏览器自带的函数，用于发送网络请求。fetch 方法返回一个 Promise 对象，可以通过链式调用 then 方法处理响应数据，或者通过 catch 方法捕获错误信息。它支持 Promise 和异步/await 两种调用方式。‘ 以下是一个示例代码，展示如何使用 fetch 进行 G ......
无界微前端（wujie）：element-ui 弹框内使用select组件，弹出框位置异常解决方案 (主程序加载子程序)
https://wujie-micro.github.io/doc/guide/ element-ui 弹框内使用select组件，弹出框位置异常解决方案 第一步： 在子应用中： 以上3步就好啦！！！是不是很简单 这个框架坑很多，希望对大家有帮助！！！ ......
vue全家桶进阶之路43：Vue3 Element Plus el-form表单组件
在 Element Plus 中，el-form 是一个表单组件，用于创建表单以便用户填写和提交数据。它提供了许多内置的验证规则和验证方法，使表单验证更加容易。 使用 el-form 组件，您可以将表单控件组织在一起，并对表单进行验证，以确保提交的数据符合预期的格式和要求。该组件具有以下特性： 支持 ......
Atom在前端的使用
常用插件 Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成： <ul> <li></li> <li></li> <li></li> </ul> 详细地址，Emmet教程 Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址 Tree View：文件浏 ......
Sublime Text在前端中的使用
新建文件时快速生成Html 安装如下插件： FileHeader：自动创建文件开头模板，并且会根据最后的保存时间修改更新时间。官网链接。 CSS Format：css格式化。 Emmet：它能够让你在编辑器中书写CSS和HTML的缩写并且动态地拓展它，是一个能大幅度提高前端开发效率的一个工具。这个软 ......
AES算法 前端JavaScript加密 后端Java解密
CryptoJS https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js 中文文档 https://cryptojs.gitbook.io/docs/ var AES = function () { const ......
http 前端5种请求优化方法
1、减少请求数量：可以通过将多个资源（例如 JavaScript、CSS、图像等）合并为单个文件，从而减少 HTTP 请求的数量。另外，使用 CDN（内容分发网络）也可以减少跨地 域的请求延迟。 2、缓存请求结果：对于一些不会频繁更新的资源，可以将它们缓存在客户端或服务器端，从而减少请求的次数和响应 ......
前端跨域解决方案——JSONP
JSONP（JSON with Padding）是一种跨域请求的解决方案，它允许在不受同源策略限制的情况下从一个域中向另一个域中请求数据。 JSONP的基本原理是利用 <script> 标签的 src 属性没有跨域限制的特性来实现跨域数据访问。 在使用JSONP时，需要在客户端创建一个 script ......