楼上有只喵
  • 首页
  • 归档
  • 分类
  • 标签
  •   
  •   

响应式开发

1 响应式开发1.1 响应式开发原理响应式开发就是使用媒体查询,针对不同宽度的设备进行布局和样式的调整,从而适配不同设备。 1.2 案例12345678910111213141516171819202122232425262728/*1. 超小屏幕下 小于768 容器宽度为100%*/@media screen and (max-width: 767px) { .conta
2022-11-27
前端布局
#CSS

CSS定位

1. 为什么需要定位?有些场景,使用标准流和浮动都没办法实现。比如: 某个元素可以随意在一个盒子内移动位置,并且压住其他盒子。 滚动窗口的时候,盒子是固定在某个位置的。 2 定位是什么? 定位组成:定位 = 定位模式 + 边偏移 定位特性: 绝对定位和固定定位和浮动类似 行内元素添加绝对定位或固定定位,可以直接设置宽度和高度 块级元素添加绝对定位或固定定位,如果没有设置宽度和高
2022-11-27
前端布局
#CSS

CSS元素显示模式

1 定义 元素显示模式就是:元素(标签)以什么方式进行显示。比如自己占一行,一行可以放多个 html元素一般可以分为:块元素和行元素 2 块元素常见的块级元素有div、hr、p、h1 - h6, ul , ol , form , table 2.1 特点 独占一行 可以控制:宽度,高度,内外边距 宽度默认是父容器的100% 是一个容器,里面可以放行内元素或者块级元素 注意:文字类的元素内不
2022-11-26
前端布局
#CSS

解决手机端1像素边框问题

1. 定义border.css文件Travel/border.css at main · panyuro/Travel (github.com) 2. 在main.js引入1import './assets/styles/border.css'
2022-11-20
前端布局
#CSS

CSS浮动

多个块级元素纵向排列找标准流,横向排列找浮动。 1 普通流(标准流)1.1 定义标准流就是标签按照规定好默认方式排列。标准流是最基本的布局方式。 块级元素会独占一行,从上到下顺序排列。如:div、hr、p、h1 - h6, ul , ol , form , table 行内元素会按照顺序,从左往右排序,如:span, a, i ,em 2 浮动2.1 为什么需要浮动? 有很多布局效果,标准
2022-11-20
前端布局
#CSS

CSS盒子模型

1 块级元素水平居中 必须满足两个条件 盒子必须指明了宽度 盒子左右的外边剧都设置为auto 常规写法 margin-left: auto ; margin-right: auto margin: auto margin: 0 auto 2 行内元素或者行内块元素水平居中解决方案:给父元素添加: text-align: center 3 嵌套块元素垂直外边距塌陷对于两个嵌套关系(父子关系
2022-11-20
前端布局
#CSS

ESLint

1 ESLint是什么?ESLint最初是由Nicholas C. Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工具。 ESLint 的初衷是为了让程序员可以创建自己的检测规则 ESLint 并不推荐任何编码风格,规则是自由的 官网:ESLint - 插件化的 JavaScript 代码检测工具 - ESLint中文文档 (bootcss.
2022-11-18
前端布局
#前端 #代码规范 #eslint

Java泛型

1.泛型概念1.1 定义泛型是JDK5中引入的特性,可以在编译阶段约束操作的数据类型,并进行检查 java范型在生成字节码的时候会进行擦除 范型格式:<数据类型> 注意:泛型只能支持引用数据类型,因为定义的范型,其实在存入的时候还是会变成Object类型,而基本数据类型,不可以变成Object类型 指定范型类型后,可以传入该类类型及其子类类型 1.2 好处 统一数据类型 运行时期的
2022-11-09
Java基础
#泛型

ES6语法学习笔记

1 Let和const Let: 所声明的变量,只在let命令所在的代码块内有效。 const声明一个只读的常量。一旦声明,常量的值就不能改变。const一旦声明变量,就必须立即初始化,不能留到以后赋值。类似final 2 解构赋值 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 本质上,这种写法属于“模式匹配”,只要等号两边的模式
2022-11-04
前端布局
#es6

bootstrap基本样式

边框 class=”border” 添加边框属性, class=”border-top” 显示指定边框。 class=””border-0”:边框-删除 class=”border-top-0“: 删除或显示特定边框 .rounded元素可以轻松的定义四个圆角的孤度及显示效果 文本颜色 .text-danger .text-secondary .text
2022-10-28
前端布局
#CSS
1…1415161718…29

搜索

Hexo Fluid
总访问量 次 总访客数 人