orange

定义： reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。 案例 计算数组总和 var num = [1,2,3,4,5]; var res = num.reduce(function(total,num){ return total+num; //return total + Math.round(num);//对数组元素四舍五入并计算总和 },0); console.log(res)；//15 //num.reduce((total,num) => total += num, 0); //没有初始值initialValue（即上面例子中的0），当数组为0时会抛出异常提示reduce函数没有初始值，所以为兼容性一般加上initialValue 合并二维数组 var red = [[0, 1], [2, 3], [4, 5]].reduce(function(a, b) { return a.concat(b); }, []); console.log(red) VM291:4 (6) [0, 1, 2, 3, 4, 5] 统计一个数组中有多少个不重复的单词： 不用reduce时： var arr = ["apple","orange","apple","orange","pear","orange"]

列表 列表是最常用的数据类型之一，通过列表可以对数据实现最方便的存储、修改等操作 1.定义列表 1 fruits = ['apple','banana','orange'] 2.通过下标访问列表中的元素，下标从0开始计数 1 >>> fruits[0] 2 'apple' 3 >>> fruits[2] 4 'orange' 5 >>> fruits[-1] 6 'orange' 7 >>> fruits[-2] 8 'banana' 3.切片 1 >>> fruits = ['apple','banana','orange','peal','grape'] 2 >>> fruits[1:4] #取下标1到下标4之间的数，包括1但不包括4 3 ['banana', 'orange', 'peal'] 4 >>> fruits[1:-1] #取下标1至-1之间的数，不包括-1 5 ['banana', 'orange', 'peal'] 6 >>> fruits[0:3] #从头开始取，不包括3 7 ['apple', 'banana', 'orange'] 8 >>> fruits[:3] #和上句一样 9 ['apple', 'banana', 'orange'] 10 >>> fruits[3:] #从下标3到最后，到末尾只能这样取 11 ['peal', 'grape']

JavaScript 有许多数组方法说几个简单的方法 toString() 把数组转换为数组值（逗号分隔）的字符串。 1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 document.getElementById("demo").innerHTML = fruits.toString(); 能够将它转化为 1 Banana,Orange,Apple,Mango join() 方法也可将所有数组元素结合为一个字符串。 它和 toString()方法很相似，区别是你可以定义分割符。 1 var fruits = ["Banana", "Orange","Apple", "Mango"]; 2 document.getElementById("demo").innerHTML = fruits.join(" * "); 1 Banana * Orange * Apple * Mango push() 方法（在数组结尾处）向数组添加一个新的元素，并可以返回新数组的长度 1 var fruits = ["Banana", "Orange", "Apple", "Mango"]; 2 fruits.push("Kiwi"); // 向 fruits 添加一个新元素 var x = fruits.push("Kiwi"); //

从列表中删除元素 常用命令如下： del fruits [索引号，如0] //可删除列表任何元素，只知道删除元素的索引号 pop_fruits = fruits.pop() //删除列表最后一个元素，并把删除的值定义为变量pop_fruits的值，可用于其他用途 pop_fruits = fruits.pop(索引号，如1) //可删除列表中任何元素，只需知道元素的位置 fruits.remove(“orange”) //需知道删除元素的值 详细的例子如下： 使用del 语句 / /可删除任何位置的元素，只需知道删除元素在列表中的位置 fruits = [ "apples" , "pear" , "orange" , "cherry" ] del fruits [ 0 ] // 删除列表第一个元素 print ( fruits ) // 输出结果为 fruits = [ "pear" , "orange" , "cherry" ] 使用del语句将值从列表中删除后，就永久删除了，再也无法访问它 使用方法pop() // 可删除列表末尾元素，并让你能够接着使用它 fruits = [ "apples" , "pear" , "orange" , "cherry" ] pop_fruits = fruits . pop ( ) print ( pop_fruits ) print (

定义 　　JavaScript定义正则表达式有两种方法。 1.RegExp构造函数 var pattern = new RegExp("[bc]at","i"); 　　它接收两个参数：一个是要匹配的字符串模式，另一个是可选的标志字符串。 2.字面量 var pattern = /[bc]at/i; 　　正则表达式的匹配模式支持三种标志字符串： g :global，全局搜索模式，该模式将被应用于所有字符串，而并非搜索到第一个匹配项就停止搜索； i :ingore case，忽略字母大小写，即在确定匹配项时忽略模式和字符串大小写； m :multiple lines，多行模式，即在搜索到达一行文本末尾时会继续查找下一行是否有匹配项。 　　这两种创建正则表达式方法的不同之处在于，正则表达式字面量始终会共享同一个RegExp实例，而使用构造函数创建的每一个新RegExp实例都是新实例。 元字符 　　元字符是拥有特殊意义的字符，正则表达式的元字符主要有： 　　( [ { \ ^ $ | ) ? * + .　　 　　在不同的组合中元字符有其不同的意义。 预定义特殊字符 　　 字符类 　　简单类 　　一般情况下正则表达式一个字符对应字符串一个字符，但我们可以使用[]来构建一个简单的类，来表示符合某一特征的一类字符。例如： 　　 　　[abc]可以匹配方括号中的a、b、c或其任意组合的字符。 　

在jenkins jaoco生成增量覆盖率功能时： 研读的一个python通过python-git获取diff时，碰到了这两个正则符号：(\S+)、(\d+) https://github.com/raoweijian/jacoco-diff/blob/master/diff_processor.py 下面是找到的符号的说明： \d+的出处： https://books.google.com.hk/books?id=T5ncDgAAQBAJ&pg=PA192&lpg=PA192&dq=re.match(%27@@+-%5Cd%2B,%5Cd%2B+%5C%2B(%5Cd%2B),%5Cd%2B+@@%27,+line):&source=bl&ots=FrgzHyhsYi&sig=ACfU3U0Ex9AAolnnuDbQTzqw2mcvUHMkyQ&hl=zh-CN&sa=X&ved=2ahUKEwjgm5u7muLnAhWS7GEKHZLSCDEQ6AEwBHoECAkQAQ#v=snippet&q=%5Cd&f=false 书名：Learning R Programming 下面是（\S+）的说明： 来源： https://www.ntu.edu.sg/home/ehchua/programming/howto/Regexe.html 摘录： 1.10 Example:

目录 第一篇、用户交互伪类选择器的用法 第二篇、元素状态选择器 第三篇、结构伪类选择器的用法 第四篇、CSS伪元素的用法 第五篇、border-radius画圆 第六篇、画三角形和对话框 第七篇、画菱形和平行四边形 第八篇、画五角星和六角形 第九篇、CSS画五边形和六边形 第十篇、挑战心形和蛋形 第十一篇、太极图的画法 第十二篇、透明背景的实现 第十三篇、CSS的颜色模式 第十四篇、CSS3线性渐变 第十五篇、CSS3的径向渐变 第十六篇、CSS3的重复性渐变 第十七篇、CSS3盒子阴影效果 第十八篇、CSS3制作缓慢边长的方形 第十九篇、CSS3的transition-timing-function详解 第二十篇、制作天猫首页的类别展示效果 第二十一篇、仿天猫类别过渡效果 第二十二篇、CSS3动画中的@keyframes关键帧 第二十三篇、CSS3动画animation复合属性 第二十四篇、利用CSS3制作Loading加载动画 第二十五篇、Loading动画效果实例2 第二十六篇、CSS3制作发光字、立体字、苹果字体 第二十七篇、CSS3用text-overflow解决文字排版问题 第二十八篇、CSS3新的字体单位rem 第一篇、用户交互伪类 选择器 的用法 :hover 鼠标移入 :link 没有交互 :visited 访问过 :active 鼠标按下不放 <a href="

SASS – 简介 SASS – 环境搭建 SASS – 使用Sass程序 SASS – 语法 SASS – 变量 SASS- 局部文件(Partial) SASS – 混合(Mixin) SASS – @extend（继承）指令 SASS – 操作符 SASS – 函数 SASS – 输出格式 变量可以让整个网站保持一致性。你可以定义一个变量，然后在其他地方引用它，而不必再重复相同的值。要改这些值，只需在定义变量的那一个地方修改。 下面的Sass代码包含两个变量： $primary-color ， $secondary-color $primary-color: orange; $secondary-color: gold; body { color: $primary-color; background: $secondary-color; } 变量就像存储值的容器。在本例中，我们将值orange、gold存储在变量中。 每次需要使用orange颜色时，可以使用变量名来代替orange颜色。如果需要改一个颜色，只需在定义变量的那一个地方修改。 变量定义 变量以美元符号($)开头，后面跟变量名。 变量名和赋值之间用冒号(:)分隔。 注意：缩进语法、SCSS语法中，变量定义都是一样的。 连字符和下划线 变量名中连字符和下划线等效， $primary_color 与 $primary

push将元素添加到数组尾部 unshift将元素添加到数组头部 var fruits = [ "Banana" , "Orange" , "Apple" , "Mango" ] ; fruits . unshift ( "Lemon" , "Pineapple" ) ; // output => Lemon,Pineapple,Banana,Orange,Apple,Mango pop 移除最后一个元素 shift移除第一个元素 来源： CSDN 作者： 丰色木夕 链接： https://blog.csdn.net/youlinhuanyan/article/details/104222747

学习要点： 1.线性渐变 2.径向渐变 主讲教师：李炎恢 本章主要探讨 HTML5 中 CSS3 背景渐变功能，主要有两种渐变方式：线性渐变和径向（放射性）渐变。 一．线性渐变 CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。在以前，这种效果必须采用图片才能实现的。首先，我们先看一下它的样式表，如下： linear-gradient(方位, 起始色, 末尾色) 方位 可选参数，渐变的方位。可以使用的值有：to top、to top right、to right、to bottom、to bottom left、to left、to top left。 起始色 必选参数，颜色值 末尾色 必选参数，颜色值 //两个必须参数 background-image: linear-gradient(orange,green); //增加一个方位 background-image: linear-gradient(to top,orange,green); 通过 top、left、right、bottom 这四组实现的渐变方向有时比较单一，我们可以使用以角度单位的数值来设置方位。比如 0 度（0deg）相当于 to top；角度会沿逆时针方向随着你的角度的增加而增加。 //通过角度设置方位，0 ~ 360 度之间，可以是负值 background-image: