自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

转载 欢迎使用CSDN-markdown编辑器2

@TOC1欢迎使用Markdown编辑器1你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带...

2018-09-25 10:28:33 225

原创 ES6-用Proxy进行预处理

当我们在操作一个对象或者方法时会有几种动作,比如:在运行函数前初始化一些数据,在改变对象值后做一些善后处理。这些都算钩子函数,Proxy的存在就可以让我们给函数加上这样的钩子函数,你也可以理解为在执行方法前预处理一些代码。你可以简单的理解为他是函数或者对象的生命周期。Proxy的应用可以使函数更加强大,业务逻辑更加清楚,而且在编写自己的框架或者通用组件时非常好用。var obj={ ...

2018-06-03 23:14:55 336

原创 map数据结构

MapJavaScript的默认对象表示方式是{},但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map。Map是具有极快查找速度的键值对结构。var map = new Map();//设置//map.set(name,value);map.se...

2018-05-28 23:17:22 467

原创 ES6的对象方法

对象对于Javascript是非常重要的。在ES6中对象有了很多新特性。对象赋值ES6允许把声明的变量直接赋值给对象。let name = '美国队长';let skill = '打架';var obj = {name, skill};console.log(obj) // Object {name: "美国队长", skill: "打架"}对象Key值构建有时候我们会在...

2018-05-27 22:23:41 743

原创 ES6中的函数和数组补漏

对象的函数解构我们在前后端分离时,后端经常返回来JSON格式的数据,前端的美好愿望是直接把这个JSON格式数据当作参数,传递到函数内部进行处理。ES6就为我们提供了这样的解构赋值。let json = { a: '啊啊啊', b: '呵呵呵'};function fun({a, b='谢霆锋'}) { console.log(a,b);}fun(json) ...

2018-05-26 20:57:33 222

原创 ES6中的箭头函数和扩展

箭头函数ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 箭头函数与传统的JavaScript函数主要区别在于以下几点: 1.函数内置的this的值取决于箭头函数在哪里定义而非剪头函数执行的上下文关系; 2.new 不可用 箭头函数不能使用new关键字来实例化对象 不然会报错 3.this不可变 函数内置this 不可变 在函数体内整个执行环境中为常量 ...

2018-05-26 15:21:31 378

原创 ES6中新增的数组操作(2)

fill( )实例方法:fill()也是一个实例方法,它的作用是把数组进行填充,它接收三个参数,第一个参数是填充的变量,第二个是开始填充的位置,第三个是填充到的位置。let arr=['陈羽凡','王宝强','贾乃亮','谢霆锋'];arr.fill('汪峰', 1, 2);console.log(arr); // ['陈羽凡','汪峰','贾乃亮','谢霆锋'];数组的遍...

2018-05-22 23:26:26 272

原创 ES6中新增的数组操作(1)

JSON数组格式转换let json = { '0': '白百何', '1': '李小璐', '2': '贾乃亮', length:3}这就是一个标准的JSON数组格式,跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的json格式都可以轻松使用ES6的语法转变成数组。在ES6中绝大部分的Array操作都存在于Array对象里。我们就...

2018-05-22 23:00:57 985

原创 ES6数字操作

二进制和八进制二进制和八进制数字的声明并不是ES6的特性。二进制声明二进制的英文单词是Binary,二进制的开始是0(零),然后第二个位置是b(注意这里大小写都可以实现),然后跟上二进制的值就可以了。let binary = 0B010101;console.log(binary) // 21这时候浏览器的控制台显示出了21。八进制声明八进制的英文单词是Octal...

2018-05-17 20:19:27 606

原创 vue 中router.go;router.push和router.replace的区别

router.go(n) 这个方法的参数是一个整数,意思是在 history 记录中向前或者后退多少步,类似 window.history.go(n)router.push(location) 想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。router.rep...

2018-05-12 14:17:44 625

原创 ES6字符串模版

ES6对字符串新增的操作,最重要的就是字符串模版,字符串模版的出现让我们再也不用拼接变量了,而且支持在模板里有简单计算操作。字符串模版先来看一个在ES5下我们的字符串拼接案例:let a='派俊伟';let blog = '过年看珠海长隆' + a + '出演春晚。';document.write(blog);ES5下必须用 + a + 这样的形式进行拼接,这样很麻烦而且很...

2018-05-06 22:06:42 212

原创 ES6扩展运算符和rest运算符

扩展运算符和rest运算符,它们都是…(三个点)。它们可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁。对象扩展运算符(…):当编写一个方法时,我们允许它传入的参数是不确定的。这时候可以使用对象扩展运算符来作参数,看一个简单的列子:function arg(...arg){ console.log(arg[0]); // 1 cons...

2018-05-06 18:23:16 294

原创 ES6变量的解构赋值

ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。解构赋值在实际开发中可以大量减少我们的代码量,并且让我们的程序结构更清晰。先来一个最简单的数组解构赋值来进行赋值。数组的解构赋值let [a,b,c]=[1,2,3];上面的代码表示,可以从数组中提取值,按照位置的对象关系对变量赋值。数组模式和赋值模式统一:可以简单的理解为等号左边和等号右边...

2018-05-06 18:03:11 197

原创 ES6的3种声明方式

字面理解ES6的三种声明方式:var:它是variable的简写,可以理解成变量的意思。 let:它在英文中是“让”的意思,也可以理解为一种声明的意思。 const:它在英文中也是常量的意思,在ES6也是用来声明常量的,常量你可以简单理解为不变的量。var在ES6里是用来升级全局变量的,我们可以先作一个最简单的实例,用var声明一个变量a,然后用console.log进行输出。 ...

2018-05-06 15:35:37 513

原创 JavaScript中Number对象的方法和Math对象的方法

Number 对象Number 对象是原始数值的包装对象。创建 Number 对象的语法:var myNum=new Number(value);var myNum=Number(value);Number对象方法 方法 描述 toString 把数字转换为字符串,使用指定的基数。 toLocaleString 把数字转换为字

2017-07-02 14:29:37 756

原创 JavaScript对象之String

String 对象String 对象用于处理文本(字符串)。创建 String 对象的语法:var str = new String();参数 参数 s 是要存储在 String 对象中或转换成原始字符串的值。返回值 当 String() 和运算符 new 一起作为构造函数使用时,它返回一个新创建的 String 对象,存放的是字符串 s 或 s

2017-06-29 19:58:46 277

原创 JavaScript之本地对象

JavaScript对象javascript对象有:JS Array(数组对象)、JS Boolean(布尔对象)、JS Date(日期对象)、JS Math(Math对象)、JS Number(数字对象)、JS String(字符串对象)、JS RegExp(正则表达式)、

2017-06-28 23:42:35 505 1

原创 JavaScript之面向对象

认识面向对象JavaScript 是一门彻底的面向对象的语言,首先有必要从面向对象的概念着手 , 探讨一下面向对象中的几个概念:一切事物皆对象对象具有抽象,封装和继承的特性对象与对象之间使用消息通信,各自存在信息隐藏对象究竟是什么?什么叫面向对象编程? 对象(object):台湾译作物件,是面向对象(Object Oriented)中的术语,既表示客观世界问题空间

2017-06-27 20:05:07 301

原创 ajax的跨域处理

跨域什么是域名一个域名地址的组合:http://  www    .    abc.com   :   8080      /     scripts/jquery.js     协议     子域名      主域名         端口号         请求的资源当协议、子域名、主域名、端口号中任意一个不同时,都算作不同域。不同域之间的相互请求资源,就叫“跨域”比

2017-05-21 16:31:14 550

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除