2018年07月_i鲸落

原创 Jquery预加载几种方式

Jquery加载的几种方式//①页面加载完之前执行,与嵌入的js加载方式一样(function ($) { alert('start');})(jQuery);//②页面加载后执行$(document).ready(function(){ alert('jquery ready');});//③页面加载后执行$(function(){ alert('j...

2018-07-30 09:08:14 772

原创对象的扩展(Object.preventExtensions)、密封(Object.seal)和冻结(Object.freeze)

扩展对象 Object.preventExtensions Object.isExtensible 密封对象 Object.seal Object.isSealed 冻结对象 Object.freeze Object.isFrozen 1. Object.preventExtensions阻止对象扩展，让一个对象变的不可扩展，也就是永远不能再添加新...

2018-07-25 10:11:46 567

原创 JS原型和原型链

在了解JS原型和原型链之前得先弄清楚JS的封装和继承阮一峰大牛这三篇文章通俗易懂我反复看了五六次心里终于是有点普普:封装:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html构造函数的继承:http://www.ruanyifeng.com/blog/2010/05/o...

2018-07-24 09:24:03 464

原创 JS中重载

首先讲一下什么是重载？重载的定义是指函数的方法名相同，但参数不同。比如我写两个关于js的同名函数：输出结果为NaN 9，这就说明后面的函数把前一个同名函数覆盖掉了，从而可以得出js函数不存在重载，永远调用最后一个方法。虽说JS函数不存在重载，但是我们可以实现js里面的模拟重载，接下来见证奇迹的时刻到了。要想实现js模拟重载必先回用到 arguments.用来存放js参数。实现方法如下...

2018-07-24 09:11:51 372

1、文件合并（目的是减少http请求）：Web性能优化最佳实践中最重要的一条是减少HTTP 请求，它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射（Image Map）和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了，但由于IE6和IE7不支持Data URI以及性能问...

2018-07-18 09:39:42 902

原创如何使用 HTML5 嵌入音频和视频（媒体标签）

HTML5 使用 audio 和 video 元素来嵌入音频和视频内容。另外还提供了与这两个标签相关的 JavaScript API，这样就可以创建我们自己的音视频控件咯：<video id="player" src="xxx.ogg" poster="mymovie.jpg" width="300"...

2018-07-16 19:37:25 4957

原创 JS 中 new 操作符

按照javascript语言精粹中所说，如果在一个函数前面带上new来调用该函数，那么将创建一个隐藏连接到该函数的prototype成员的新对象，同时this将被绑定到那个新对象上。这个话很抽象，我想用实例来让自己加深理解。1.如果就一个函数，没有返回值，没有prototype成员，然后使用new,会是什么结果呢？如果一个函数没有返回值，那么如果不使用new来创建变量，那么该变量的值为undefi...

2018-07-12 21:19:01 175

转载深入理解javascript原型和闭包（10）——this

详情请见:http://www.cnblogs.com/wangfupeng1988/p/3977924.html其实，this的取值，分四种情况。我们来挨个看一下。在此再强调一遍一个非常重要的知识点：在函数中this到底取何值，是在函数真正被调用执行的时候确定的，函数定义的时候确定不了。因为this的取值是执行上下文环境的一部分，每次调用函数，都会产生一个新的执行上下文环境。情况1：构造函数所...

2018-07-12 21:10:11 144

原创 JS中的call()方法和apply()方法用法总结

最近又遇到了JacvaScript中的call()方法和apply()方法，而在某些时候这两个方法还确实是十分重要的，那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用...

2018-07-11 17:57:18 177

原创 AJAX实现简易的瀑布流布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">

2018-07-11 11:51:11 365

原创 ajax请求数据方式get和post

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script>

2018-07-09 10:21:26 180

原创 ajax中Status代码0，1，2，3，4，5的说明（只需记住开头数字代表的含义）

XMLHttpRequestActiveXObject("Microsoft.XMLHTTP")get postsendonreadystatechangereadyStatestatusget 会把参数拼接在网址上获取内容由于网址长度有限 get提交数据数据量有限 2k 1 对于开发者调试方便 2 对于使用...

2018-07-09 10:20:41 1847

原创封装cookie，获取、设置、删除cookie

// 第一种// 获取cookefunction getcookie(key){ var cookie=document.cookie; var arr=[]; var oName=[]; var oValue=[]; //将数组以；分割 var newcookie=cookie.split(";"); for(var i=0;i<...

2018-07-06 10:21:17 834

原创全屏滚动

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;

2018-07-05 16:41:31 479

原创渐进增强和优雅降级之间的区别在哪里？

写在前面：在前端开发的过程中，如果有注意的话，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，这就引出了两个概念：优雅降级和渐进增强。渐进增强和优雅降级概念出现的原因：翻看进度条，会发现渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，...

2018-07-04 16:29:24 291

原创判断打开网页的浏览器类型

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--userAg

2018-07-04 13:37:26 293

原创淘宝京东放大图

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0;

2018-07-03 21:17:41 224

原创事件委托兼容火狐和谷歌、高低版本IE（让其在js中新添加节点可以改变其样式）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ backgroun

2018-07-02 20:31:48 321

原创兼容火狐、谷歌、低版本高版本IE的事件监听方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #div1{ width:

2018-07-02 20:23:57 668

XinYe666666的博客