骨架 前端html

雪花算法生成的Id过长,前端接收精度丢失

1.问题现象: 表的Id使用雪花算法生成,数据库使用bigint类型可以正常存储,后端使用Long类型也可以正常接收,postman进行请求测试,也可以看到后端正常返回的数据,但是前端接收后显示的id不正常。 2.问题原因: 前端使用number类型进行接收,number类型的范围小于后台Long类 ......
前端 精度 算法 雪花

前端FileReader 文件预览

这玩意好像挺强,可以操作用户选择的文件,转为base64或者二进制,blob; 1、实际应用 我的行车记录仪记录事反着放的,所以查看视频都是反过来的,那么我就写了个html,选择对应视频反向播放; input框选择视频文件后,我们就能拿到当前视频文件,使用 let f = new FileReade ......
前端 FileReader 文件

直播平台制作,html+css复刻登录输入框

直播平台制作,html+css复刻登录输入框 <!DOCTYPE html><html><!-- *Material文本框 *作者:程序员阿诺斯 *时间:2023-3-5 0:50--><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp ......
平台 html css

免费分享前端面试题,vue面试题,TypeScript基础知识点 PDF格式

免费分享前端资料,面试题,电子书 接前端开发,带徒弟,一对一教学,远程协助,bug修改 微信: ......
知识点 前端 TypeScript 格式 基础

vue前端纯小白向快速扫盲贴集合

看的一些博客,对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的,可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可,管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
前端 vue

前端加入摄像机人脸识别(mediapipe)

前端加入摄像机人脸识别(mediapipe) import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......
人脸 前端 mediapipe 摄像机

今天学习了html

我是标题 <html> <head> <title>我是标题</title> </head> <body> <h1> 我是1号标题 </h1> </body> </html> 以上就是我今天学习的html代码 总结 html应该控制下字符集,防止乱码 html应该有个标题,title html的标签 ......
html

今天学习了html

我是标题 <html> <head> <title>我是标题</title> </head> <body> <h1> 我是1号标题 </h1> </body> </html> 以上就是我今天学习的html代码 总结 html应该控制下字符集,防止乱码 html应该有个标题,title html的标签 ......
html

前端cookie,localStorage,sessionStorage区别

图片源自B站up技术蛋老师的视频, 自己大体总结一下关键词:cookie:早期技术,体积小,本地和服务器都存储; localStorage:有效期无限(直至被手动删除),跨窗口,微信小程序等用的缓存storage基于此;sessionStorage:只能同一窗口中有效,有效期到窗口关闭 ......
前端 sessionStorage localStorage cookie

k8s前端js、css等资源文件CDN加速

序言:用户访问网站,网站的加载速度直接影响着用户体验问题;前端js、css等文件资源需要加速访问处理; 方案一:js、css、png等资源打包到文件服务器,文件服务器抛出连接,工程项目打包的时候publicpath使用文件服务器访问链接; 如图: 需要购买文件服务器,把资源文件推送到文件服务器上,由 ......
前端 文件 资源 k8s css

前端设计模式——MVVM模式

MVVM模式(Model-View-ViewModel):它的目标是将用户界面(UI)的逻辑与业务逻辑分离。该模式的核心思想是将UI分为视图(View)和视图模型(ViewModel),并通过数据绑定实现二者之间的通信。 在MVVM模式中,视图(View)表示用户界面的呈现部分,视图模型(ViewM ......
模式 设计模式 前端 MVVM

go html template

前言: 在一些前后端不分离的Web架构中,我们通常需要在后端将一些数据渲染到HTML文档中,从而实现动态的网页(网页的布局和样式大致一样,但展示的内容并不一样)效果。 正文: 模板文件通常定义为.tmpl和.tpl为后缀(也可以使用其他的后缀.html,.htm) 模板文件中使用{{和}}包裹和标识 ......
template html go

谷歌浏览器插件:FeHelper(WEB前端助手)

背景 在现在的互联网时代,前端开发已经成为一个非常重要的领域。为了提高开发效率和质量,许多前端开发人员都喜欢使用一些相关工具来辅助他们的工作。而谷歌浏览器插件:WEB前端助手(FeHelper)就是其中一个非常受欢迎的选择。 FeHelper 是什么? FeHelper 是一个谷歌浏览器插件,它提供 ......
前端 插件 FeHelper 助手 浏览器

HTML5学习

Html5学习 1、 初识HTML HTML:$\textcolor{red}{H}$yper $\textcolor{red}{T}$ext $\textcolor{red}{M}$arkup $\textcolor{red}{L}$anguage:超文本**$\textcolor{red}{标记 ......
HTML5 HTML

Springboot+HTML5+Layui2.7.6上传文件【请求上传接口出现异常】

1.最近两天在springboot+html5项目中发现在用layui框架时报请求上传接口出现异常这个错误。 2.将代码全部整理了一遍,发现前端后台都没错!!! 但是还是【请求上传接口出现异常】,于是跑去翻看layui官网。 3.最终最终将错误锁定到了返回的JSON字符串中,我是返回的String, ......
Springboot 接口 文件 Layui2 HTML5

Web前端开发必看的100道大厂面试题

1. 说说gulp和webpack的区别 开放式题目 Gulp强调的是前端开发的工作流程。我们可以通过配置一系列的task,定义task处理的事务(例如文件压缩合并、雪碧图、启动server、版本控制等),然后定义执行顺序,来让Gulp执行这些task,从而构建项目的整个前端开发流程。通俗一点来说, ......
前端 Web 100

python requests-html

#pip install requests-html ''' 目标网站: https://pic.netbian.com ''' from requests_html import HTMLSession import re,os import requests from tqdm import t ......
requests-html requests python html

html 元素定位与接口请求总结

1.下拉框 环境: 元素定位: <select id="sid" onchange="" style="margin-right: 20px; width: 100px;"> <option id="dev" value="dev">测试</option> <option id="prod" val ......
元素 接口 html

云计算时代前端如何保证开源代码的安全性

云技术和我们的生活息息相关,日常生活中访问的网页,刷的短视频,用的云盘等都是云计算提供的服务。那在云计算时代,前端可以做什么呢? ......
前端 安全性 代码 时代

vue前端实现上传文件,vue 上传文件

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
文件 前端 vue

学习一 ——HTML的基础标签

HTML 意为超文本标记语言。在HTML+CSS+JS的体系中主要构建网站内容展示。 <meta> 设置编码方式例如 UTF-8;GBK等。<ul>表示无序列表,<ol>有序列表 <p>表示段落,<u>表示下划线 <b>字体加粗 <i>斜体 <sub>下标 <sup>上标 <alt>表示HTML元素 ......
标签 基础 HTML

关于修改前端请求原生request加锁问题

1 正常情况后端获取前端的request请求:(原生已加锁,修改失效 校验) Map<String, String[]> parameterMap = req.getParameterMap(); ...... 报错:错误:java.lang.IllegalStateException: No mo ......
前端 request 问题

HTML+CSS仿写的登录页面

仿写的登录页面 使用HTML+CSS,感觉很简单,记录下 话不多说,直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE= ......
页面 HTML CSS

前端常见面试题笔记

/** * 防抖 * 一段时间内触发重新计时 */ function debounce (func, delay) { let timer = null; return function(){ if(timer) clearTimeout(timer) timer = setTimeout(() = ......
试题笔记 前端 试题 笔记

微前端架构:将应用拆分为多个小型模块,实现模块化设计

随着技术的不断发展和应用场景的不断变化,微前端架构也将不断演化和完善,成为更加成熟和稳定的前端架构模式,为开发者和企业带来更多的价值和机会。互联网应用的不断发展和迭代,传统的单体应用架构已经逐渐无法满足现代应用的需求。为了更好地适应快速变化的市场和业务需求,微服务和微前端架构成为了近年来的热门话题。 ......
模块 前端 架构 多个

前端设计模式——MVC模式

MVC模式(Model-View-Controller):是一种前端和后端都广泛应用的设计模式。它将应用程序的业务逻辑、数据表示和用户界面分离,使得开发人员可以独立地修改各部分而不影响其他部分。MVC设计模式有助于提高代码的可读性、可维护性和可重用性。 MVC是Model-View-Controll ......
模式 设计模式 前端 MVC

将前端图片转为base64存储至本地服务器,并返回URL存入数据库。Vue、Element-UI、axios、node.js

核心步骤:将base64转为buffer并用fs.write()存入.png文件中,即可得到一张可展示的图片,将其路径写入数据库即可。非二进制或blob对象 第一:获取图片文件,将其转为base64,通过axios发送至后台node.js服务器 HTML: methods中: getBase64(f ......

第十七篇 HTML5 脚本编程

by caix in 深圳 跨文档消息传递 跨文档消息传送(cross-document messaging),有时候简称为 XDM,指的是在来自不同域的页面间 传递消息。例如,www.wrox.com 域中的页面与位于一个内嵌框架中的 p2p.wrox.com 域中的页面通信 跨文档消息传递简称 ......
脚本编程 脚本 HTML5 HTML

前端开发-CSS

三种CSS写法 1.在标签内书写 2.在head中书写 3.在外部文件书写 各种选择器 常用:类选择器,标签选择器,后代选择器 少用:ID选择器,属性选择器 多个样式覆盖问题: 1.样式不同时一起作用 2.样式相同时,取style中排序后面的 3.若要强制使用,则添加important,如 colo ......
前端 CSS

html 中使用 ssi 指令

SSI 即 Server Side Include,是一种基于服务端的网页制作技术 Apache 开启 SSI 支持 首先开启模块 mod_include LoadModule include_module modules/mod_include.so httpd.conf 或 主配置中引入的文件中 ......
指令 html ssi