前端html css
02 什么是CSS 和 发展史
![](https://img2023.cnblogs.com/blog/3071897/202309/3071897-20230917221306275-724477658.png) ![](https://img2023.cnblogs.com/blog/3071897/202309/30718... ......
01 CSS的简单介绍
![](https://img2023.cnblogs.com/blog/3071897/202309/3071897-20230917215959909-2124956998.png) ![](https://img2023.cnblogs.com/blog/3071897/202309/3071... ......
css让某个view/div 定在某一个位置不动
position: absolute 可以定位在某个位置,但是会跟着滚动条的位置而改变。 postion: fixed 可以定位在某个位置,并且也不会跟着滚动条的位置而改变。 postion:fixed left:0px; bottom:0px; 会定位在底部左边位置。比如返回顶部/返回等。 ......
19 HTML总结
![](https://img2023.cnblogs.com/blog/3071897/202309/3071897-20230917203830548-765796307.png) ![](https://img2023.cnblogs.com/blog/3071897/202309/30718... ......
浅析微前端沙箱
前言 在大型项目中,微前端是一种常见的优化手段,本文就微前端中沙箱的机制及原理,作一下讲解。 首先什么是微前端 Techniques, strategies and recipes for building a modern web app with multiple teams that can ......
ES14新特性揭秘,对前端开发有哪些影响?
ECMAScript 2023也就是ES14已经发布3个月了,还有好多小伙伴没有关注到ES14有哪些变化,本文将为大家梳理下ES14最新规范新增功能:对数组的新增功能,对shebang的支持,对弱引用集合的符号键的扩展。这个版本的都是一些细微的改进,我们一起看看有哪些变更 目录 Array.prot ......
【前端攻略】:玩转图片Base64编码
【前端攻略】:玩转图片Base64编码 引言 图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大,不过只是希望通过一些浅显的论述,让你知道什么是图片的 base64 编码,为什么我们 ......
前端读取目录下所有指定文件
读取modules下文件示例: /** require.context: 1. 指定目录 2. 是否将匹配层级递归至子目录下 3. 匹配的文件 */ const modulesFiles = require.context("./modules", true, /\.js$/); const mod ......
HTML+CSS学习笔记
HTML骨架:(VS Code 可以快速生成骨架:在 HTML 文件(.html)中,!(英文)配合 Enter / Tab 键) html:整个网页 head:网页头部,用来存放给浏览器看的信息,例如 CSS title:网页标题 body:网页主体,用来存放给用户看的信息,例如图片、文字 常用标 ......
CSS重置样式
CSS重置样式,指的是使用CSS来重置浏览器的默认样式。每个浏览器都有一套自己的默认样式,比如在某些浏览器里,<h1>标签的默认字体大小可能是32px,而在其他浏览器里可能是30px。当你使用CSS来重置浏览器的默认样式时,你将能够确保你的网页在所有浏览器中看起来更加一致。 下面是一个常见的CSS重 ......
TienChin 渠道管理-前端展示渠道信息
在编写 Vue 项目的时候我们可以使用 IDEA 当中提供的一个工具叫做 structure,也就是说可以很轻松的列举出当前 Vue 文件的大致结构,点那个就会跳转到对应的地方。 简简单单介绍一个编写Vue时的一个小技巧,那么接下来进入核心内容,展示渠道信息的开发。 在 api 文件夹模块当中新建一 ......
css 中 color 和 background-color 怎么区分
在CSS中,color和background-color代表了两种不同的样式属性: color:此属性用于设置元素的前景色,即元素内文本的颜色。例如: p { color: red; } 这将使所有<p>标签(段落)内的文本颜色变为红色。 background-color:此属性用于设置元素的背景色 ......
FastAPI学习-17.其它响应html,文件,视频或其它
前言 通过我们返回JSON类型的接口会比较多,除了返回JSON格式,还可以响应其它格式的内容 JSONResponse Content-Type 会被设置成 application/json HTMLResponse Content-Type 会被设置成 text/html PlainTextRes ......
前端请求参数加密、.NET 后端解密
本文详细介绍了前端请求参数加密、.NET 后端解密,文章较长,请各位看官耐心看完。 目录一、前端使用“CryptoJS”,前端AES加密,.NET后端AES解密1.1、加密解密效果图1.2、CryptoJS介绍1.3、准备工作:安装“CryptoJS”1.3.1、使用npm进行安装1.3.2、Vis ......
01 初识HTML
HTML:Hyper Text Markup Language,超文本标记语言。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </ ......
html怎么设置按钮返回顶部
在 HTML 中,我们可以通过一些代码和 CSS 样式来创建一个这样的按钮。 <button onclick="topFunction()" id="myBtn">返回顶部</button> <style> #myBtn { display: none; position: fixed; botto ......
springboot+html使用sql语句能够在控制台输出相关数据信息list,但是输出的list=null(未解决)
问题描述 具体来说,就是,连接上数据库之后,发现查询的sql语句能够正常在控制台输出数据,但是将sql语句的查询结果放到list里面, 在控制台输出的list=[null]; 真的崩溃了!!! 之前从来没有遇到过这种情况; 尝试了网上的各种方法,也都解决不了,麻木ing~ 求解! ......
HTML联动选择省份和城市,点击省份后城市数据相应更新
1、python后端返回的数据: provCityMap={'陕西省':['西安市','咸阳市']} 2、html: <ul class="list-unstyled news-one__meta"> <li style="width: 100%;"> <select id="provId" nam ......
关于jsp借助WebServlet注解跳转到对应的servlet,表示界面404,且注解在前端界面不被识别问题的解决
问题描述 我是属于那种习惯了使用其他框架之后,且,好久没有写过javaweb了,就忘记了jsp/html前端界面通过WebServlet注解跳转到servlet的方法,就这么一个破问题!!! 坑了我一下午!! 问题解决 起初我还以为是servlet-api的依赖没有导入进去,发现早就在pom.xml ......
一文带你弄懂 CSS 布局知识
大家好,我是树哥。 最近想着学习点前端知识,于是就学习了关于 Web 前端的布局知识,其实就是 CSS 那些事。关于 CSS 其实很早就接触过了,但一直没有沉下心来去学习,所以对于 CSS 布局的东西一直都不成体系。这次趁着重学前端,真正花时间学了一下 CSS 布局的知识点,顺带把知识点总结一下。 ......
Angular中台前端管理系统ng-matero快速上手教学
现有管理系统方案 我认为,Angular还在维护的中台前端框架,大多属于冷门型。热门的管理系统方案,我一直都是推荐Ant Design Pro的,毕竟一直在持续地维护更新。 我在做管理系统的时候,由于好奇Angular,索性就学习了Angular,因为之前都是用React写的,想换换框架体验体验,同 ......
原生HTML单页面使用vue框架
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
前端生成二维码,qrcode使用说明,canvas查看大图
生成二维码 用于vue项目通过字符串转换生成二维码的三方插件 安装插件 npm install --save qrcode 引入使用 import QRCode from "qrcode" 页面 <!-- 放置二维码的容器--> <canvas :id="'qrCode_id' + stringxx ......
每日一练:无感刷新页面(附可运行的前后端源码,前端vue,后端node)
1、前言 想象下,你正常在网页上浏览页面。突然弹出一个窗口,告诉你登录失效,跳回了登录页面,让你重新登录。你是不是很恼火。这时候无感刷新的作用就体现出来了。 2、方案 2.1 redis设置过期时间 在最新的技术当中,token一般都是在Redis服务器存着,设置过期时间。只要在有效时间内,重新发出 ......
HarmonyOS应用侧与前端页面数据通道建立
一、 应用侧调用前端页面函数 应用侧可以通过runJavaScript()方法调用前端页面的JavaScript相关函数。在下面的示例中,点击应用侧的“runJavaScript”按钮时,来触发前端页面的htmlTest()方法。 ● 前端页面代码。 <!-- index.html --> <!DO ......
css-面试题
1- css中隐藏元素的方法有哪些? display:none; 不显示对应的元素,文档布局中不占控件 visibility:hidden; 隐藏元素,但仍占空间 2- display的值有哪些?分别是什么作用? inline 默认,将元素设为行内元素 block 将元素设为块元素 inline-b ......
django—实现前端页面批量删除功能
views.py 代码: from django.shortcuts import render, redirect from .models import YourModel # 使用你实际的模型名称替换 def batch_delete(request): if request.method = ......
前端服务升级脚本
front1.sh 更新脚本 #!/bin/bash workdir=/root/data-ananlysis tag=$(date +%Y%m%d%H%M%S) echo $tag cd $workdir && rm -rf dist mv /tmp/dist . docker build -t ......
css做个芒果,哈哈
前几天写border-radius的时候,突然想到了写个芒果 color: #0000; width: 120px; height: 120px; background: #333; /* overflow: hidden; */ border-radius: 50% 340% 127% 256%; ......