- 博客(42)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 css3 变换 transition
transition-property: 设置哪些属性要发生变换不是所有的属性都能过渡，值为数字，或者值能转为数字的属性，都支持过渡，否则不支持过渡。常见的支持过渡的属性有：颜色、长度值、百分比、z-index 、opacity 、2D 变换属性、3D 变换属性、阴影。不使用过度的话，就会闪的一下变到hover设置的样式。
2024-01-02 17:10:07
493
原创 js Math pow random
- 可以用来生成一个0-1之间的随机数。* - 生成一个0-x之间的随机数。* - 生成一个x-y之间的随机数。* - 生成一个0-10的随机数。* - 生成一个1-10。Math是一个对象，不像Date 要new Date()对 x 进行下舍入。
2024-01-02 11:07:39
340
原创 js Array
3.三个以后，都是替换的元素，这些元素将会插入到开始位置索引的前边。- 用来向数组的末尾添加一个或多个元素，并返回数组新的长度。- 向数组的前边添加一个或多个元素，并返回数组的新的长度。- 可以用来删除数组中指定元素，并使用新的元素替换。- 删除数组的前边的一个元素，并返回被删除的元素。- 可以从一个数组中截取指定的元素 前闭后开。该方法会将删除的元素封装到新数组中返回。属性length - length获取到的是数组的最大索引+1。，而是将截取到的内容封装为一个新的数组并返回。
2024-01-02 09:31:07
374
原创 uni-app 安卓 快速安心打包
Android平台签名证书(.keystore)生成指南 - DCloud问答。MockLib - Android证书。证书私钥密码 在打包时需要用到。使用这个网址，无需jre环境，
2023-12-28 15:52:46
931
原创 块居中 总结
方法2-1：left:50%;方法2-2：left:50%;transform:translate()方法1：left,right,top,bottom:0;
2023-12-28 09:43:40
377
原创 2D transform
子元素absolute,left:50%,top:50% 没有居中。使用移动，子元素左移动自身的50%，子元素上移动自身的50%子元素margin-left: 负的 自身宽度的一半。子元素margin-top:负的 自身高度的一半。即 translate(50%,50%)移位：translate。父元素relative。相对于原来的位置移动。
2023-12-27 18:01:21
363
原创 [warn]: getApp() failed. Learn more: https://uniapp.dcloud.io/collocation/frame/window?id=getapp.
直接在script中定义 let app = getApp()改成在使用app的时候 才getApp()需要一个文件一个文件去排查。
2023-12-27 16:11:03
483
原创 uni-app Cannot read property ‘meta‘ of undefined
出现这个问题是，我把pages.json 中的pages[] 或subpackage 中的页面pages/loupan/info/xiangqing/index注释掉了，后面的“contiditon"找不到这个路径导致的。// "path": "pages/loupan/info/xiangqing/index", //启动页面，必选。// "query": "" //启动参数，在页面的onLoad函数里面得到。注释的时候把"condition"前面的逗号也要注释掉。
2023-12-27 15:49:06
624
原创 多列布局 column-
column-rule-style ：设置列与列之间边框的风格，值与 border-style 一致。column-rule-width ：设置列与列之间边框的宽度，值是长度。columns ：同时指定列宽和列数，复合属性；值没有数量和顺序要求。column-rule-color ：设置列与列之间边框的颜色。column-count ：指定列数，值是数字。column-width ：指定列宽，值是长度。column-gap ：设置列边距，值是长度。coumn-rule ：设置列边框，复合属性。
2023-12-26 15:12:25
399
原创 flex 属性3
order 属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。默认值为 auto ，表示继承父元素的 align-items 属性。通过align-self 属性，可以单独调整某个伸缩项目的对齐方式。
2023-12-26 15:06:26
399
原创 flex--伸缩性
flex-basis 设置的是主轴方向的基准长度，会让宽度或高度失效。备注：主轴横向：宽度失效；主轴纵向：高度失效作用：浏览器根据这个属性设置的值，计算主轴上是否有多余空间，默认值auto ，即：伸缩项目的宽或高。设置了flex-basis:80px;沿主轴方向的宽（主轴方向：row 或row-reverse）或主轴方向的高（主轴方向：column 或 column-reverse) 会变成80px，原先设置的宽或高无效。
2023-12-26 11:48:55
674
原创 flex 2----居中
若想绝对居中的话，父元素font-size:0,再重置子元素的font-size。方法1：父容器开启flex 布局，随后使用justify-content 和align-items 实现水平垂直居中。方法1：父容器开启flex 布局，随后使用justify-content 和align-items 实现水平垂直居中。垂直：margin-top(父元素H-子元素H)/2)px。方法2：父容器开启flex 布局，随后子元素margin: auto。水平：text-align:center;
2023-12-26 09:36:20
356
原创 flex 属性1 方向 换行 对齐
display:flex 设置盒子为伸缩容器盒子里的子（）元素（块元素，行内，行内块）都变成，一旦成为了伸缩项目，全都会“块状化”默认主轴flex-direction:主轴方向flex-wrap:主轴换行flex-flow:flex-direction flex wrap 复合属性主轴对齐：justify-content侧轴对齐：单行：align-items多行：align-content。
2023-12-25 18:01:31
1693
原创 文本属性 text-
normal 文本超出边界自动换行，文本中的换行被浏览器识别为一个空格。与box-shadow的区别是box-shadow没有spread。注意：要使得 text-overflow 属性生效，为非 visiblem，如hidden,auto。在pre 效果的基础上，超出元素边界自动换行。在pre 效果的基础上，超出元素边界自动换行，原样输出，与pre 标签的效果相同。(与pre-wrap的区别)文本换行 white-space。且只识别文本中的换行，空格。文本内容溢出时的呈现模式。no-wrap：不换行。
2023-12-22 11:26:19
328
原创 background-size
等比例缩放,直到完全覆盖容器.图片会尽可能全的显示在元素上，但要。image默认从padding开始显示，50%表示(padding+contenet)的50%背景图片包含在容器内，但要注意：可能会造成容器里部分区域没有背景图片。contain:等比例缩放，图片全部显示，容器可能出现没背景的区域。，使背景图片的宽或高，与容器的宽或高相等，再将完整。cover:等比例缩放,让图片覆盖容器。
2023-12-22 09:22:02
344
原创 background-origion
1. padding-box ：从padding 区域开始显示背景图像。背景repeat的效果。从padding开始显示，border是repeat填充的。3. content-box ： 从content 区域开始显示背景图像。2. border-box ： 从border 区域开始显示背景图像。content-box ： 从content 区域开始显示背景图像。border-box ： 从border 区域开始显示背景图像。默认从padding开始显示。作用：设置背景图的原点。
2023-12-20 13:54:33
395
原创 opacity
rgba 是颜色的设置方式，用于设置颜色，它的透明度，仅仅是调整颜色的透明度。rgba 是颜色的设置方式，用于设置颜色，它的透明度，仅仅是调整颜色的透明度。opacity 是一个属性，设置的是整个元素（包括元素里的内容）的不透明度。
2023-12-20 11:42:59
329
原创 box-shadow
blue:8px 与上图 spread:3px blue5px 对比。spread:5px,在box的大小上往四周延申5px铺在box背后。h-shadow 水平阴影的位置，必须填写，可以为负值。v-shadow 垂直阴影的位置，必须填写，可以为负值。inset blur 调大 中间圆形效果。inset 可选，将外部阴影改为内部阴影。蓝色块躲在灰色块后面。blur:5px;spread 可选，阴影的外延值。color 可选，阴影的颜色。blur 可选，模糊距离。水平方向移动115px。
2023-12-20 11:31:14
391
原创 box-size
border-box width,height设置的是盒子的宽高，content区域自动缩小。content-box 默认模式，width,height 设置的是 content区的宽高。
2023-12-20 10:40:34
330
原创 first-child nth-child() :hover
item 下的第一个子孙，且这个子孙是dl ,在这个元素下的dt color:red。所有item下的 第一个孩子且是ul，下 的 第一个孩子且是li 的背景色。=========firth-child nth-child 结合。鼠标移动到li的时候，显示该hover元素下的 .sec-memu。ul 下的第一个孩子且是li元素 下的a。=========上面的demo 调整样式。对比，ul 的第一个孩子不是li元素。ul 下的 第一个孩子&li。2n+1 2n-1 奇数。
2023-12-19 17:54:13
379
原创 background-position
图片 往上移动，即y轴负方向。显示图标2 ，图片向x负方向移动，y轴不变。显示图标4，图片要往左移动，即 x轴负方向。
2023-12-19 10:55:50
303
原创 float
对兄弟元素的影响：对前面的兄弟无影响。后面的兄弟元素，会占据浮动元素之前的位置，在浮动元素的下面，下面元素的文字会被挤出来呈现文字环绕的效果对父元素的影响： 不能撑起父元素的高度，导致父元素高度塌陷；但父元素的宽度依然束缚浮动的元素。<style> .box{ width: 40px; height: 40px; background-color: antiquewhite; margin-bott
2023-12-18 09:59:36
344
原创 absolute fixed 特殊应用
不设置inner的宽高，设置left,right,bottom,top 为0，position:fixed 或relative .inner元素会填充整个页面。fixed是相对于窗口居中的，不像absolute那样，父元素添加absolute,relative就可以限制住子元素。不设置inner的宽高，设置left,right,bottom,top 为0,会充满整个页面，情况1：父元素添加relative,absolute后，相对父元素（包含块）居中。1、元素充满包含块 2、元素居中。
2023-12-18 09:06:08
342
原创 relative absolute fixed sticky 定位
在item的父元素增加overflow:auto 让父元素拥有滚动机制，但是.cont的高度由内容撑开，没有出现滚动条，sticky不生效。2. 对于脱离文档流的元素：包含块是第一个拥有定位属性（absolute,relative）的祖先元素（如果所有祖先都。absoulte:.cont脱离文档流后，下面的文字会移动到 .cont原来的位置，.cont会直接把文字遮住。离它最近的一个拥有“滚动机制”的祖先元素，即便这个祖先不是最近的真实可滚动祖先。离它最近的一个拥有“滚动机制”的祖先元素。
2023-12-15 11:38:06
1170
原创 width height，盒子模型
background的范围默认从border开始到padding 再到content的区域。元素盒子的宽 = content的宽 + 左右padding+ 左右border。元素设置的width,heigth设置的是content的宽高，
2023-12-13 11:51:19
371
原创 块、行内元素 水平，垂直居中
垂直：marign-top: ( 父元素高度-子元素高度）/2 px 可能会出现margin-top塌陷问题，需要父元素添加overflow:hidden,或padd>0 或border>0。垂直：父元素添加line-height=height ,每个元素加上vertical-align:middle。如果要绝对居中，设置父元素的font-size:0,再设置子元素的font-size:0。水平：在父元素添加text-align:center,对于行内元素或块元素。
2023-12-13 11:32:50
303
原创 vue 父传子 子接收默认值定义
default:()=>{return {}} //或 default:()=>({})直接 default:()=>{} 会收到 值undefined。
2023-11-01 14:48:39
33
ts private 疑惑
2023-07-28
html <video> pause 后 是否会加载
2018-11-27
c++括号匹配，用中文输入括号与用英文输入的括号结果不一样
2014-03-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人