- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 transform: translate
transform: translate（x,y） 如transform: translate（40%，50%）作用为元素向右偏移自身宽40%的距离并向下偏移自身高50%的距离，类似margin-left和margin-top;
2019-11-06 17:05:29
539
原创 -webkit-line-clamp
-webkit-line-clamp用于限制块元素中文本行数，必须结合以下样式方可生效 display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow: ellipsis; ...
2019-11-01 11:25:27
182
原创 colunm-count， orphans，widows
colunm-count：3； 将容器均分成三列，当子元素足够多时，将子元素分成三份，分布在三列中显示， 1.当两个相邻子元素宽度相加超出一列宽度时，换行 2.当一个子元素超出一列宽度时，溢出 3.无空格文本视为一个子元素，即将文本按照空格划分为多个元素 orphans，widows 针对column-count,设置一页（一列）中页头页尾最少行数，一般都设置为同一个数，个人感觉...
2019-10-09 12:57:37
239
原创 background-clip，clear, zoom
background-clip 该属性规定背景的绘制区域。 clear 该属性清除自身的浮动效果，打破横向排列， 清除元素左边的浮动效果则排列在该元素之前的元素会将该元素认定为标准流中元素 清除元素右边的浮动效果则排列在该元素之后的元素会将该元素认定为标准流中元素 向容器最后面添加清除了左边浮动的块元素可使容器获取到浮动框的高度 zoom 这个属性时ie浏览器特有 IE使用Lay...
2019-10-08 09:58:09
157
原创 闭包
假如有如下两个函数 function a(){ var i=0; while(i<100){ console.log('letters'); b(); i++; } console.log('last'); b(); } function b(){ console.log('a'); ...
2019-10-07 19:39:55
61
原创 box-shadow
box-shadow其中的两个属性 1.spread-radius 值越大，阴影面积越大 2.blur-radius 值越大，阴影模糊程度越大 两个属性值常常设置为相同，所以box-shadow中的第三个值常常指这两个属性值 只设置下边框阴影 box-shadow:02px4px2pxrgba(0,0,0,.06); ...
2019-10-07 09:58:21
86
原创 窗口缩放事件
$(window).resize(function() { console.log(getComputedStyle(document.body).width); })
2019-10-06 20:17:37
749
原创 readyState的五种状态详解
0: (Uninitialized) the send( ) method has not yet been invoked. 1: (Loading) the send( ) method has been invoked, request inprogress. 2: (Loaded) the send( ) method has completed, entire respons...
2019-10-06 16:17:43
369
原创 text-transform resize white-space
text-transform 规定文本大小写。如text-transform:uppercase; resize 规定用户是否可以调整元素尺寸，一般用于textarea,如：规定用户可以调节高度resize:vertical; white-space 规定浏览器对元素内空白的处理，以及文本是否换行 ...
2019-10-06 13:05:32
89
原创 前端写码的经验与教训
1.粗心把html标签位置弄错了，页面居然出奇的正常，后面出现问题后，一直琢磨js代码。 2.给某元素加了样式position:absolute,其父元素还是position：static的样式。 3.新知识还没经过验证就随便用。 ...
2019-10-05 20:15:11
202
原创 box-sizing，text-size-adjust，outline
1.box-sizing box-sizing:border-box;这样宽高就会将边框计算在内了，即在给定宽高的情况下添加padding和border不影响元素尺寸 2.text-size-adjust 默认值auto,在移动端设备上设置文本尺寸是否随设备大小变化而变化，auto表示变化，none表示不变化 3.outline 类似border在border外层添加轮廓，该属性不...
2019-10-05 20:06:13
93
原创 用vue画格子
写代码前先想一个问题： 如果将自然数以相邻两个数字为一组进行分配，（即0和1一组，2和3一组，4和5一组，，，一直到无穷大）如何判断两个相邻自然数是否属于按此规则分配的同一组，比如783和784是一组吗？ 仔细一看发现属于同一组的自然数都是一奇一偶，且偶小于奇，因此很容易判断783和784不属于同一组。 那么如果将自然数以相邻16个数字为一组进行分配呢？如何判断任意两个相邻的自然数属于同一组...
2019-10-03 20:47:54
1655
原创 samba配置
samba安装 yum install -y samba yum install -y samba-client 创建共享文件例如/share,并执行以下操作 chmod -R 777 /share 配置/etc/samba/smb.conf文件，该内容不做赘述， 主要是把刚才创建的共享文件赋值到path中 创建一个系统用户如 useradd userForShare 并将共享文件的所有权限...
2019-10-02 23:49:19
81
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人