2017年01月_Encoreeeee

转载网页重构应该避免的10大 CSS 糟糕用法

原文地址罗磊的独立博客:「网页重构应该避免的10大 CSS 糟糕用法」对于网页重构来说，CSS禅意花园是网页布局从 table 表格转到了 html +css 的标志。这些年来，随着我们的网站越来越复杂：html5，css3，新的技术、新的属性，越来越多的开发者开始思考和尝试提高他们的 CSS 技能。那么我们从哪里着手呢？对于网页重构工作来说，我们应该养成什么样的开发习

2017-01-30 11:25:45 675

原创一道关于给DIV按比例分配宽度的面试题

之前参加某公司的笔试的时候有这么一道题, 要求用CSS3的方式实现下列布局: 可以看得出来这里没有标明任何的宽度是多少, 但有一个值得注意的地方是蓝色块的宽度很明显是红色块宽度的两倍. 当时做这个题是还没有学习CSS3, 所以并不知道怎么做. 而经过最近的学习之后, 了解到了其实可以使用CSS3中的弹性伸缩布局来做, 具体的做法是: (1) 结构: (2

2017-01-30 11:12:58 1037 1

转载 CSS z-index 属性的使用方法和层级树的概念

转载自:MG12's Blog - Just Another WordPress Blog 原文地址:http://www.neoease.com/css-z-index-property-and-layering-tree/ CSS 中的 z-index 属性用于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认

2017-01-30 11:05:58 254

原创 display:inline-block和元素水平居中的关系

一般情况下, 如果我们要使一个div在父元素中水平居中显示, 我们会给它设置一个宽度, 然后设置margin: 0 auto; 但这个属性只有在div的display为block或者默认情况下才会有效果. 但是在某些必需的情况下, 我们给div设置了display为inline-block的情况下, 发现使用margin来让其居中这个方法行不通. 那么此时解决的方法就是: 给该元素的父元素添加样式

2017-01-30 10:49:38 14374

原创针对不同浏览器的事件绑定以及鼠标滚轮事件

前段时间在看《JavaScript高级程序设计》第十三章-事件, 还没看完, 只是看到里面的一些内容觉得在这里做一个记录和总结会比较好. 首先先来讲解一下绑定事件一共有几种方式以及他们的特点和浏览器的兼容性一. DOM0级事件处理程序所谓的DOM0级事件处理程序, 就是通过JavaScript指定事件处理程序的传统方式, 就是将一个函数赋值给一个事件处理程序属性, 比方说div.o

2017-01-30 10:36:35 2270

转载 JavaScript中的深度克隆

javascript的一切实例都是对象，只是对象之间稍有不同，分为原始类型和合成类型。原始类型对象指的是字符串（String）、数值（Number）、布尔值（Boolean），合成类型对象指的是数组（Array）、对象（Object）、函数（Function）。既然对象分为这两类，他们之间的最大差别是复制克隆的差别。普通对象存储的是对象的实际数据，而引用对象存储的是对象的引用地址，而把对象

2017-01-30 10:15:45 252

原创关于如何取消匿名函数的绑定以及arguments.callee的用法

之前在看《JavaScript高级程序设计》第十三章P391看到关于arguments.callee的用法, 然后又翻回之前的内容, 原来在第5章引用类型P113的时候曾经讲到过这个arguments.callee, 发现这个arguments对象的属性其实有挺大的用处的, 接下来讲一讲的两大作用: 作用一. 取消代码与函数名的耦合状态首先, 如果要定义一个阶乘函数,

2017-01-26 12:38:58 1433

转载 Webapp中1px边框在retina屏中变粗的问题

最近在做一个webapp, 给边框设置了1px的大小, 结果同时在1080P的手机中打开并截图后用PS无限放大, 发现边框并不是1px大小, 而是变成了3px的大小. 其实这是因为手机的dpr在作祟, 在超高清屏(dpr=3)的情况下会用3dp的大小去渲染1px的内容, 因此1px的边框在超高清手机上会被拉伸成3px, 这个问题是需要解决的. 还好，时代总是进步的。也许很多人都不知道，现

2017-01-03 11:05:33 2023

Encorehwang的博客