前端html css
【前端基础总结】
# [Web前端参考手册](https://www.cnblogs.com/dream-ze/p/17524779.html) # [【前端引入】](https://www.cnblogs.com/dream-ze/p/17524705.html) # 【HTML】 ## [【1】web服务端本质] ......
前端codeReview规范指南
一定要看的前端codeReview规范指南 一、前言针对目录结构、CSS规范、JavaScript规范、Vue规范可参照官方给出的 风格指南这里主要总结业务开发中常遇到的代码问题和实践,帮助大家后续各自做好codeReview,一些你遇到的典型问题,也可以在留言区评论,帮助团队共同进步。 二、实践规 ......
12 CSS 的float属性
##### 12 CSS 的float属性 - 流动布局 流动模型(Flow),即文档流,浏览器打开HTML网页时,从上往下,从左往右,逐一加载。 在正常情况下,HTML元素都会根据文档流来分布网页内容的。 文档流有2大特征: ① 块状元素会随着浏览器读取文档的顺序,自上而下垂直分布,一行一个的形式 ......
webpack5_使用webpack编译scss文件为css文件并实现css文件的兼容性和压缩处理
## webpack5_使用webpack编译scss文件为css文件并实现css文件的兼容性和压缩处理 - 现实问题: 为了编写博客园的博客样式, 我写了一个scss文件, 但是因为博客园的样式编辑里只接受css样式, 所以乘此机会顺便复习一下webpack5实现对scss(sass)文件的处理 ......
关于 SAP UI5 预定义的 CSS Margin class
与 padding 不同,margin 是透明的,`不是`控件可单击区域的一部分,并且它们与相邻边距`折叠在一起`,这意味着它们不会相互添加。 例如,有两个相邻的 32 像素 margin,则结果是仅显示一个 32 像素边距,而不是 64 像素的空间。 SAPUI5 中预定义的所有边距都支持从右到左 ......
什么是 SAP UI5 中的预定义 CSS 响应式边距(Responsive Margins)
SAP UI5是SAP公司的开源前端开发框架,用于构建现代、移动优先的Web应用程序。预定义的CSS响应式边距是UI5框架中的一个重要特性,它可以帮助开发人员轻松管理和控制应用程序中不同元素之间的间距,以适应不同的屏幕大小和设备类型。本文将详细介绍预定义的CSS响应式边距的概念、用途以及通过示例演示 ......
什么是 HTML 编程里页面元素的 margin 属性
在前端开发中,`margin`是一种重要的CSS属性,用于控制元素之间的空间和距离。它不仅影响元素的外观,还可以影响整个页面的布局。本文将详细解释`margin`的概念、用途以及通过示例演示如何在HTML中使用`margin`来控制元素之间的间距。 ### 概念 `margin`是CSS(层叠样式表 ......
11 CSS盒子模型(重点)
##### 11 CSS盒子模型(重点) 盒模型是CSS的核心知识点之一,它指定元素如何显示以及如何相互交互。HTML页面上的每个元素都可以看成一个个方盒子,这些盒子由元素的content(内容)、padding(内边距)、border(边框)、margin(外边距)组成。 ![image](htt ......
10个有用的css编辑网站
10个有用的css编辑网站1、Neumorphism 官方网站:https://neumorphism.io/ 此网站不但可以为section或div生成软UI,还可以自定义border-radius、box-shadow等。 2、Shadows Brumm 官方网站:https://shadows ......
10 CSS边框属性
##### 10 CSS边框属性 1. border-style(边框风格) 定义边框的风格,值可以有: ``` /* none:没有边框,当border的值为none的时候,系统将会忽略[border-color] hidden:隐藏边框,低版本浏览器不支持。 dotted:点状边框。 dashe ......
前端input自动填充账号密码问题处理
1. autocomplete="off" input添加autocomplete属性2.<form autocomplete="off"> 在表单标签上添加autocomplete="off"属性。有些浏览器可能会尊重表单级别的autocomplete属性。3. 最上面增加一个隐藏的表单,自动填充 ......
使用OWASP Java HTML Sanitizer防止跨站脚本(XSS)攻击
OWASP Java HTML Sanitizer 是一个开源的Java库,用于防止跨站脚本(XSS)攻击。它通过对用户输入的HTML进行清洁和过滤来实现这一点,确保输出的HTML不包含任何恶意代码。 以下是关于 OWASP Java HTML Sanitizer 的一些关键点: 策略驱动: 这个库 ......
CSS基础-边框和圆角
# 边框和圆角 ## 边框 CSS中用border 定义边框属性。 border语法:border:[宽度][样式][颜色] 其中: - 宽度:边框的宽度,单位可以使px、em、rem 等单位,也可以使用thin、medium、thick 三种预设值 - 样式:边框的样式,值可以是 solid(实线 ......
Java后端使用HttpServleRequest接收前端JSON传参
BufferedReader bf = new BufferedReader(new InputStreamReader((ServletInputStream) request.getInputStream(), "utf-8")); StringBuffer sb = new StringBuf ......
解决pytest html报告中文乱码的问题
pytest-html指定版本3.1.1即可解决 pip install pytest-html==3.1.1 ......
WEB前端01-HTML基础
非淡泊无以明志,非宁静无以致远 说明: vscode插件安装 打开网络插件:安装 open in browser 打开浏览器插件 之后使用右击即有打开浏览器选项 汉化菜单插件: Chinese 缩放代码字号: Command -/+(mac中) 一、标签语法 1. 默认html页面格式 vscode ......
炫酷loading css实现
## 实现效果 ![](https://img2023.cnblogs.com/blog/1950214/202308/1950214-20230822110418807-1850369621.gif) ## 代码 本文使用react实现,其他同理 index.js ``` import React ......
Niushop前端代码小程序大于2M解决方案
## 注意压缩 ![](https://img2023.cnblogs.com/blog/1805284/202308/1805284-20230822033928513-462550981.png) ## 删除代码 `找到这个文件 注释掉` ![image](https://img2023.cnb ......
html学习
##相关网站: 1. 全标签网站 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element 2. 效果预览网站 http://codepen.io ##标准格式 ``` ``` ......
9 CSS背景属性
##### CSS 背景属性 ##### 1. background-color(背景颜色) 页面的背景颜色有四种属性值表示,分别是transparent(透明),RGB十进制颜色表示,十六进制颜色表示和颜色单词表示。 属性使用: ``` /* background-color: transpare ......
采用typescript编写,实现ofd前端预览、验章。
前言 浏览器内核已支持pdf文件的渲染,这极大的方便了pdf文件的阅读和推广。ofd文件作为国产板式标准,急需一套在浏览器中渲染方案。 本人研究ofd多年,分别采用qt、c# 开发了ofd阅读器。本人非前端开发人员,对js、typescript并不熟悉,所以对开发web版阅读器迟迟没有下手。但是,本 ......
css单行垂直居中,超过两行显示省略号
HTML: <div> <span>单行居中,多行居左单行居中,多行居左</span> </div> <div> <span>单行居中</span> </div> CSS: span { font-size:14px; overflow:hidden; text-overflow:-o-ellips ......
8 CSS文本属性
##### 8 文本属性 font-style(字体样式风格) ``` /* 属性值: normal:设置字体样式为正体。默认值。 italic:设置字体样式为斜体。这是选择字体库中的斜体字。 oblique:设置字体样式为斜体。人为的使文字倾斜,而不是去使用字体库的斜体字。 */ ``` font ......
CSS基础-定位
CSS中通常使用position 属性,决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 ......
7 CSS选择器优先级
##### 7 选择器优先级 所谓CSS优先级,即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 ``` /* !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style ......
6 CSS样式继承
##### 6 样式继承 CSS的样式表继承指的是,特定的CSS属性向下传递到子孙元素。总的来说,一个HTML文档就是一个家族,然后html元素有两个子元素,相当于它的儿子,分别是head和body,然后body和head各自还会有自己的儿子,最终形成了一张以下的家族谱。 ![image](http ......
前端知识理论整理
webpack:javaScript应用的静态模块化打包工具() package.json:通过npm init生成的,npm包管理的文件。 eslint:用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具,其目标是使代码更加一致并避免错误。 模块化 前端模块化的一 ......
黑马前端8.5(笔记分享)
黑马前端8.5包含移动web,js基础,webapi,js高级,ajax全部,vue基础,vue项目,node,react,小程序,人资视频,在线问诊,以及一些笔记课件资料。 ......
5 CSS伪类选择器
##### 5 伪类选择器 anchor伪类:专用于控制链接的显示效果 |More Actions[:link](https://www.w3school.com.cn/cssref/selector_link.asp) |a:link |选择所有未被访问的链接。 | | | | | |[:visi ......