2017年03月_东方逸岚

转载预加载和懒加载（延迟加载）

一、预加载前面做了个招聘页面，里面有大量的图片需要加载。一开始都是全部写在页面中，在测试环境还看不出很慢，一放到正式环境就不对了。微信浏览器本来就觉得慢，现在一下子要加载这么多图片，一下子就把屏幕弄白了，过了几十秒后才会完整的出现Loading图片。这显然是无法忍受的，马上就加了预加载的功能，我只是简单的使用了一下。预加载就是通过Image对象，给这个对象添加“src”属性，并可以将此对象缓

2017-03-31 21:22:38 4123 1

转载 js边界

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeig

2017-03-31 21:11:00 936

转载前端面试4

[置顶] 2015阿里巴巴前端实习生在线笔试题已经很久没有在CSDN上面写博客了，最近发现CSDN也可以用Markdown了，小小地兴奋了一下，决定写一篇博客第关于前几天2015阿里巴巴前端实习生在线笔试的。前几天参加了这个在线笔试，发现题目真的挺难的，后来再重新回想的时候，除了本来就不会做的，还发现自己做错了几道题

2017-03-30 17:12:58 1136

转载 JavaScript模块规范之AMD规范和CMD规范

JavaScript模块规范之AMD规范和CMD规范投稿：mrr 字体：[增加减小] 类型：转载时间：2015-10-27 我要评论本篇文章给大家介绍js模块规范之AMD规范和CMD规范，模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式，对js amd cmd规范感兴趣的童鞋可以来本文学习

2017-03-30 12:44:47 445

转载使用 RequireJS 优化 Web 应用前端

使用 RequireJS 优化 Web 应用前端基于 AMD（Asynchronous Module Definition）的 JavaScript 设计已经在目前较为流行的前端框架中大行其道，jQuery、Dojo、MooTools、EmbedJS 等纷纷在其最新版本中加入了对 AMD 的支持。本文介绍

2017-03-30 12:39:03 432

原创概念问题

i/o （计算机接口）输入/输出（Input /Output ,简称I/O），指的是一切操作、程序或设备与计算机之间发生的数据传输过程。输入/输出系统(Input/Output System) ，指控制计算机数据流动的体制，包括程序、硬件。输入/输出设备，就是指可以与计算机进行数据传输的硬件。最常见的I/O设备有打印机、硬盘、键盘和鼠标。从严格意义上来讲，它们中有一些只能算是输入设备（比

2017-03-30 12:20:14 320

转载 gulp操作

前端构建工具gulpjs的使用介绍及技巧 gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装

2017-03-29 16:21:53 202

转载 gulp--基于流的前端自动化构建工具

gulp是基于流的前端自动化构建工具易用 Gulp相比Grunt更简洁，而且遵循代码优于配置策略，维护Gulp更像是写代码。高效 Gulp相比Grunt更有设计感，核心设计基于Unix流的概念，通过管道连接，不需要写中间文件。高质量 Gulp的每个插件只完成一个功能，这也是Unix的设计原则之一，各个功能通过流进行整合并完成复杂的任务。例如：Grunt的imagemin插件不仅压缩图片，同时

2017-03-29 16:19:51 368 1

转载 javascript_closure闭包--1

如何理解javascript closure ? 　　接触过javascript的人应该听过闭包（closure）,有一种观点认为是闭包赋予了javascript的强大能力，也赋予了它具备OOP的特征。既然javascript closure如此重要，那么问题来了，什么是closure呢？closure有什么作用？本文将结

2017-03-29 00:57:54 606

转载详解Javascript 函数声明和函数表达式的区别

详解Javascript 函数声明和函数表达式的区别　　Javascript Function无处不在，而且功能强大！通过Javascript函数可以让JS具有面向对象的一些特征，实现封装、继承等，也可以让代码得到复用。但事物都有两面性，Javascript函数有的时候也比较“任性”，你如果不了解它的“性情”，它很可能给

2017-03-29 00:30:47 234

转载高性能的Javascript代码

编写高性能Javascript代码的若干建议　　多年来，Javascript一直在web应用开发中占据重要的地位，但是很多开发者往往忽视一些性能方面的知识，特别是随着计算机硬件的不断升级，开发者越发觉得Javascript性能优化的好不好对网页的执行效率影响不明显。但在某些情况下，不优化的Javascript代码必然会影

2017-03-29 00:17:28 203

转载鼠标滚动特效

鼠标滚动插件smoovejs和wowjs 前言鼠标滚动特效很常见，当鼠标滚动到特定的位置时才会触发相应的CSS特效，这里简单聊两款鼠标滚动特效插件smoovejs和wowjs。smoovejssmoovejs基于jQuery，所以在引入smoovejs之前确保先引入jQuery，相关版本的smoovejs的cdn可以点击这里或者下面的链接查看。http://www.

2017-03-28 23:45:37 314

转载 ECMAScript函数参数

关于ECMAScript函数参数的多方面理解写在前面无论在哪种编程语言中，函数都是特别有意思的部分，但同时也是一个难点。在ECMAScript中，作为对象的函数也不例外，让人又爱又恨。这一章我们主要从多个方面聊一聊函数参数这一部分，至于函数像海一样深的其他部分我们有机会再聊。函数的有些知识点是比较简单的，所以在进入正题之前，我们先简单介绍两点：函数的return和

2017-03-28 23:37:05 190

转载 Array.prototype.slice.call

关于js的Array.prototype.slice.call

2017-03-28 22:56:15 134

转载关于js的Array.prototype.slice.call

关于js的Array.prototype.slice.call

2017-03-28 17:57:06 262

转载 JavaScript 中的this指向

JavaScript 中的this指向

2017-03-28 16:24:40 204

转载函数声明与函数表达式不同2

Javascript Function

2017-03-28 15:38:23 269

转载函数声明和函数表达式的异同

函数声明和函数表达式——函数声明和函数表达式的异同

2017-03-28 15:31:40 229

转载立即执行函数

深入理解javascript中的立即执行函数(function(){…})()

2017-03-27 12:11:37 165

转载 jQuery图片延迟加载插件jQuery.lazyload

jQuery图片延迟加载插件jQuery.lazyload

2017-03-26 21:57:58 235

转载面试题1

GitHub - Tonyhzw/FE-interview: 收集的前端面试题和答案 Skip to content Ignore Learn more

2017-03-26 20:55:29 4385

本文由大漠根据Osvaldas Valutis的《Imitating calc() Fallback or Fixed-Width Sidebar In Responsive Layout》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://osvaldas.info/imitating-calc-fallback-fixed

2017-03-26 20:52:39 301

转载 calc()了解

calc()--1

2017-03-24 23:36:00 367

转载 js中的事件委托技术

1.什么是事件委托：通俗的讲，时间就是onclick,onmouseover,onmouseout,等就是事件，委托呢，就是让别人来做，这个时间本来是加在某些元素上的，然而你却加到别人身上来做，完成这个事件。也就是：利用冒泡的原理，把事件加到父元素上，触发执行效果。使用时间委托技术能让你避免对特定的每个节点添加时间监听器；相反，事件监听器是被添加到它们的父元素上。好处1：提高性能。

2017-03-24 20:33:22 184

qq_34758991的博客