前端html css
Django - json_script 模板语言，将queryset转换为前端json数据
models.py class User(models.Model): name = models.CharField(verbose_name="Name", max_length=64) serializer.py class UserSerializer(serializers.ModelSe ......
前端错误捕获和上报
JS中常见的执行错误 日常执行中主要有： 同步错误、 语法错误、 普通异步任务错误、 Promise任务错误、 async任务错误5种常见的异常错误。 资源加载错误 主要有图片、script、css、font等资源的加载错误问题。 错误捕获： try... catch.. 能捕获包裹体内的同步执行错 ......
css div上层显示一个div
CSS position属性来实现div上层显示div。 首先，为需要在上层显示的div设置position: absolute，并设置其z-index值大于其他div。 然后，为包含这些div的父元素设置position: relative。 <div class="container"> <di ......
获取html中styles内容
public class getStyle { public static void main(String[] args) throws FileNotFoundException { try { getStyle.handler(); } catch (IOException e) { thro ......
博客园中如何使用HTML所见即可得编辑器TinyMCE
大纲 基本内容: 文本、段落规范结构: 标题、大纲大量数据: 表格、列表内外跳转: 链接、锚点视觉媒体: 图像、视频、音乐用户交流: 表单、交互 文本 字体、大小、前景色、背景色、加粗、倾斜、下划线、中划线、清楚格式 段落 段落行间距、段落字间距、段落居中对其、段落居左对齐、段落居右对齐、段落分散对 ......
利用ffmpeg推流到rtsp，再利用jmpeg在html界面上显示的解决办法
需求 最近在百度飞桨上训练了一个摔倒识别的模型，用的PaddleDetection这个模型，训练好以后我部署到了Windows，但是我看大多数人都是部署到了Linux，具体方法大家可以自行百度。 部署好以后我是使用摄像头进行实时识别的，但是我想要展示处理后的画面，这个我看了飞桨的官方介绍，是可以实现 ......
最火前端 Web 组态软件 (可视化)
前言： 随着物联网、大数据等技术高速发展，我们逐步向数字化、可视化的人工智能（AI）时代的方向不断迈进。智能时代是工业 4.0 时代，我国工业领域正努力从“制造”迈向“智造”的新跨越。 正文： 1.mxgraph： 介绍：开源免费，但是需要解决的问题很多，国内学习参考资料少。但是，可视化组态的实 ......
CSS知识点总结
CSS知识点总结 文章内容可能较多且杂乱，可以查看页面右方的目录，以及使用Ctrl+F搜索页面内容进行内容定位。 常用属性 推荐搭配文档使用，可以复制属性名，到文档查看该属性对应的可选值。 👉MDN Web Docs 盒模型 宽度：width 高度：height 边框：border 圆角：bord ......
后端访问前端项目方法
在前后端联调时，后端开发若是想访问前端的网页，在不用拉取前端代码前提下，可以通过地址访问前端启动起来的项目。 需要满足以下两个条件： 前端项目所在的计算机需要与后端计算机处于同一网络环境中。如果两台计算机不在同一网络中，则无法直接访问。 前端项目需要以可以被外部访问的方式启动。通常情况下，前端项目会 ......
web安全基础-前端编码
1、url编码 一般来说，就是先utf-8编码，然后每个字节前加%，但具体哪些字符进行url编码和是否必然是utf-8可能和浏览器相关。 url - 挖洞404 - 博客园 (cnblogs.com) 2、base64编码 3、js转义和编码 4、html实体编码 html实体编码 - 挖洞404 ......
OAuthApp v2.4.28 | 前端发布工具 | Azuer OpenAI、SSL 证书工具
OAuthApp 是一个前端发布工具，用于快速开发前端网页项目，并发布到服务器。具有引入脚本库就能使用服务端 API、自定义域名、在线发布 H5、站点数据独立存储的特性。 更新内容： 1，免费 SSL 证书管理工具，支持在线申请自定义域名 SSL 证书2，站点自定义域名与证书绑定3，用户访问令牌管理 ......
前端接收并下载文件流
可以通过将其转化为blob对象，添加到a标签或iframe标签中来模拟下载;如果是在项目中使用，我们需要对请求返回的数据进行处理，这里我们需要把responseType对象格式设置成blob。这里直接用axios请求 function downloadFile(id){ axios.get(`/ap ......
如何在HTML中限制input 输入框只能输入纯数字
限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 2、onchange = "value=value.repl ......
CSS animation (animation-timing-function) 测试脚本
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content ......
esp32 墨水屏 html 上位机程序 传图
使用 esp32 开发墨水屏显示图片 这里的墨水屏工具为我自己制作的，使用 esp32c3 和 2.9 寸墨水屏，你如果使用的是自己的，请更换墨水屏驱动代码，引脚定义和图片尺寸 在之前的 demo 演示中，我展示了使用 esp32c3 配合墨水屏展示 Hello World! 的一个程序。 有朋友问 ......
第四节 CSS进阶
day04-CSS进阶 目标：掌握复合选择器作用和写法；使用background属性添加背景效果 01-复合选择器 定义：由两个或多个基础选择器，通过不同的方式组合而成。 作用：更准确、更高效的选择目标元素（标签）。 后代选择器 后代选择器：选中某元素的后代元素。 选择器写法：父选择器 子选择器 { ......
网页截图,html2canvas简单示例
<div id="box"> <p>asd4a5s6fa6s5f1asf</p> <img style="width:200px" src="xxxxxx.png" /> <button style="width:100px;height:30px" onclick="prtsc()">prtsc< ......
cshtml和html的区别从语法和功能上来看
https://www.lookxue.com/blog/o61302ve.html cshtml和html的区别： 1. cshtml是一种混合式的文件，它将html、javascript和C#代码结合在一起，而html只是一种纯静态的文件； 2. cshtml可以使用C#代码进行逻辑处理，而ht ......
css的度量单位：px、em、rem、vh、vw、vmin、vmax、百分比
css的度量单位 px，像素数量，适用于比较固定的场景，比如边框宽度，分割线宽度 em em：是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；它相对的是父元素的字体大小，如果父元素是根的1.5，当前元素是父元素1.5，则当前元 ......
【前端可视化】大屏scale适配vue3 hooks
useScalePage.js import { onMounted, onUnmounted } from 'vue'; import _ from 'lodash'; /** 大屏适配的 hooks */ export default function useScalePage(option) ......
前端Token刷新 重新请求返回underfined
在刷新Token ok后 数据有返回，但是 最开始的请求那里总是underfined，这个找了一天后找到原因，记得return, 没有 return就是underfined ......
前端代码规范
前端代码规范 引用自：公众号：前端小川 大多数具有一定规模的公司，都有自己的前端代码规范，没有或者准备要制定自己公司代码规范的可以参考这些代码规范 9个秘籍里面有6个文档、1本书籍和2个工具，认真看完这9个秘籍，一定会提升代码质量，让你写出漂亮的代码 秘籍一：京东凹凸实验室前端代码规范 网址：htt ......
html表格相关属性
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表头标签</title> </head> <body> <table align="center" border="1" cellpadding="0" cellspacing="0 ......
HTML中script 标签中的那些属性
在HTML中， <script> 标签用于嵌入或引用JavaScript代码。 在 <script> 标签中，有两个属性可以用来控制脚本的加载和执行方式： async 和 defer 。 当然这也是常见的一道面试题， async 和 defer 的作用和区别。 async 和 defer 属性都可以 ......
HTML和CSS基础笔记
文件: html_and_css_basic.txt 标题: HTML和CSS基础笔记 摘要: HTML常用标签。CSS常用属性。常用的布局方法。 最后更新时间: 2023/04/28 00:59:00 转换工具: https://www.lddgo.net/convert/htmlencode(h ......
第三节 CSS基础
day03-CSS基础 目标：掌握 CSS 属性基本写法，能够使用文字相关属性美化文章页。 01-CSS初体验 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（美化内容）。 书写位置：title 标签下方添加 sty ......
简单的前端登录页面
springboot整合了springmvc的拦截功能。拦截了所有的请求。默认放行的资源是：resources/static/ 目录下所有静态资源。（不走controller控制器就能直接访问到资源）。 html页面如果放在resources/templates目录下，则需要走controller控 ......
如何使用VS Code 建立并运行HTML文件
一、打开VS Code 配置插件首先打开VS Code 出现如下界面（注：我这里更改了主界面的颜色，默认应该为黑色界面） 点击左侧边栏的插件商店 ，并在搜索框中安装搜索如下插件 所需插件：1.中文语言包：将VS Code 编辑器语言更改为中文 2.Auto Rename Tag/Auto Close ......
css--实现一个文字少时居中，文字换行时居左的样式
css--实现一个文字少时居中，文字换行时居左的样式 前言 最近群里的小伙伴去面试，遇到这样一个问题，面试官问："用 css 对一行文字进行布局，当文字不够换行的时候，这行文字要居中显示，当文字出现换行的时候，这行文字要靠左显示。"，遇到这样的需求一下束手无策，后来查下资料，哦，原来这样，这里总结一 ......