自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 2019.4.23 this 指向

pickerOptionsState() {//state==true 是不能选的 let _this = this return { disabledDate(time) { console.warn(this) ...

2019-04-23 16:26:39 188

转载 js 字符串转json

substr() 方法可在字符串中抽取从 开始 下标开始的指定数目的字符。http://www.runoob.com/jsref/jsref-substr.html1、jQuery插件支持的转换方式:  示例: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象  2、浏览器支持的转换方式(Firefox,...

2018-07-04 17:13:45 194

转载 Javascript 对象(object)合并

对象的合并需求:设有对象 o1 ,o2,需要得到对象 o3123var o1 = { a:'a' }, o2 = { b:'b' };// 则var o3 = { a:'a', b:'b' }方法1:使用JQuery的extend方法http://www.runoob.com/jquery/misc-extend.html        **方法定义**:jQuery.extend([deep],...

2018-07-04 11:23:48 583

转载 call、apply、bind

在JavaScript中,call、apply和bind是Function对象自带的三个方法,这三个方法的主要作用是改变函数中的this指向。call、apply、bind方法的共同点和区别:apply 、 call 、bind 三者都是用来改变函数的this对象的指向的;apply 、 call 、bind 三者第一个参数都是this要指向的对象,也就是想指定的上下文(函数的每次调用都会拥有一个...

2018-06-28 17:53:34 202

转载 理解angularjs中的$emit,$broadcast和$on

在angularjs中提供了emit,emit,broadcast和$on服务用于控制器之间基础事件的传递交流。 AngularJS中的作用域有一个非常有层次和嵌套分明的结构。其中它们都有一个主要的$rootScope(也就说对应的Angular应用或者ng-app),然后其他所有的作用域部分都是继承自这个$rootScope的,或者说都是嵌套在主作用域下面的。很多时候,你会发现这些作用域不会共享...

2018-06-25 17:26:04 1038

转载 简单透彻理解JSONP原理及使用

什么是JSONP首先提一下JSON这个概念,JSON是一种轻量级的数据传输格式,被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现,所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢? 首先抛出浏览器同源策略这个概念,为了保证用户访问的安全,现代浏览器使用了同源策略,即不允许访问非同源的页面,详细的概念大家可以自行百度。这里大家...

2018-06-24 19:21:56 151

转载 跨域资源共享 CORS

ajax 跨域JSONPWebSocketCORSCORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。因此,实现CORS...

2018-06-24 19:16:50 188

转载 浅谈HTML5的FormData对象

利用 FormData 对象,可以通过JavaScript键值对来模拟一系列表单控件,还可以使用 XMLHttpRequest的send() 方法来异步提交表单。与普通的Ajax相比,使用FormData 的最大优点就是可以异步上传二进制文件。 可以先通过new关键字创建一个空的 FormData 对象,然后使用 append() 方法向该对象里添加字段(字段的值可以是一个 Blob 对象,Fil...

2018-06-24 18:24:19 1071

转载 深入学习ajax系列之二-请求方式

最常见的请求莫过于get和post了,今天详细的学习一下两种方式的内容,GETGET是常见的请求方式,常用于向服务器查询某些信息,它适用于URL完全指定资源,当请求对服务器没有任何副作用以及服务器的响应式可缓存的。数据发送使用GET的方式发送请求时,数据被追加到open()方法中URL的末尾 数据以问号开始,名和值之间用等号链接起来,名值对之间用&分割,使用GET方式发送的数据常常被称之为...

2018-06-24 18:11:37 206

转载 http头部信息

每个HTTP请求和响应都会带有相应的头部信息,XHR对象也提供了操作这两种头部(请求头部和响应头部)信息的方法。(1)默认情况下,在发送XHR请求(request)的同时,还会发送下列头部信息:Accept:浏览器能够显示的字符集。Accept-Charset:浏览器能够显示的字符集。Accept-Encoding:浏览器能够处理的压缩编码。Accept-Language:浏览器当前设置的语言。C...

2018-06-24 17:54:41 1182

转载 深入理解ajax系列之一-XHR对象

概述  ajax是asynchronous javascript and XML的简写,中文翻译是异步的javascript和XML,这一技术能够向服务器请求额外的数据而无须卸载页面,会带来更好的用户体验。虽然名字中包含XML,但ajax通信与数据格式无关。ajax包括几个步骤:1:创建ajax请求, 2:发出http请求 3:收到服务器传回的消息 4:更新网页数据、  概括起来,就是一句话,aj...

2018-06-24 16:46:30 664

转载 浅谈AngularJS中使用$resource

这个服务可以创建一个资源对象,我们可以用它非常方便地同支持RESTful的服务端数据源进行交互,当同支持RESTful的数据模型一起工作时,它就派上用场了。   REST是Representational State Transfer(表征状态转移)的缩写,是服务器用来智能化地提供数据服务的一种方式  1)我们首先需要引入ng-Resource  模块,在angular之后?12<scrip...

2018-06-20 11:24:02 597 1

原创 webpack 学习1.0

1.npm init 初始化 项目 生成 package.json vue 的是 vue init webpack vuecliTest2.dev是在开发时使用这个包,而生产环境中不使用。开发环境:在开发时需要的环境,这里指在开发时需要依赖的包。生产环境:程序开发完成,开始运行后的环境,这里指要使项目运行,所需要的依赖包。3问题:相对目录,绝对目录4npm'~'(波浪符号):他会更新到当前m...

2018-06-12 18:20:23 373

转载 Javascript异步编程的4种方法

你可能知道,Javascript语言的执行环境是"单线程"(single thread)。所谓"单线程",就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascr...

2018-05-25 20:26:35 194

转载 js 彻底理解回调函数

一、前奏在谈回调函数之前,先看下下面两段代码: 不妨猜测一下代码的结果。function say (value) { alert(value);}alert(say);alert(say('hi js.'));12345如果你测试了,就会发现:只写变量名 say 返回的将会是 say方法本身,以字符串的形式表现出来。而在变量名后加()如say()返回的就会使say方法调用后的...

2018-05-23 09:38:01 244

转载 HTML5中的本地存储sessionStorage、localStorage、Web SQL Database

sessionStorage对象应用sessionStorage介绍、 在Html5中增加了一个Js对象:sessionStorage;通过此对象可以直接操作存储在浏览器中的会话级别的WebStorage。存储在sessionStorage中的数据首先是Key-Value形式的,另外就是它跟浏览器当前会话相关,当会话结束后,数据会自动清除,跟未设置过期时间的Cookie类似。sessionStor...

2018-05-20 18:39:47 220

转载 JS中cookie

什么是CookieCookie意为“甜饼”,是由W3C组织提出,最早由Netscape社区发展的一种机制。目前Cookie已经成为标准,所有的主流浏览器如IE、Netscape、Firefox、Opera等都支持Cookie。由于HTTP是一种无状态的协议,服务器单从网络连接上无从知道客户身份。怎么办呢?就给客户端们颁发一个通行证吧,每人一个,无论谁访问都必须携带自己通行证。这样服务器就能从通行证...

2018-05-20 18:23:53 282

转载 js 闭包的概念

变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。相当于继承吧angular 也是可以的,子级的作用域可以调用父级的作用域。在函数外部自然无法读取函数内的局部变量。父级无法调子级的方法吧链式作用域子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有...

2018-05-19 11:49:00 239

转载 angularjs 中的iframe 标签 ng-src 路径

动态添加iframe 的src   解决方法:1、ng里面有个属性是专门用来解决跨域问题的 $sce  用法:$scope.someUrl = $sce.trustAsResourceUrl('路径');例:<ul class="nav nav-tabs" ng-repeat="item in [1,2,3,4]"> <iframe ng-src="{{so...

2018-05-18 11:41:12 1357

转载 iframe的优缺点

iframe的优点:① iframe能够原封不动地把嵌入的网页展现出来。② 如果有多个网页调用iframe,只需要修改iframe的内容,相当于模块话③ 网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用性。④ 如果遇到加载缓慢的第三方内容,如图标和广告等,可以用iframe来解决。相当于异步加载5     重载页面时不需要重载整个页面,只需...

2018-05-18 11:37:21 1349

转载 ”==”和“===”的不同

js中两个等号(==)和三个等号(===)的区别:1. "=="表示:equality -> 等同  的意思,"=="使用两个等号时,如果两边值的类型不同的时候,是要先先进行类型转换后,才能做比较。2. "==="表示:identity -> 恒等 的意思,"==="使用三个等号时,是不需要做类型转换的,如果两边值的类型不同,就表示一定是不等的。3. 简单说明使用三个等号(===)的判...

2018-05-15 15:20:37 209

转载 理解Angular中的$apply()以及$digest()

1.关键词,model,watch,digest$apply()和$digest()在AngularJS中是两个核心概念,但是有时候它们又让人困惑。而为了了解AngularJS的工作方式,首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么,以及在日常的编码中如何应用它们。 探索$apply()和$digest()AngularJ...

2018-05-15 14:49:47 106

转载 es6 for 循环 var 和 let 的区别

for (let i = 0; i < 3; i++) { let i = 'abc'; console.log(i);}// abc// abc// abc for(var i=0;i<3;i++){ var i=111; console.warn(i) }// 111

2018-03-13 01:00:13 987

空空如也

空空如也

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

TA关注的人

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