Abner_Yan-CSDN博客

转载 # 了解真实的『REM』手机屏幕适配

rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。rem 的官方定义『The font size of the root element.』，即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素，所以采用的方式也是通过设置 html 元素的 font

2016-11-29 06:08:41 438

转载三张图搞懂JavaScript的原型对象与原型链

对于新人来说，JavaScript的原型是一个很让人头疼的事情，一来prototype容易与__proto__混淆，二来它们之间的各种指向实在有些复杂，其实市面上已经有非常多的文章在尝试说清楚，有一张所谓很经典的图，上面画了各种线条，一会连接这个一会连接那个，说实话我自己看得就非常头晕，更谈不上完全理解了。所以我自己也想尝试一下，看看能不能把原型中的重要知识点拆分出来，用最简单的图表形式说清楚。

2016-11-29 05:52:16 383

转载 README

前端开发面试题前言只看问题点这里看全部问题和答案点这里本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！前端还是一个年轻的行业，新的行业标准，框架，库都不断在更新和新增，正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话

2016-11-21 06:24:15 1079

转载 JavaScript面试题

介绍js的基本数据类型。 Undefined、Null、Boolean、Number、String、 ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的数据类型 )介绍js有哪些内置对象？Object 是 JavaScript 中所有对象的父对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Argum

2016-11-21 04:56:36 665

转载 CSS面试题

CSS介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？（1）有两种， IE 盒子模型、W3C 盒子模型；（2）盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)；（3）区别： IE的content部分把 border 和 padding计算了进去;CSS选择符有哪些？哪些属性可以继承？* 1.id选择器（ # myi

2016-11-21 04:55:52 1174

转载 HTML面试题

Doctype作用？标准模式与兼容模式各有什么区别?（1）、<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。（2）、标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法

2016-11-21 04:54:29 324

原创用a链接href解析url的组成

var url = 'https:www.baidu.com:8080/aaa/1.html?id=10#name';var aLink = window.document.createElement('a');aLink.href=url;console.log(alink);console.log(alink.search);console.log(alink.hash);

2016-11-21 04:36:00 666

原创 rem实现弹性布局

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

2016-11-21 04:30:24 972

原创 js停止冒泡和阻止浏览器默认行为

js停止冒泡W3C/ jquery阻止冒泡的方式: event.stopPropagation() IE: event.cancelBubble=true兼容性写法 window.event ? window.event.cancelBubble=true : event.stopPropagation;stopPropagation()/cancelBubble=true 可以阻止

2016-11-21 04:15:42 330

原创 js中的事件委托

js中的事件委托事件委托: 利用冒泡原理,把事件加到父级,触发执行效果.好处1 提高性能- 例子1<ul id="ul"> <li>000001</li> <li>000002</li> <li>000003</li> </ul> <script type="text/javascript"> var ul = document.getElementById(

2016-11-21 03:49:06 347

Abner_Yan的博客