2019年第14周前端学习记录

北京皮肤科主治医院 http://m.39.net/baidianfeng/a_9671911.html

###css

####linear-gradient()函数

linear-gradient()函数用于创建一个线性渐变的图像。

为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡,并且你必须指定至少两种,当然也会可以指定更多的颜色去创建更复杂的渐变效果。

如:background:linear-gradient(toleft,#b72,#fff,#b72);

!--more--

###js

####toString(radix)方法

value.toString()把数字转换为字符串:

radix可选。规定表示数字的基数,是2~36之间的整数。若省略该参数,则使用基数10。但是要注意,如果该参数是10以外的其他值,则ECMAScript标准允许实现返回任意值。

如:varnum=15;

vara=num.toString();-数字默认是以二进制值显示

varb=num.toString(2);-数字以二进制值显示

varc=num.toString(8);-数字以八进制值显示

vard=num.toString(16);f16-数字以十六进制值显示

####toUpperCase()方法

string.toUpperCase()方法用于把字符串转换为大写。

toUpperCase()方法用于把字符串转换为大写。

####slice()方法

slice()方法可从已有的数组中返回选定的元素。

arrayObject.slice(start,end)

start:必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1指最后一个元素,-2指倒数第二个元素,以此类推。

end:可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从start到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

返回值:返回一个新的数组,包含从start到end(不包括该元素)的arrayObject中的元素。

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

####splice()方法

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

splice()方法向/从数组中添加/删除项目,然后返回被删除的项目。该方法会改变原始数组。

arrayObject.splice(index,howmany,item1,.....,itemX)

index必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

howmany必需。要删除的项目数量。如果设置为0,则不会删除项目。

item1,...,itemX可选。向数组添加的新项目。

splice()方法可删除从index处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。

如果从arrayObject中删除了元素,则返回的是含有被删除的元素的数组。

####filter()方法

filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。

注意:filter()不会对空数组进行检测。

注意:filter()不会改变原始数组。

array.filter(function(currentValue,index,arr),thisValue)

currentValue必须。当前元素的值

index可选。当前元素的索引值

arr可选。当前元素属于的数组对象

thisValue可选。对象作为该执行回调时使用,传递给函数,用作this的值。如果省略了thisValue,this的值为undefined

返回值:返回数组,包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。

###vue

####vuex

Vuex应用的核心就是store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态(state)。Vuex和单纯的全局对象有以下两点不同:

Vuex的状态存储是响应式的。当Vue组件从store中读取状态的时候,若store中的状态发生变化,那么相应的组件也会相应地得到高效更新。

你不能直接改变store中的状态。改变store中的状态的唯一途径就是显式地提交(


转载请注明:http://www.aierlanlan.com/cyrz/1717.html