效果html css
使用css在元素的前面或者后面添加内容
:before 在元素前面添加内容 :after 在元素的后面添加内容 <!DOCTYPE html> <html> <style> h1:after { content: '前面的内容'; } h1:before{ content:'后面的内容'; } </style> <body> <h1>** ......
在.NET Core 6.0中，你可以使用自定义 Middleware 来限制 Swagger/index.html 的访问，当用户进入到Swagger/index.html让系统提示404
创建一个自定义 Middleware 类，例如 SwaggerNotFoundMiddleware： public class SwaggerNotFoundMiddleware { private readonly RequestDelegate _next; public SwaggerNotF ......
CSS面试题
一、4.14基础 1.1、隐藏元素的方法有哪些 ● display: none:渲染树不会包含该渲染对象,因此该元素不会在页面中占据位置，也不会响应绑定的监听事件。● visibility: hidden:元素在页面中仍占据空间，但是不会响应绑定的监听事件。● opacity: 0:将元素的透明度设 ......
原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示
全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统，通过API接口的方式，向用户提供快递物流信息的查询、跟踪、统计等功能。 ......
【manim动画教程】--高级动画效果
在常用的动画效果中，介绍了一些元素的创建，销毁，移动和变换的方法，这些方法都是针对单个动画的。 如果需要多个动画互相关联，或者元素需要有更复杂的运动方式，那么，仅仅依靠常用的动画效果可能就无法满足要求了。 本篇的高级动画效果主要介绍一些更加灵活的元素运动方式，如何组合多个动画，以及如何联动多个动画的 ......
css面试总结
盒模型介绍 CSS3 中的盒模型有以下两种：标准盒模型、IE（替代）盒模型。 两种盒子模型都是由 content + padding + border + margin 构成，其大小都是由 content + padding + border 决定的，但是盒子内容宽/高度（即 width/heigh ......
html试题总结
html语义化的理解 1.增加代码可读性，让其他开发人员更加理解你的html结构，减少差异化。遵循 W3C 标准的团队都遵循这个标准 2.让搜索引擎更容易读懂，有助于爬虫抓取更多的有效信息，爬虫依赖于标签来确定上下文和各个关键字的权重（SEO） 3.在没有 CSS 样式下，页面也能呈现出很好地内容结 ......
npm安装html2pdf后出现缺少文件的情况
当时发现这个问题的时候,我就去node_modules里面找,确实没有这个文件,故判定是没有完全安装导致的错误信息 最终解决方案: 在终端中进入项目文件夹，执行以下命令： npm uninstall html2pdfnpm install html2pdf这将卸载旧的 html2pdf 模块并重新安 ......
vue项目中在 index.html 中如何使用 process 变量参数
在标签使用 <script type="text/javascript" src="<%= process.env.VUE_APP_APK %>" ></script> 1.在环境文件中定义变量必须要以 VUE_APP_ 开头 2.必须要用 <%= %> 包裹 3.注意修改完环境变量文件,需要重启项 ......
图像Resize方式对深度学习模型效果的影响
图像Resize方式对深度学习模型效果的影响 转自知乎图像Resize方式对深度学习模型效果的影响 在基于卷积神经网络的应用过程中，图像Resize是必不可少的一个步骤。通常原始图像尺寸比较大，比如常见监控摄像机出来的是1080P高清或者720P准高清画面，而网络模型输入一般没有这么大，像Yolo系 ......
前端H5使用html5QrCode实现扫一扫识别二维码
Vue版本：npm install html5-qrcode <template> <div class="index"> <!-- 扫一扫 --> <div class="scan" v-if="isScanning"> <div class="scan-box"> <div id="scanni ......
如何将后台数据显示在html页面里面
问题描述 因为我当时入门用的是jsp嘛，然后就对jsp的相关操作比较熟悉，现在换成html，它和jsp有一些不同的语法，jsp有的语法在html并不被认可，然后就遇到了这个问题 问题解决 我一开始直接使用之前惯用的${text}来获取，笑死，根本没用！ 然后就开始尝试其他的解决办法了， 利用scri ......
【异步加载JS脚本（script标签）至html文档中】的辅助函数
Code： /** * 'asyncLoadScript'方法的配置项'options'的类型定义 * @typedef {Object} IOptions * @prop {string} id - script标签的ID * @prop {Function} onSucceed - 加载成功后的 ......
纯前端仿GPT流式打字效果的js库，类似通义千问或者其他AI界面的打字效果
因为GPT以及国内各大模型的发布，很多官网都设计的是，仿造流式打字效果，下面这个js库就能轻松实现。 typed.js 具体实现代码参考下面： <span id="subTitle"></span> <script src="https://unpkg.com/typed.js@2.0.15/dis ......
HTML介绍
一、HTML基本介绍 1.HTML是什么？ ● 超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言。 ● 本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性 ......
网页支持传统蒙古文排版样式HTML+CSS
传统蒙古文排版跟大部分文字排版不一致，需要从上到下书写，然后从左到右的排版。 样式文件如下： .vertical-text { -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -o-writing-mode: ve ......
CSS 表单
一个表单案例，我们使用 CSS 来渲染 HTML 的表单元素： CSS 实例 input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px s ......
自己动手，通过源码找回 Ant-Design-Blaozr 中 Tree 组件的搜索筛选效果
最近更新一个Blazor server的项目，顺带把用到的 Ant-Design-Blazor 升级到了最新的 0.14.4，结果发现之前在 0.8.4 版本中 Tree 组件的搜索显示效果变了，从仅显示找到的节点变成了在全部节点中高亮显示匹配的结果，为了节省用户沟通成本（就是懒得跟最终用户费口舌解 ......
3、Web前端学习规划：CSS - 学习规划系列文章
CSS作为Web前端开发的第2种重要的语言，笔者建议在学了HTML之后进行。CSS主要是对于HTML做一个渲染，其也带了一些语言语法函数，功能也非常强大。 1、 简介； CSS（层叠样式表）是一种用于描述网页样式的语言。它可以控制网页中的字体、颜色、布局、背景等方面的样式。CSS可以与HTML和Ja ......
JS倒计时效果
倒计时实现思路：1-用户输入的时间减去当前的时间就是剩余的时间，即倒计时2-不能用时分秒直接相减，因为出来的结果会是负数，比如01分减去15分，结果是负14分3-需要引入时间戳的概念，用户输入时间的总毫秒数减去当前时间的总毫秒数，得到的就是剩余时间的毫秒数4-最后把剩余时间的毫秒数转化成天、时、分、 ......
css 图片鼠标放大动画
.img_wap { padding-bottom: 56%; width: 100%; overflow:hidden; position: relative; display: block; } .img_wap img { width: 100%; height: 100%; position ......
HTML父子页面相互操作教程
1.先准备ab两个网页，a当做父页面，b当做子页面 2.在a页面加一个isA方法，在b页面加一个isB方法 3.然后在A页面通过Iframe引用B页面 4.A页面调用B页面的方法，使用代码：document.getElementById("ib").contentWindow.isB(); 解释：获 ......
涨姿势了，有意思的气泡 Loading 效果
今日，群友提问，如何实现这么一个 Loading 效果： 这个确实有点意思，但是这是 CSS 能够完成的？ 没错，这个效果中的核心气泡效果，其实借助 CSS 中的滤镜，能够比较轻松的实现，就是所需的元素可能多点。参考我们之前的： 使用纯 CSS 实现超酷炫的粘性气泡效果 巧用 CSS 实现酷炫的充电 ......
html初次进入页面只刷新一次!!一次!!!!
window.onload=function (){reloadPage();} //自动刷新一次页面 function reloadPage() { if(location.href.indexOf('#reloaded') 1){ //判断是否有刷新标记 location.href=locati ......
vscode如何设置HTML/CSS/JS保存后自动格式化？
具体操作：点击小齿轮，选择设置按钮 第二步：点击右上角按钮，进入设置页面 第三步：粘贴自动保存的js代码！ "editor.formatOnType": true, "editor.formatOnSave": true, ......
HTML笔记
1.前端：前台和后台系统，指的是有UI交互界面 后端：数据库，接口，服务器 2.开发岗位有哪些？ 前端开发：php javaScript 简称JS 后端开发：C，C++，C#，java，python，go，php，JavaScript 3.Hbuider是什么？ 前端开发工具（前端人员的开发环境） ......
css绘制三角形
<style> /* 想要哪个方向的三角形，把其他方向的颜色换成transparent就ok啦 */ .box { width: 0px; height: 0px; border-top: 100px solid orange; border-left: 100px solid pink; bord ......
什么叫真正的Windows系统音频终极增强效果器
什么FXSound，什么DTS，什么杜比音效之类的，我说句好听点儿的，这些都是弟弟，想用它们把自己的音箱调教成喜欢的效果，不好意思，它们做不到，换句话说就是鸡肋，食之无味，弃之可惜！因为这些软件处理之后的效果没有一种是不失真严重的，原始音频信号不说丢失大半，最少也得丢失个百分之二三十，这根本谈不上享... ......
css 常用的文本样式、选择器、浮动和定位
常用的文本样式 ~ color 设置文字的颜色 color：red ~ font-size 设置文字的大小 font-size：12px ~ font-family 设置文字的字体 font-family：微软雅黑 ~ font-style 设置字体是否倾斜 font-style：“normal” ......