10 2016 档案

闭包是什么，为什么要有闭包，有什么特性，对页面有什么影响？
摘要：闭包的实质是一个函数，是一个用于返回局部变量值的函数，因为在全局中，受JavaScript链式作用域结构的影响，父级变量中无法访问到子级的变量值，为了解决这个问题，才使用闭包这个概念。由于闭包时，变量的值都保存到内存中，会导致页面加载时内存消耗很大，IE会导致内在泄露，因此尽量少用或用时要及时删除变 阅读全文
posted @ 2016-10-23 10:31 逗比煎饼侠 阅读(2064) 评论(0) 推荐(0)
js下IE和FF的一些兼容写法总结
摘要：一、脚本差异： 1、事件绑定：addEventListener 与 attachEvent 事件处理函数中this指向不同， IE中指向window 2、获取事件对象 ：事件处理函数 window.event 3、获取触发事件的DOM元素： target srcElement 4、阻止默认行为： e 阅读全文
posted @ 2016-10-23 10:18 逗比煎饼侠 阅读(1200) 评论(0) 推荐(0)
javascript事件绑定和普通事件的区别
摘要：区别就是：普通事件只支持单个事件，事件绑定可以添加多个事件。 代码： 阅读全文
posted @ 2016-10-23 09:50 逗比煎饼侠 阅读(677) 评论(0) 推荐(0)
解释下浮动和它的工作原理？清除浮动的技巧
摘要：浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。 浮动元素引起的问题和解决办法？ 浮动元素引起的问题： 父元素的高度无法被撑开，影响与父元素同级的元素 与浮动元素同级的非浮动元素（内联元素）会跟随其后 若非第一个元素浮动，则该元素之前的元素也需要浮动，否则会影响页面显 阅读全文
posted @ 2016-10-23 09:13 逗比煎饼侠 阅读(643) 评论(0) 推荐(0)
javascript对象的几种创建方式
摘要：1. 工厂模式 2. 构造函数模式 3. 原型模式 4. 混合构造函数和原型模式 5. 动态原型模式 6. 寄生构造函数模式 7. 稳妥构造函数模式 1. 工厂模式 2. 构造函数模式 3. 原型模式 4. 混合构造函数和原型模式 5. 动态原型模式 6. 寄生构造函数模式 7. 稳妥构造函数模式 阅读全文
posted @ 2016-10-19 10:56 逗比煎饼侠 阅读(126) 评论(0) 推荐(0)
javascript继承的 6 种方法
摘要：1. 原型链继承 2. 借用构造函数继承 3. 组合继承(原型+借用构造) 4. 原型式继承 5. 寄生式继承 6. 寄生组合式继承 1. 原型链继承 2. 借用构造函数继承 3. 组合继承(原型+借用构造) 4. 原型式继承 5. 寄生式继承 6. 寄生组合式继承 阅读全文
posted @ 2016-10-19 10:56 逗比煎饼侠 阅读(154) 评论(2) 推荐(0)
js性能优化解决办法
摘要：1. 减少http请求次数：CSS Sprites, JS、CSS 源码压缩、图片大小控制合适；网页 Gzip，CDN 托管，data 缓存 ，图片服务器 2. 前端模板 JS + 数据，减少由于HTML标签导致的带宽浪费，前端用变量保存 AJAX 请求结果，每次操作本地变量，不用请求，减少请求次数 阅读全文
posted @ 2016-10-19 10:44 逗比煎饼侠 阅读(249) 评论(0) 推荐(0)
解决跨域问题
摘要：常用的跨域方法有这样一些： 1：使用iFrame访问另一个域。 然后再从另一个页面读取iFrame的内容。jquery等有一些封装。 据说Firefox等可能不支持读取另一个iFrame的内容。 2：jsonp。需要服务器支持。使用script src动态得到一段java代码。是回调页面上的js函数 阅读全文
posted @ 2016-10-19 10:23 逗比煎饼侠 阅读(130) 评论(0) 推荐(0)
淘宝初始化样式
摘要：淘宝的样式初始化代码： body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { ma 阅读全文
posted @ 2016-10-17 20:08 逗比煎饼侠 阅读(1214) 评论(0) 推荐(0)
js闭包使用之处
摘要：1。循环绑定 No Use： var lists = document.getElementsByTagName('li'); for(var i=0;i<lists.length;i<l;i++){ lists[i].onclick=function(){alert(i);}; } 结果：点击每一 阅读全文
posted @ 2016-10-16 19:23 逗比煎饼侠 阅读(129) 评论(0) 推荐(0)
CSS Sprites
摘要：CSS Sprites 1.简介 CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-image”，“background- repeat”，“background-position 阅读全文
posted @ 2016-10-08 22:34 逗比煎饼侠 阅读(93) 评论(0) 推荐(0)
iframe用的场景
摘要：iframe可用在以下几个场景中： 1：典型系统结构，左侧是功能树，右侧就是一些常见的table或者表单之类的。为了每一个功能，单独分离出来，采用iframe。 2：ajax上传文件。 3：加载别的网站内容，例如google广告，网站流量分析。 4： 在上传图片时，不用flash实现无刷新。 5：  阅读全文
posted @ 2016-10-08 21:42 逗比煎饼侠 阅读(455) 评论(0) 推荐(0)
http协议
摘要：HTTP协议 1.简介 HTTP协议（Hyper Text Transfer Protocol，超文本传输协议）,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。 HTTP基于TCP/IP通信协议来传递数据。 HTTP基于客户端/服务端（C/S）架构模 阅读全文
posted @ 2016-10-08 21:30 逗比煎饼侠 阅读(132) 评论(0) 推荐(0)
bootstrap响应式原理
摘要：Bootstrap 框架的网格系统工作原理如下：1 、数据行 (.row) 必须包含在容器（ .container ）中，以便为其赋予合适的对齐方式和内距 (padding) 。 如： <div class=" container "> <div class=" row "></div> </div 阅读全文
posted @ 2016-10-08 21:28 逗比煎饼侠 阅读(386) 评论(0) 推荐(0)