01 2017 档案
摘要：闭包这家伙，从刚开始接触到javascript基础就走进我的脑子里，但是总感觉自己理解的不透彻，不清晰。然而，几乎每个面试官呢，又好像都挺喜欢问这个问题的，所有，没办法罗，只有再深入去探讨一下咯，哈哈。 1.什么是闭包 这里先给闭包下一个定义，简单概括为两点： 1).函数嵌套函数； 2).内层函数可
阅读全文
摘要：前两天被人问到，叫我解释一下标准盒模型与IE盒模型，额，当时只能说，知道一点，但是没有深入的去探讨过，所以下来之后就自己写了例子，亲自去验证并且查看了网上的一些资料，现将其整理如下： 一、css盒模型图解 1.W3C标准盒子模型 运行结果： 1).w3c标准浏览器下面： 解释：这个盒模型,如果用标准
阅读全文
摘要：在说规则之前，我们先来看一下下面的代码的结果： 规则： 1.多个数字和数字字符串混合运算时，跟操作数的位置有关。 如： 2.数字字符串之前存在数字中的正负号(+/-)时，会被转换成数字 如： 3.可以在数字前添加 ''，将数字转为字符串 如： 4.对于运算结果不能转换成数字的，将返回 NaN 如：
阅读全文
摘要：看完下面的代码，相信对js对象引用又有了新的认识，直接上代码：
阅读全文
摘要：将x转换为十进制整数，判断是否和自身相等即可：
阅读全文
摘要：废话不多说，直接上代码：
阅读全文
摘要：1.数组排序sort方法： 2.快速排序： 这里插播一条广告，我们来看一下下面的代码。如果 list 很大，下面的这段递归代码会造成堆栈溢出。 那么，如何在不改变递归模式的前提下修缮这段代码呢？ 修缮后代码如下： 函数调用的参数是通过栈空间来传递的，在调用过程中会占用线程的栈资源。而递归调用，只有走
阅读全文
摘要：事件委托原理：事件冒泡机制。优点：1.可以大量节省内存占用，减少事件注册。比如ul上代理所有li的click事件就很不错。2.可以实现当新增子对象时，无需再对其进行事件绑定，对于动态内容部分尤为合适缺点：事件代理的常用应用应该仅限于上述需求，如果把所有事件都用事件代理，可能会出现事件误判。即本不该被触发的事件被绑定上了事件。看下面的例子： 1 2 111 3 222 4...
阅读全文
摘要：将url的查询参数解析成字典对象，有两种方法：1.手动解析 1 function getQueryStringArgs(url){ 2 url = url == null ? window.location.href : url; 3 var qs = url.substring(url.lastIndexOf("?") + 1); 4 v...
阅读全文
摘要：在复习javascript基础的时候，整理了一下js中获取节点的一些常用的方法，见代码：
阅读全文
摘要：Javascrip中的每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。arguments.length为函数实参个数，arguments.callee引用函数自身。 1)求给定的若干个值中的最大值 1 fu
阅读全文
摘要：首先，我们要知道，javascript中除了基本类型(number,string,boolean,null,undefined)之外就是引用类型了，也可以说就是js对象了。 引用类型的赋值其实是对象保存在栈区地址指针的赋值，因此两个变量指向同一个对象，任何的操作都会相互影响。 在探讨到深度克隆之前，
阅读全文
摘要：这里提供了两种数组去重的方法，仅供参考。 其中的...用于取出参数对象的所有可遍历属性，拷贝到当前对象中。 Array.from方法可以将Set结果转换成数组结构，看下面的代码： 1 var set = new Set([1,2,3,2,1]); 2 console.log(Array.from(s
阅读全文
摘要：call和apply没有什么大的区别，两者的作用都是：改变对象的this指向的内容。 他们的写法不同，如下： func.call(func1, var1, var2, var3); func.apply(func1, [var1, var2, var3]); 从写法中可以看出，使用apply的好处是
阅读全文
摘要：由于需要，我们可能会在js中用到一些media query，从而针对不同的分辨率做一些操作。
阅读全文
摘要：平时总结的一些常用javascript函数封装：
阅读全文
摘要：下面的css代码只对safari browser 起作用：
阅读全文
摘要：1 2 3 4 5 无缝滚动 6 41 42 43 44 45 46 1 47 2 48 3 49 4 50 5 51 6 52 7 53 8 54 9 55 56 57 p...
阅读全文
摘要：很早之前项目中遇到过这种bug, 当时没有多留意，只是暂时把笔记留了下来，今天整理笔记的时候，看到了，故先整理在此，具体用法下次遇到再好好理解理解。如果有筒子遇到过，麻烦留言说一下，先谢谢啦。
阅读全文
摘要：jquery中有一个函数isEmptyObject()用来判断制定参数是否是一个空对象。 示例如下：
阅读全文
摘要：获取json对象的长度跟获取一个普通对象或数组的方法不一样，json对象没有length属性，不能直接用.length直接获得。
阅读全文
摘要：双飞翼布局经典之处就在于，left,middle,right的高度可以自适应。类似的实现方式，现在可以用flex弹性布局实现。 下面是双飞翼布局的一个大致框架：
阅读全文
摘要：一个对象，想必我们关注的最多的应该是它上面的属性有哪些吧。那么，怎么判断一个对象是否具有某个属性呢？
阅读全文
摘要：就拿ul, li标签做例，关键代码如下：
阅读全文
摘要：jquery表单验证（非实时验证），同时，将表单序列化为json对象提交表单。
阅读全文
摘要：之前在网上看到过这样的代码，感觉有的时候还是挺有用的，故留个笔记。 display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式） -webkit-line-clam
阅读全文
摘要：一、javascript中判断一个元素是否存在 if(document.getElementById('example')){ // do sth } 二、jquery中判断一个元素是否存在
阅读全文
摘要：1 2 3 4 5 6 11 12 13 14 15 username: 16 17 18 19 20 email: 21 22 23 24 25 personInfo: 26 27 ...
阅读全文
摘要：trigger()方法触发事件后，还会执行浏览器的默认事件，例如： $('input').trigger("focus); 这一行代码不仅会触发为<input>元素绑定的focus事件，也会使<input>元素本身得到焦点（这是浏览器的默认操作）。 如果只想触发绑定的focus事件，而不想执行浏览器
阅读全文
摘要：遇到的问题是： ie9下面的a标签样式是background-color:transparent;导致链接失效，点不动。这个问题跟IE9及其以下a标签链接加 background-color:transparent失效” 问题类似。 将a标签的background-color:transparent
阅读全文
摘要：之前在项目中遇到过要针对不同浏览器做不同的一些js或者css操作，后来某个朋友也突然问到这个问题，所以，整理了一下，在这里留个笔记，方便以后使用。 使用javascript判断浏览器类型：
阅读全文
摘要：1 #widthTest1 { 2 width: 200px; 3 height: 200px; 4 background-color: #00CCFF; 5 -webkit-box-sizing: border-box; 6 -moz-box-sizing: border-box; 7 box-sizing: border-box; 8 padding: 10px; 9 bo...
阅读全文
摘要：废话不多说，我们先来看几个例子： 1. 1 setTimeout(function(){console.log(1);}, 0); 2 console.log(2); result: 2 1 2. 1 console.log(100); 2 setTimeout(function(){console
阅读全文
浙公网安备 33010602011771号