与或非实习day03

Js字符串：

　　split:方法用于把一个字符串分割成字符串数组。

　　　　注释：String.split() 执行的操作与 Array.join 执行的操作是相反的

　　join:

　　　　join() 方法用于把数组中的所有元素放入一个字符串。

　　　　元素是通过指定的分隔符进行分隔的。

　　　　param:指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符

　　indexOf:查找是否存在，存在返回下标，不存在返回-1

　　substring:方法用于提取字符串中介于两个指定下标之间的字符。

　　charAt:方法可返回指定位置的字符。

　　splice:

　　　　splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。

　　　　注释：该方法会改变原始数组。

　　slice:

　　　　返回一个新的数组，包含从 start 到 end （不包括该元素）的 arrayObject 中的元素。

　　　　请注意，该方法并不会修改数组，而是返回一个子数组。如果想删除数组中的一段元素，应该使用方法 Array.splice()

　　　　end 顾头不顾尾

 

todos.filter(function(item) {return !item.completed}

这个filter 原生js的过滤器；数组过滤器，可以在里面增加函数

进行过滤，过滤后会生成新的数组；但不会影响原来的数组；

 

 简单来说就是CSS3中新增的一个函数，calculate（计算）的缩写。用于动态计算宽/高，你可以使用calc()给元素的各个属性设置值【margin、border、padding、font-size】等，

.tab {

height: calc(100vh - 220rpx);

}

 

规定段落中的文本不进行换行：

white-space: nowrap;

 

 

transform 设置元素 – 2D/3D转换

transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

浏览器会直接显示转换后的效果，不像transition这个属性那样有动画效果

transition 设置元素 – 过渡效果

translation: 中文为 翻译
translation: 即不是css属性，也不是属性值

就是说没有transtlation这个属性，只是为了区别。列出来而已

 

 

transition: color .3s ease;

transition-property	规定设置过渡效果的 CSS 属性的名称。
transition-duration	规定完成过渡效果需要多少秒或毫秒。
transition-timing-function	规定速度效果的速度曲线。

 

overflow 属性规定当内容溢出元素框时发生的事情。

text-overflow 属性规定当文本溢出包含元素时发生的事情。

 

ellipsis

显示省略符号来代表被修剪的文本。

-webkit-line-clamp  /*设置p元素最大4行，父元素需填写宽度才明显

word-break 属性规定自动换行的处理方法。

break-all

允许在单词内换行。

box-orient 属性规定框的子元素应该被水平或垂直排列。

vertical

从上向下垂直排列子元素。

translation: 中文为 翻译
translation: 即不是css属性，也不是属性值

 

 

 

今日小结：辨析了很多js的数组，字符串还要内置函数

然后就是css的flex布局，还有css3 的很多样式布局都忘了

得花时间整理