vue的生命周期选项 1. beforeCreate 在组件实例初始化之后调用,也就是new Vue()之后 初始化了主要的生命周期函数 2. created 初始化了data(),computed(),methods(),watch() 使用场景:调用ajax来获取自己的首屏数据 3.beforeMount 内存中已经编译生成好了html结构,但是还没有渲染。 mount表示挂载的意思,就是说要将内存中渲 2022-12-01 Vue
响应式开发 1 响应式开发1.1 响应式开发原理响应式开发就是使用媒体查询,针对不同宽度的设备进行布局和样式的调整,从而适配不同设备。 1.2 案例12345678910111213141516171819202122232425262728/*1. 超小屏幕下 小于768 容器宽度为100%*/@media screen and (max-width: 767px) { .conta 2022-11-27 前端 #CSS
响应式开发 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基础 #泛型