摘要: 用来绘图图形canvas元素的使用 在html文件中添加一个canvas元素 <canvas id="myCanvas"></canvas> 使用JavaScript获取canvas元素,并获取其2D上下文对象(画笔) const canvas = document.getElementById(' 阅读全文
posted @ 2023-10-29 09:38 chichi0002 阅读(6) 评论(0) 推荐(0) 编辑
摘要: # vue存储库 pinia和vuex ### pinia与vuex的区别 (1)pinia它没有`mutation`,他只有state,getters,action【同步、异步】使用他来修改state数 (2)pinia他默认也是存入内存中,如果需要使用本地存储,在配置上比vuex麻烦一点 (3) 阅读全文
posted @ 2023-08-31 14:28 chichi0002 阅读(32) 评论(0) 推荐(0) 编辑
摘要: # 1. 组件通讯 ## 1.1 props > 1. 主要用于父传子,只能一级一级传递 > > 2. 传递数据的方法:属性名={值},属性名自定义 > > 3. 如果是`函数组件`接收数据,则通过形参props接收数据 > > 4. props是对象{arr:[...]},对象上的属性就是传递数据 阅读全文
posted @ 2023-08-23 08:32 chichi0002 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 文字阴影、文本溢出、盒子模型的缩放、盒子阴影 文字阴影 格式:text-shadow:value none,默认文本没有阴影。 color lrshadow tbshadow blur color,阴影的颜色,可选的。不写默认是文本颜色。 lrshadow,左右阴影(水平),正数阴影在文本右侧,负数 阅读全文
posted @ 2023-03-21 19:32 chichi0002 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 选择器 1.层次选择器 E F,后代选择器。最终选择F,并且F元素属于E元素的后代。 E > F,子选择器,选择匹配的F元素,且匹配的F元素是E的子元素。 E + F,相邻兄弟选择器。选择匹配的F元素且匹配的F元素仅位于匹配的E元素的后面。 <!DOCTYPE html> <html> <head> 阅读全文
posted @ 2023-03-21 19:15 chichi0002 阅读(34) 评论(0) 推荐(0) 编辑
摘要: HTML5 新增标签 1.1 新增页面布局标签 | 标签名 | 语义和功能 | 属性 | 单标签还是双标签 | | | | | | | header | 页头 | | 双标签 | | footer | 页脚 | | 双标签 | | nav | 导航条 | | 双标签 | | section | 页面 阅读全文
posted @ 2023-03-20 19:49 chichi0002 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 定位、opacity透明度属性、visibility和display隐藏元素 1.定位 position(确定的是移动的基准) static,默认值。静态的。(不让动) relative,相对。相对于自身的位置来移动 absolute,绝对定位position的值不是static的最近的祖辈元素。如 阅读全文
posted @ 2023-03-20 19:49 chichi0002 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 行内元素 或 行内块元素在布局中的特点 1. 父元素设置的文本属性可以作用于行内元素 和 行内块元素 ① 让行内块元素在父元素中水平居中 给父元素设置text-align:center ② 让行内块元素在父元素中纵向居中 给父元素设置行高与父元素高度一致 给行内块元素本身设置 vertical-al 阅读全文
posted @ 2023-03-13 21:02 chichi0002 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 浮动 1.元素浮动产生的特点 1. 浮动元素会脱离文档流,后面的的元素会占据原来的位置(显示在底下,文字会被挤出) 2. 不论元素原来的显示模式是什么,设置成浮动,具有自己的显示模式,具有如下特点 ① 默认宽高被内容撑开,不存在外边距塌陷和合并,左右外边距设置auto不会居中 ② 不会被父元素作为文 阅读全文
posted @ 2023-03-13 21:02 chichi0002 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 伪类选择器 <style> /* 这几个样式同时设置时的顺序: love hate l(link)ov(visited)e h(hover)a(active)te */ div { width:200px; height: 200px; background-color: #f90; } /* 鼠标 阅读全文
posted @ 2023-03-10 21:10 chichi0002 阅读(8) 评论(0) 推荐(0) 编辑