Fireworks 
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  • 友链
  •   
  •   
JavaScript拷贝数组

JavaScript拷贝数组

1.使用Array.slice方法1const numbers = [1, 2, 3, 4, 5]23const copy = numbers.slice()4copy.push(6); // 添加新项以证明不会修改原始数组56console.log(copy);7console.log(numbers);89// 输出10// [1, 2, 3, 4, 5, 6]11// [1, 2, 3, 4

2020-01-09
JavaScript
Array
Javascipt数组去重

Javascipt数组去重

一、利用ES6 Set去重1function unique(arr) {2 return Array.from(new Set(arr));3 } 二、利用for嵌套for,然后splice去重1function unique(arr) {2 for (var i = 0; i < arr.length; i++) {3 for (var

2020-01-09
JavaScript
Array

Flex布局实现充值价格界面

前言在一次项目中,当时写一个类似QQ的充值界面。看到UI图时,就想到了用Flex Box进行布局,然后就尴尬了。 1.container {2 display: flex;3 justify-content: space-between;4 flex-wrap: wrap;5}67.list {8 width: 24%;9

2020-01-09
CSS
Flex Box

CSS文字处理

前言平时在工作中经常遇到文字相关的各种问题,例如:文字溢出、对齐、截断等各种问题。so,就记录一下经常遇到的一些解决方案。 使用场景下面介绍一些使用场景 两端对齐,最后一行居中对齐不过此属性浏览器的支持不行。ios和安卓不支持 1<div class="justify-text">2 <div class="text">账号</div>3 <

2020-01-09
CSS
文字处理

ES6语法之解构赋值

什么是解构赋值ES6允许按照一定的模式,从数组或对象中提取值,给变量进行赋值,称为解构赋值。 解构赋值的分类 数组解构赋值 对象解构赋值 字符串解构赋值 布尔解构赋值 函数解构赋值 数值解构赋值 数组解构赋值按照索引位置匹配 常用示例1let a,b;2[a,b] = [1,2];3console.log(a,b); // 1 ,2 1let a,b,rest;2[a,b,

2020-01-05
JavaScript
ES6
JavaScript中通过[]和.获取对象属性的区别

JavaScript中通过[]和.获取对象属性的区别

在JavaScript中获取对象属性,我们一般用点或中括号的方法。 通过.的方式1var obj = {2 name:'张山'3}4console.log(obj.name); // 张山 .运算符:使用前提是右侧必须是一个属性名称命名的标识符。 如果我们恰好遇见对象中的属性刚好不符合标识符的规范,就不能用.来访问。就会保语法错误。 1let obj = {"1

2019-12-16
JavaScript
Object 属性
JavaScript对象

JavaScript对象

定义JavaScript 中的所有都是对象。对象是一种特殊的数据,拥有属性和方法(即对象成员)。 创建对象的方式对象字面量1var person = {2 name:'张三',3 age:23,4 say:function() {5 console.log('hello,my name is '+this.name)6 }7}8person.s

2019-12-13
JavaScript
Object
JavaScript函数

JavaScript函数

定义JavaScript 函数是执行特定目的的代码块。如果一个函数没有return语句,则它默认返回undefined。 1function f(形参1,形参2) {2 //执行的代码3}4f('实参1','实参2'); 函数声明 - 命名函数1function fn() {2 3} 函数表达式1var x = function(a,b){

2019-12-13
JavaScript
Function
JavaScript经典排序算法

JavaScript经典排序算法

冒泡排序for循环1var numbers = [44, 26, 69, 28, 78, 456, 85, 84, 9, 6, 66];2function bubbleSort(items) {3 var len = items.length, i, j, stop;4 var isSort = true;5 // 外层循环:控制循环次数,每次找到一个最大值6 for (i =

2019-12-13
JavaScript
算法 排序
JavaScript中call、apply、bind的使用

JavaScript中call、apply、bind的使用

作用call、apply、bind都是用来重定义this这个对象的。 1var name = '小明';2var age = '20';3var obj = {4 name:'小红',5 objAge:this.age,6 foo:function() {7 console.log(this.name + '年龄' + this.age);8 }9

2019-12-09
JavaScript
JavaScript This
1…4567

搜索

Hexo Fluid