随笔分类 -  Web前端

Vue之移动端viewport-vw适配
摘要：一、前置知识 vw：与视口的宽度有关，1vw 就是视口宽度的 1% vh：与视口的高度有关，1vh 就是视口高度的 1% vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个 vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个 vmin 阅读全文
posted @ 2023-03-23 13:56 达标 阅读(1050) 评论(0) 推荐(1)
vue3_ts_defineProps的使用
摘要：一、defineProps在js中的使用 // js setup const props = defineProps( { name:{ type: String, default: '张三', // 设置默认值 // required: true // 设置必传 } } ) 二、definePro 阅读全文
posted @ 2023-01-18 18:26 达标 阅读(4748) 评论(0) 推荐(0)
CSS基础二
摘要：一、盒子模型 1.盒子的组成 盒子模型：就是把HTML页面中的布局元素看作一个矩形盒子，也就是一个盛装内容的容器 CSS盒子模型的本质就是一个盒子，封装周围的HTML元素，包括：边框、外边距、内边距和实际内容。（border、margin、padding、content） 2.边框border 语法 阅读全文
posted @ 2021-06-04 22:21 达标 阅读(168) 评论(0) 推荐(0)
CSS基础入门及案例一
摘要：一.CSS基础选择器 1.标签选择器 标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。 语法： 标签名 { 属性1: 属性值： 属性2: 属性值; } 示例： p { color: red; } 2.类选择器 如果想要差异化选择不同的 阅读全文
posted @ 2021-05-31 14:14 达标 阅读(243) 评论(0) 推荐(0)
HTML基础入门及综合案例
摘要：一、结构 #定义文件类型 <!DOCTYPE html> #定义网页的语言 <html lang="zh-CN"> <head> #定义编码格式 <meta charset="UTF-8"> <title>标题</title> </head> <body> </body> </html> 二、标题标 阅读全文
posted @ 2021-05-26 11:23 达标 阅读(601) 评论(0) 推荐(0)