- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 typeof 与 Object.prototype.toString.call(obj).slice(8,-1)
typeof 与 Object.prototype.toString.call(obj).slice(8,-1)
2023-04-16 17:52:32
122
原创 Object.defineProperty()与 Reflect()的区别
Object.defineProperty()与 Reflect()的区别
2023-02-22 22:30:06
149
原创 dispaly:none 与 visibility:hidden 在构建与渲染的时候
display:none visibility:hidden 构建渲染树 时的存在问题
2023-02-21 17:28:22
176
原创 Mac M1 Brew install 报错Error: Command failed with exit 128: git
Mac M1 Brew install 报错Error: Command failed with exit 128: git。react native 环境搭建问题
2023-02-14 13:28:02
323
原创 CSS篇 :not(s)伪类
E:not(s) 表示E元素不被匹配s代表元素或者 id 或者类名body :not(div){ background-color: pink; }body :not(#dd){ background-color: pink; }body :not(.other){ background-color: pink; }<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <ti
2021-11-23 17:56:07
177
原创 css篇文字伪类 first-line 与first-letter :selectio :before :after
first-line 与first-letter 文字伪类元素选择器 用于选择元素的局部E:first-line表示E元素中的第一行first-letter表示E元素中的第一个字符案例1<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> div{ width:
2021-11-23 17:46:48
314
原创 CSS篇径向渐变 background-image: radial-gradient
radial-gradient([<>]? [<形状> || <大小>,]? <点>, <点>…);起点起点：可以是关键字（left,top,right,bottom），具体数值或百分比形状： ellipse、circle大小 :具体数值或百分比，也可以是关键字（最近端，最近角，最远端，最远角，包含或覆盖 (closest-side, closest-corner, farthest-side, farthest-corner, conta
2021-11-23 17:28:22
351
原创 CSS篇 线性渐变 background-image：linear-gradient
说起来抽象 理解最好的方式就是 展示 后面有3个案例代码先简单说下线性渐变从起点到终点的这么一个过程必备条件：起点、终点选填：在起点与终点之间可以添加任一多个点每一个点需要有一个位置、颜色background-image linear-gradient 旋转度数 deg repeating-linear-gradient 重复线性渐变案例1<!DOCTYPE html><html> <head> <me
2021-11-23 17:25:52
2861
原创 CSS篇 文字阴影text-shadow
text-shadow属性 用于文字阴影语法格式如下text-shadow：水平位置 垂直位置 模糊距离 阴影颜色text-shadow：h-shadow v-shadow blur color参数表示的意义是否必须h-shadow水平阴影的位置。允许负值。必需v-shadow垂直阴影的位置。允许负值。必需blur模糊距离可选color阴影颜色可选<!DOCTYPE html><html> <hea
2021-11-23 16:45:47
460
原创 css篇自由缩放 resize属性
CSS3的一个重要的属性 resize 它允许用户通过拖动的方式来修改元素的尺寸来改变元素的大小。resize属性主要是用来改变元素尺寸大小的， 其主要目的是增强用户体验。 使用方法极其的简单。resize属性指定的值分为以下几种：属性名作用none用户不能拖动元素修改尺寸大小。both用户可以拖动元素，同时修改元素的宽度和高度。horizontal只有水平方向可以缩放vertical只有垂直方向可以缩放inherit继承父元素的resize属
2021-11-23 16:31:39
755
原创 css篇清除浮动
浮动的破坏性：高度塌陷 浮动元素脱离文档流后，导致父级元素高度塌陷。浮动元素的父级无法包裹住浮动元素。清除浮动的几种方式clear 元素的某个方向上不能有浮动元素.qingfudong{ clear: both; }给父级元素加高度.content{ height: 800px; }inline-block清除浮动display: inline-block;空标签清浮动<!DOCTYPE html><html> <
2021-11-22 16:41:07
71
原创 CSS篇选择器优先级
行间样式 权重第一 1000 id选择器 权重第二 100 类选择器 权重第三 10 标签选择器 权重第四 1行间样式 > id选择器 > 类选择器 > 标签选择器 > *（通配符）包含选择器优先级计算把每个选择器的价值相加，权重高则显示#wrap .list .item100 + 10 + 10 = 120<!DOCTYPE html><html> <head> <meta charset..
2021-11-22 15:00:54
41
原创 margin-top传递（与其他兄弟元素上下间有距离产生但是在元素本身没发现问题 ）
子级的margin-top传递给父级及祖先元素一般出现的现象是与其他兄弟元素上下间有距离产生但是在元素本身没发现问题解决办法：borderBFC - 标准浏览器的特性（让触发BFC的元素进行计算后独立的二次渲染）解决方式2：在父级中添加padding解决方式3：推荐使用。overflow: hidden;小提示：能用padding代替的就不要用margin 加wx wzq85006194...
2021-11-22 14:55:14
312
原创 CSS篇伪类选择器
概述伪类 ： 选定一群元素中复合条件的元素 使之可以添加特殊的效果。属性描述nth-child(n)表示E父元素中的第n个字节点 n = 某个具象的数字 odd = 奇数 even = 偶数（2n）nth-last-child(n)表示E父元素中的第n个字节点，从后向前计算nth-of-type(n)表示E父元素中的第n个子节点，且类型为E 根据元素进行顺序查找，找到第n的元素 找到第几个的元素nth-last-of-type(n)表示E父元素中的第n
2021-11-22 14:27:09
94
原创 CSS篇属性选择器 E[attr=“value“]
概述属性选择器通过 [] 来定义，[] 内部为元素的属性，属性选择器的权重要高于标签选择器标准属性：id class type src href自定义属性：data-E[attr]只使用属性名，但没有确定任何属性值E = Element元素attr = 属性属性使用的方式E[attr=“value”]指定属性名，并指定了该属性的属性值E[attr~=“value”]指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词
2021-11-22 12:58:41
2721
原创 CSS篇 过渡 transition
transition 语法transition 过渡transition-property 要运动的样式 （all || [attr] || none）transition-duration 运动（过渡）时间 s||ms 1000ms = 1stransition-delay 延迟时间transition-timing-function 运动形式ease：（逐渐变慢）默认值linear：（匀速）ease-in：(加速)ease-out：（减速）ease-in-out：（先加速后减
2021-11-22 12:02:47
561
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人