派小星星星星-优快云博客

转载欢迎使用优快云-markdown编辑器2

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

2018-09-25 10:28:33 292

原创 ES6-用Proxy进行预处理

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

2018-06-03 23:14:55 370

原创 map数据结构

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

2018-05-28 23:17:22 507

原创 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 786

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

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

2018-05-26 20:57:33 248

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

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

2018-05-26 15:21:31 412

原创 ES6中新增的数组操作（2）

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

2018-05-22 23:26:26 304

原创 ES6中新增的数组操作（1）

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

2018-05-22 23:00:57 1034

原创 ES6数字操作

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

2018-05-17 20:19:27 647

原创 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 678

原创 ES6字符串模版

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

2018-05-06 22:06:42 239

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

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

2018-05-06 18:23:16 342

原创 ES6变量的解构赋值

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

2018-05-06 18:03:11 228

原创 ES6的3种声明方式

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

2018-05-06 15:35:37 557

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

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

2017-07-02 14:29:37 805

原创 JavaScript对象之String

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

2017-06-29 19:58:46 324

原创 JavaScript之本地对象

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

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

原创 JavaScript之面向对象

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

2017-06-27 20:05:07 325

原创 ajax的跨域处理

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

2017-05-21 16:31:14 578

请回答，1988