最新 - sdk社区 | 技术至上

1 天前 / 零00

ES6-运算符的扩展

1. 指数运算符 **a ** b - - - a 的 b 次方多个 ** 指数运算符时，计算顺序为：从右到左eg:let x = 2 ** 3console.log(x)// 多个指数运算符，从右向左计算let y = 3 ** 2 ** 3// 相当于 3 ** (2 ** 3)console.log(y)打印结果：2. 链判断运算符 ?.x ?. y 如果 x 存在，则返回 x.y , 不存在返回 undefined注意：?.后面紧跟十进制数（后面还有：），会被处理成三目运算符？：

17 阅读

收藏
2 天前 / 零00

ES5和ES6中类与继承

ES5中类与继承ES5中创建类：function 类名() {}注意事项：类名要首字母大写静态属性，静态方法，函数都要写在类的外面静态属性的设置：类名.属性名静态方法的设置：类名.方法名函数要写在类的原型下：类名.prototype.函数名静态属性和静态方法的调用：类名.静态属性名/静态方法名()实例属性和函数的调用：先实例化对象，然后实例化的对象名.实例属性名/函数名的形式来调用示例：// ES5 中的类function Person(name, age) { // 实例属性

19 阅读

收藏
3 天前 / 零00

ES6-深拷贝与浅拷贝

深拷贝与浅拷贝区别都是将一个源数据拷贝到一个目标数据上区别在于:深拷贝：拷贝后的变量数据不受被拷贝的数据的影响浅拷贝：拷贝后的变量数据受被拷贝的数据的影响eg:// 深拷贝let s1 = '今天是雨天'let s2 = s1console.log('s1:' + s1)console.log('s2:' + s2)s1 = '我把伞掰断了'console.log('s1:' + s1)console.log('s2:' + s2)// 浅拷贝let obj = { uname:

27 阅读

收藏
3 天前 / 零00

ES6-对象的扩展

属性简介表示法如果对象中，属性值是变量，而且变量名和属性名一致，那么可以不写键值对形式，省略冒号和后面的名称eg.let uname = '史迪仔'let age = 2let obj = { uname: uname, age: age,}console.log(obj)相当于：let uname = '史迪仔'let age = 2let obj = { uname, age,}console.log(obj)打印结果：属性名表达式如果对象中，属性名称是一个变量，则将

20 阅读

收藏
4 天前 / 零00

ES6-箭头函数

箭头函数形式：(参数) => {、、、}ES6中可以可以将函数简写成- - -箭头函数ES5(javaScript)中，函数是这两种形式书写：// 形式1function sum(a, b) { return a + b}// 形式2var sum2 = function(a, b) { return a + b} ES6中可以简写成let sum = (a, b) => { return a + b}如果只有一个参数，函数语句只有一句，可以简写成这样:let sum = a =

34 阅读

收藏
5 天前 / 零00

ES6-...扩展运算符、rest参数

ES6中 ... 可以表示扩展运算符或者 rest参数扩展运算符- - -实参 + ......结合实参，则是扩展运算符,将数组或伪数组以 “，” 逗号拆分成一组数据eg：function foo(x, y, z) { console.log(x, y, z);}let arr = [1, 3, 6]console.log(...arr)foo(...arr)还可以应用到数组的合并push()只能添加数，不能添加数组，合并数组要进行处理应用：ES5中数组合并let arr1 = [1,

36 阅读

收藏
5 天前 / 零00

ES6-数组的扩展

伪数组（类数组）伪数组（类数组）和数组类似，也有长度、数字形式的键名、键值，但是不能使用数组的一些方法，如 push()document.getElementsByTagName('标签名')document.getElementsByClassName('类名')document.querySelectorAll()这几个都是获取到的伪数组真正的数组有 push() 方法，但是伪数组不能使用 push()，会报错：判断是否为数组：检测对象 instanceof Arrayeg:consol

29 阅读

收藏
7 天前 / 零00

ES6-数组的各种遍历

数组的各种遍历ES5中遍历方法：for()forEach()map()filter()some()every()reduce()for infor()示例：支持 break 和 continuelet arr = [2, 4, 6, 8, 2]for (let i = 0; i < arr.length; i++) { if (arr[i] == 4) { // break continue } console.log(arr[i])} 打印结果：f

38 阅读

收藏
17 天前 / 零00

ES6-解构赋值

解构赋值解释按照一定模式，从数组和对象中提取值，对变量赋值数组解构赋值提取数组中的值，对变量赋值传统方式- - -let arr = ['苹果', '芒果', '榴莲']let fruit1 = arr[0]let fruit2 = arr[1]let fruit3 = arr[2]console.log(fruit1, fruit2, fruit3)解构赋值方式- - -let arr = ['苹果', '芒果', '榴莲']let [fruit1, fruit2, fruit3] = ar

105 阅读

收藏
17 天前 / 零00

ES6-新常量声明方式const

const是ES6中新增的，用来声明常量注意:1.使用const时，常量初始值需要定义的时候就一起給，不能先声明，后赋值，会报错：需要这种形式写：const a = 62.使用const定义常量后，不能二次赋值注意点：声明的常量是对象或者数组，添加对象属性或者数组元素不会报错，能正常显示添加的部分eg:原因：不能修改的是存储常量的值，对象和数组存在栈内存中的值是地址值，然后地址值指向堆内存中的一组数据，给对象添加属性、数组添加元素- - -是改变堆内存中的数据，没有改变地址值所以可以使用cons

86 阅读

收藏
18 天前 / 零00

ES6-新的声明方式let

ES6(ECMAScript2015)新增了let声明方式，用来解决旧的ES5中var声明变量方式的缺陷旧的声明方式var特点：属于顶层对象window允许重复声明变量有变量提升不存在暂时性死区没有块级作用域属于顶层对象window- - -有var声明的是变量没有声明，直接赋值的是对象的属性验证上述书法可以使用delete，delete只能删除对象的属性，不能删除变量- - -使用delete后，没有使用 var 的 b 被删除掉了，使用了 var 的 a 没有还在没有被删除eg： //

73 阅读

收藏
19 天前 / 用户_1628894235

自定义一个kaniko镜像

工具与资源中心帮助开发者更加高效的工作，提供围绕开发者全生命周期的工具与资源https://developer.aliyun.com/tool/?spm=a1z389.11499242.0.0.65452413KFoX5Y&utm_content=g_1000283979背景kaniko是一款方便我们从K8S内部构建docker容器的工具，以前我们在CI过程中，使用的是docker-in-docker技术，这种技术最主要的缺陷就是当一台机器上同时运行多个docker build流水线时，会出现阻

90 阅读

收藏
22 天前 / 零00

jQuery-购物车

页面效果：实现思路：实现按钮的全选控制(1). 将全选按钮checkall的状态赋值给小按钮、以及其他的全选按钮① 获取全选按钮对象，使用change()函数，每次按钮状态改变就执行该函数② 获取当前点击的全选按钮的 “checked” 属性值，改属性是标签的自带属性，所以用prop()获取- - -$(this).prop("checked")③ 获取小按钮对象以及其他全选按钮对象，将其 “checked” 属性值设置为全选按钮的 “checked” 属性值(2). 当所有小按钮全部选中时，

143 阅读

收藏
23 天前 / 零00

jQuery-修改商品小计

页面效果：实现思路：加元素绑定点击事件，事件处理程序- - -① 改变数量：获取当前数量，点击后，数量加1，② 改变小计：获取价格，获取文本值用text()，截取数字部分，例如：substr(1)；小计等于价格乘以当前数量；再将计算出的数字赋值给小计，前面有非数字文字时，注意使用字符串连接后再赋值，例如：html("￥" + p * num)减元素绑定点击事件，事件处理程序- - -① 改变数量：获取当前数量，点击后，数量减1；如果数量为1，不再继续减② 改变小计：获取价格，获取文本值用t

140 阅读

收藏
23 天前 / 零00

jQuery-增减商品数量

页面效果：实现思路：先将html页面结构搭建起来引入jQuery文件为增加元素添加点击事件，事件处理程序：① 获取当前数量，② 数量自增1③ 将变化后的数量再赋值给显示数量的表单元素为减元素添加点击事件，事件处理程序：① 获取当前数量，② 数量自减1③ 将变化后的数量再赋值给显示数量的表单元素④ 在步骤①之后，步骤②之前添加条件判断，如果数量等于1，就跳出函数，不执行后面的②、③步骤，当数量为1后，不在继续减，点了减也没用注意：每个加减数量设成一个小组，不互相影响，点击加减控制其小组内的兄弟数量

115 阅读

收藏

加载中...