东方逸岚-CSDN博客

转载面试(五)

前言本文是在GitHub上看到一个大牛总结的前端常见面试题，很多问题问的都很好，很经典、很有代表性。上面没有答案，我就整理了一下，从网上找了一些相关问题的答案。里面有一部分问题的答案我也没有进行考证，不少答案都来源于网络，或许会有疏漏之处，仅供大家参考哦！(还有一部分问题答案还未整理，大家也可以自己搜索一下答案)1.你能描述一下渐进增强和优雅降级之间的不同吗?优雅降级：Web站点在所有新式浏

2017-04-10 19:58:13 2869

转载 chrome调试

随笔分类 - Chrome 利用chorme调试手机网页摘要: 太方便了，很实用的技巧（特意记录一下）1.pc端安装最新的chrome2.手机端安装最新的chrome ( Android机 )3.USB连接线4.打开电脑的chrome 在地址栏输入 chrome://inspect 选中 Discov

2017-04-07 12:52:28 568

转载 JavaScript中的原型和继承

JavaScript中的原型和继承作者: Scott Allen 来源: jobbole 发布时间: 2014-05-05 17:28 阅读: 6432 次推荐: 6 原文链接 [收藏]

2017-04-06 19:39:49 362

转载 css hack

CSS hack 之前一直很狭隘的对CSS hack持有偏见，觉得写得规范的代码不应该使用这些“邪门歪道”，可最近产品发布一个小问题却让我头疼了很久，最后查了一下资料，竟然使用CSS hack轻松解决了，不得不服啊，对付神奇的IE就得使用这些利器。什么是CSS hack由于不同的浏览器，甚至同一浏览器的不同版本对CSS

2017-04-06 15:43:43 323

转载 CSS来实现用图片替换文字

不论是对浏览者还是对搜索引擎，文字都是最佳的页面内容展示方式，但是，由于字体等原因的限制，纯文字的展示渐渐无法满足爱美的设计师的要求。于是，出现了通过CSS来实现用图片替换文字的方法，这种方式既能实现页面上各种丰富的效果，又能满足搜索引擎优化的需要。因此，深受网页设计师的喜爱，本文介绍了几种常见的图文替换技术。Fahrner Image Replacement (FIR)Phark 的方法Gi

2017-04-06 15:07:23 589

转载 css居中和布局

<div id="breadcrumb" class="grid-12 margin-20"><div class="breadcrumb-wrapper">伯乐在线 > WEB前端 - 伯乐在线 > 所有文章 > CSS > CSS 布局十八般武艺都在这里了 CSS 布局十八般武艺都在这里

2017-04-06 13:13:35 664

圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表现为三栏是单独分开的（如果可以看到空隙的话），而双飞翼布局是在中间栏的div中嵌套一个div，内容写在嵌套的div

2017-04-04 14:56:18 300

转载圣杯布局

圣杯布局和双飞翼布局（前端面试必看）稍微了解前端的人都知道，圣杯布局和双飞翼布局是前端面试时必问的问题，因为它既能体现你懂HTML结构又能体现出你对ＤIV+CSS布局的掌握，毕竟我们学习CSS主要就是为了更好地布局带来最好的用户体验嘛~ 事实上，圣杯布局其实和双飞翼布局是一回事。它们实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，也就是我们常说的固比固布局。它们实现的效果是一样的，差别在于

2017-04-04 14:51:18 315

转载 css布局总结（一）

标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子模块、试验中的grid模块。逛园子的时候经常可以看到浮动布局，inline-block布局，弹性盒布局这几个名词。现

2017-04-04 00:02:31 562

转载模块化开发

1、模块化开发1.什么是模块化开发？简单的说模块就是实现特定功能的一组方法。模块化开发其实就是让JavaScript文件可以互相引用，每个文档代表一个模块，提高代码的使用频率。模块化是一种将系统分离成独立功能部分的方法，可将系统分割成独立的功能部分，严格定义模块接口、模块间具有透明性。2.模块化开发的优缺点有哪些？优点：1.便于多人协作开发，每个部分开发不会干扰其它地方2.便于调试修改，

2017-04-03 23:03:55 538

转载 HTML 事件(四)

HTML 事件(四) 模拟事件操作　　本篇主要介绍HTML DOM中事件的模拟操作。其他事件文章1. HTML 事件(一) 事件的介绍2. HTML 事件(二) 事件的注册与注销3. HTML 事件(三) 事件流与事件委托4. HTML 事件(四) 模拟事件操作目录1. 模拟事件介绍　　1.1 特点　　1.2 创建方式2. 老版本　　2.1 创建步

2017-04-03 22:53:00 220

转载 HTML 事件(三)

HTML 事件(三) 事件流与事件委托　　本篇主要介绍HTML DOM中的事件流和事件委托。其他事件文章1. HTML 事件(一) 事件的介绍2. HTML 事件(二) 事件的注册与注销3. HTML 事件(三) 事件流与事件委托4. HTML 事件(四) 模拟事件操作目录1. 事件流　　1.1 何为事件流　　1.2 事件流的三个阶段　　1.3 add

2017-04-03 21:23:43 395

转载 HTML 事件(二)

HTML 事件(二) 事件的注册与注销

2017-04-03 18:19:54 273

转载 HTML 事件(一)

HTML 事件(一) 事件的介绍

2017-04-03 12:26:20 491

转载本地存储和离线缓存

本地存储和离线缓存前端的存储方式有：localStorage、sessionStorage、cookie、UserData、webSQL、indexeddb、HTML5离线存储等1、本地存储1.cookie在h5之前，存储主要用的是cookie。cookie会随着每次http请求头信息一起发送，无形中增加了网络流量，另外，cookie能存储的数据容量有限，根据浏览器类型不同而不同，IE6大约只能存储

2017-04-01 15:30:53 2541

转载 Ajax、jsonp

Ajax、jsonp

2017-04-01 15:19:59 206

转载 JS跨域请求

js中几种实用的跨域方法原理详解

2017-04-01 15:05:56 388

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

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

2017-03-31 21:22:38 4124 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 204

转载鼠标滚动特效

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

2017-03-28 23:45:37 315

转载 ECMAScript函数参数

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

2017-03-28 23:37:05 190