自定义博客皮肤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)
  • 资源 (1)
  • 收藏
  • 关注

原创 前端中this和自定义属性

      this是一个特殊的存在,this是就是调用当前的方法,(函数)的(元素)对象在全局下就是Window.在事件调用匿名函数里直接调用时,this又变回了Window.这时元素调用的函数实际上是匿名函数,而匿名函数内部直接调用的函数依然是Window在调用        自定义属性是给之前元素上定义一个本来不存在的属性。自定义属性语法:元素 . 自定义属性=a,js可以为任何HTML元素...

2018-05-23 09:43:00 1867

原创 Dva.js的原理

2021-08-27 02:57:19 139

原创 奇怪的js

//神奇的代码 var b = 1; var b = 2; var b = 3; if(b == 1 && b==2 && b==3){ console.log("2222") }else{console.log("111111")} var cᅠ = 1; var c ...

2020-01-16 17:52:45 115

原创 Angular(自定义filter)

.filter('函数名',function(){return function (参数){进行功能操作。。。。})自定义过滤器返回类型的类型没有限制。 

2019-02-18 16:53:19 207

原创 Directive

directive自定义指令,传参(指令名称,数组(回调函数,json对象))restrict:A C E MA:属性C:类E:元素M:注释link:用与进行传值。scope:true/false/{}如果为false则子父的值是同时变化的。如果为true则子父的值是自身自己变化的。如果为{},创建一个新的隔离scope,可与父scope通信。若需要和父...

2019-02-18 10:06:01 171

原创 Angular(ng-class)

1.对象数组ng-class="{true:'change',false:"change2'}[className]"当className为true时,添加change为flase时添加change2.弊端:只可以判断两种状态。2.key/valueng-class=”{‘change1’:one,'change2':two,'change3':three,...}“当va...

2019-02-15 10:04:33 177 2

原创 AngularJs(ng-repeat)

ng-repeat注意项x in records(key, value) in myObjx in records track by $id(x)使用ng-repeat遍历一个数组,当数组中有重复的元素的时候,angularjs会报错。错误信息:Error: [ngRepeat:dupes] Duplicates in a repeater are not allowed. Us...

2019-02-12 12:49:44 318

原创 PC端和移动端的区别

 1.PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核,所以说做移动端开发,更多考虑的应该是手机分辨率的适配,和不同操作系统的略微差异化。2.在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的...

2018-09-01 01:56:01 6493

原创 AMD和CMD的区别

他们两者的共同点就是都是一种框架在推广的过程中对模块定义的规范产出;而且他们都是异步加载模块。(解决的问题:一个是文件之间的依赖问题,一个是浏览器加载多个JS文件时页面失去响应的时间过长)AMD即Asynchronous Module Definition,翻译过来就是异步模块化定义,AMD规范定义了一个自由变量或者说是全局变量 define 的函数。define(id?, dep...

2018-09-01 01:54:26 1000

原创 缓存

http缓存的是指:当Web请求抵达缓存时, 如果本地有“已缓存的”副本,就可以从本地存储设备而 不是从原始服务器中提取这个文档。 Last-Modified:  标示这个响应资源的最后修改时间,web服务器在响应请求时,告诉浏览器资源的最后修改时间。Etag:  web服务器响应请求时,告诉浏览器当前资源在服务器的唯一标识(生成规则由服务器决定)。所以我们不用管它是怎...

2018-09-01 01:53:41 139

原创 跨域

什么是跨域?跨域请求资源的方法有哪些?1、什么是跨域?由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。存在跨域的情况:网络协议不同,如http协议访问https协议。 端口不同,如80端口访问8080端口。 域名不同,如qianduanblog.com访问baidu.com。 子域名不同,如abc.qianduanblog.com...

2018-09-01 01:51:56 115

原创 输入一个url的变化过程

1、输入地址2、浏览器查找域名的IP地址。这一步包括DNS具体的查找过程,Socket 发送数据3. 浏览器给web服务器发送一个HTTP请求(1.通过访问的域名找出其IP地址2.TCP/TP三次握手3.进入tomcat后如何处理的4.TCP/IP四次挥手)4. 网站服务的永久重定向响应.浏览器跟踪重定向地址 现在,浏览器知道了要访问的正确地址,所以它会发送另一个获取请求。5. 服...

2018-09-01 01:51:11 828

原创 性能优化

web 性能优化:1. 减少 http 请求,合理设置 HTTP2、使用浏览器3.启用压缩4、CSS Sprit5、LazyLoad Imag6、CSS 放在页面最上部,javascript 放在页面最下面。7、异步请求 Callback(就是将一些行为样式提取出来,慢慢的加载信息的内容)8、减少 cookie9、Javascript 代码10CSS 选择符...

2018-09-01 01:47:02 119

原创 函数防抖和倾斜

函数防抖和函数分流的思想都是通过定时器控制函数的执行频率函数防抖:指的是多次触发事件后,事件处理函数只执行一次,而且是在事件触发操作停止的时候具体的思路就是延迟处理函数,如果设定的时间到来之前,又一次触发了事件,就清除上一次的定时器(你尽管触发事件,但是我一定在事件触发n秒后才执行,如果你在一个事件触发的n秒内又触发了这个事件,那我就以新的事件的时间为准,n秒后才执行,总之,就是要等你触发...

2018-09-01 01:46:04 150

原创 原型链图解

函数(Function)才有prototype属性,对象(除Object)拥有__proto__。 

2018-08-06 08:56:37 276

原创 面向对象,new

     面向对象是将功能通过对象实现,将功能封装到对象之中,使对象去实现具体的细节,数据首先,算法其次,数据的一种优化,操作简单,简化过程,面向对象的三大特征:封装,继承,多态。面向对象:可以创建任意多个相同属性和方法的对象,对象是一组没有特定顺序的值,对象的每个属性或方法都有一个名字。每个名字都映射了一个值。每个对象都是基于一个引用类型创建的。属性类型:数据属性,访问器属性创建对象...

2018-08-02 11:18:44 811

原创 JavaScript本地对象、内置对象、宿主对象和自定义对象

1.本地对象   本地对象(native object)为:独立于宿主环境的ECMAScript实现提供的对象,本地对象就是ECMA-262定义的(引用类型):Object、    (对象)   Function、(函数)    Array、     (数组) Date、      (获取)   RegExp、(正则表达式)宿主环境:就是用户的机器环境,包括操作系统和浏览器。2、内...

2018-08-01 11:24:24 476

原创 Dom的常用方法/单位/url src href:

Dom的常用方法获取方法:document.getElementById()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。:getElementByTagName()把新的子节点添加到指定节点。:appendChild()删除子节点:removeChild()替换子节点。:replaceChild()在指定的子节点前面插入新的子节点。:insertBefo...

2018-07-27 01:22:00 372

原创 利用canvas制作时钟表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>canvas画布绘制时钟</title> <style> body{background: bla

2018-07-21 01:00:43 272

哈希电话簿

网上下载的一个代码,分享一下,看大家需要了,希望能够对大家有用

2018-01-01

空空如也

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

TA关注的人

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