属性display css 14
css盒子水平垂直居中的几种方式
第一种：son盒子中定位的上下左右全部为0，然后margin：auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten ......
css让div在页面上下左右居中
.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
初识vue3-setup语法糖，ref和reactive语法，computde计算属性，watch开启监听
vue3和vue2的区别 1，vue3首次渲染更快（Vue3在编译和渲染性能上有了很大的提升，主要是因为使用了Proxy代理和优化算法，使得组件可以更快的渲染） 2，diff算法更快 3，内存占用体积变得更小 4，打包体积变得更小 5，更好的ts支持（这里不是因为vue3是ts写的，所以更加支持ts ......
css3实现模糊背景
☆filter采用高斯模糊，只能在背景图片上，纯色图片不显示 https://www.zhihu.com/tardis/sogou/art/382696698 ......
使用css绘制聊天气泡
实现原理： 给聊天区域的边框补充一个三角形 1： 左三角聊天气泡 .left-box{ max-width: 540rpx; min-height: 80rpx; border-radius: 10rpx; border: 2rpx solid #D7D7D7; position: relative ......
css 样式笔记
calc calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运 ......
XHR的属性、XHR的方法、XHR的事件
XHR的属性 responseType和response属性 timeout属性 withCredentials属性 XHR的方法 abort() setRequestHeader() XHR的事件 load事件 error事件 abort事件 timeout事件 ......
css-输入框和按钮水平对齐
<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width ......
CSS鼠标样式（cursor）总结（转载）
CSS鼠标样式（cursor）总结 属性值 示意图 描述 auto 默认值，由浏览器根据当前上下文确定要显示的光标样式 default 默认光标，不考虑上下文，通常是一个箭头 none 不显示光标 initial 将此属性设置为其默认值 inherit 从父元素基础 cursor 属性的值 cont ......
CSS选择器（包含CSS3新增的伪类和属性选择器等）
选择器 详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法 规则由两个主要的部分构成：选择器，以及一条或多条声明（样式） 全局选择器 可以与任何元素匹配，优先级最低，一般做样式初始化 ......
Qt 5.14.2 Windows10 Android 环境搭配 和 apk 文件生成
一、JDK（Java Development Kit）安装 版本： 资源：下载官网的资源需要登录帐号，可以在网上自己去找资源。jdk8 下载地址 1、打开jdk安装软件，进入Java SE 安装界面。 2、点击下一步。 3、点击下一步，进入安装界面。安装完成后进入Java安装界面。 4、点击下一步， ......
SAP UI5 里响应式表格的 minScreenWidth 属性讲解
响应式网页设计 (Responsible Web Designer) 的最大挑战之一是呈现表格数据。 包含很多列的大表格根本不适合较小的屏幕，并且没有简单的方法使用 CSS 和 Media Query 重新格式化表格内容，以获得可接受的视觉显示。 为了解决这个问题，SAP UI5 框架提供了基于列的 ......
🍍踩坑：SpringBoot打jar包运行出现错误（没有主清单属性）
我是使用Spring Initializr创建的SpringBoot项目，下面看下给我自动生成的pom文件： <dependencyManagement> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> ......
JAVAWEB-北京地铁查询系统（Servlet+JSP+CSS+SQL 实现）部分代码
#这是我与伙伴合作完成的练习项目 @小彭先森 页面展示请见我的上一篇博客：https://www.cnblogs.com/rsy-bxf150/p/17253623.html 完整代码请看我的GitHub:https://github.com/BXF-Aurora168 部分代码： Sub.java ......
sap.ui.comp.smarttable.SmartTable 一些属性的用法阐述
SmartTable 控件根据 OData 元数据和指定的配置创建一个表格控件。 必须指定 entitySet 属性才能使用该控件。 此属性用于从 OData 元数据中获取字段，从中生成列； 它还可以用于获取实际的表数据。 基于 tableType 属性，此控件将呈现标准表、分析表、树或响应表。 这 ......
JAVAWEB-北京地铁查询系统（Servlet+JSP+CSS+SQL 实现）
Servlet+JSP+CSS+SQL 实现完善的地铁系统页面 #这是我和伙伴合作完成的练习项目 #代码我将放在下一篇博客 功能介绍： 1.地铁线路查询：选择线路，输出线路上的站点名。 2.地铁站点查询：输入站点，输出所在的线路。 3.最短路径换乘查询：输入起点终点，输出所有可能的路线，最上面显示的 ......
Node12+ 下 axios 包使用报错引发的对 package.json's exports 等属性以及 esm 的探究
最近碰到一个 case，在一个用 ts 写的 node 项目里，使用 axios，本地开发没问题，但是部署上去报错了，然后使用方式改了一下就没问题了 import axios from 'axios' // 部署上去后报错 // 修改后 import axios from 'axios/dist/n ......
CSS14.高级应用
CSS高级应用 1. 元素的显示与隐藏 目的 让一个元素在页面中消失或者显示出来 场景 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出来！ 1.1 display显示（重点） display设置或检索对象是否及如何显示。 display: none 隐藏对象display: ......
CSS13.定位
定位 1. CSS布局的三种机制 1、普通流（标准流） 2、浮动 让盒子从普通流中浮起来——让多个盒子div水平排列成一行。 3、定位 将盒子定在某一个位置 自由的漂浮在其他盒子的上面 ——CSS离不开定位，特别是后面的js特效。 2. 为什么使用定位 所以，我们脑海应该有三种布局机制的上下顺序 标 ......
CSS11.背景
CSS背景 1.背景颜色（color） 语法： background-color:颜色值； 默认的值是 transparent 透明的例：background-color:pink; 2.背景图片（image） 语法： background-image:none|url(url) 参数作用 none ......
CSS12.浮动
浮动 1.浮动（float） 1.1 CSS布局的三种机制 网页布局的核心——就是用CSS来摆放盒子 CSS提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） 块级元素会独占一行，从上向下顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、d ......
CSS08.盒模型
盒模型 1.什么是标签的显示模式 什么是标签的显示模式？ 标签以什么方式进行显示，比如div自己独占一行，比如span一行可以放多个 作用： 我们网页的标签非常多，在不同地方会用到不同类型的标签，以便更好的完成我们的网页。 标签的类型（分类） HTML标签一般分为块标签和行内标签两种类型，也称为块元 ......
CSS09.盒模型应用
盒模型应用 改变宽高范围 默认情况下，width 和 height 设置的是内容盒宽高。 页面重构师：将psd文件（设计稿）制作为静态页面 问题：衡量设计稿尺寸的时候，往往使用的是边框盒，但设计width和height，则设置的是内容盒 解决办法有两种： 精确计算 CSS3：box-sizing（用 ......
CSS10.行盒盒模型
行盒的盒模型 常见的行盒：包含具体内容的元素 span、strong、em、i、img、video、audio 显著特点 盒子沿着内容沿伸 行盒不能设置宽高 调整行盒的宽高，应该使用字体大小、行高、字体类型，间接调整 内边距（填充区） 水平方向有效，垂直方向仅会影响背景（背景变，但字体还是不动），不 ......
CSS07.属性值的计算过程
属性值的计算过程 概念： 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，此时： 选择器相同，则执行层叠性 选择器不同，就会出现优先级的问题。 权重计算公式 关于CSS权重，我们需要一套计算公式来去计算，这个就是CSS Specificity特殊性。 标签选择器计算权重公式 继承或* 0, ......
CSS05.层叠
层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 概念： 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉 原则： 样式冲突，遵循的原则 ......
CSS06.继承
继承 子元素会继承父元素的某些(不是全部)CSS属性 通常，跟文字内容相关的属性都能被继承 例：background-color、weigh、height不能被继承 概念： 子标签会继承父标签的某些样式，如文本颜色和字号。 想要设置一个可继承的属性，只需将他应用于父元素即可。 简单的理解就是：子承父 ......
CSS03.字体样式
字体样式 1.CSS外观属性 1.1 color：文本颜色 作用： color属性用于定义文本的颜色 其取值方式有如下3种： 表示属性值 预定义的颜色值（预设值：定义好的单词） red、green、blue 十六进制 淘宝红：#ff4400/#f40 黑色：#000000/#000 白色：#ffff ......
CSS04.选择器
选择器 选择器作用：帮助你精准的选中想要的元素\找到特定的HTML页面元素 1.简单选择器 1.1 ID选择器（JavaScript使用）（不推荐使用） 选中的是对应id值的元素 id选择器使用#进行标识，后面紧跟id名 其基本语法格式如下： id选择器 #id名 {属性1:属性值1; 属性2:属性 ......
关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题
先放结论：不要在路由组件的 template 块中使用多个根标签，注释也不行。 今天碰到一个奇葩的问题，后端告诉我说，进入特定页面后，跳转其他页面均会白屏，刷新后就会加载。 一开始我以为是菜单的问题，搞鼓了半天，发现没什么问题。之后我又以为是路由的问题，发现只要移除了 transition 的 mo ......