midii-CSDN博客

转载用:after清除浮动

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0; }.clearfix { *zoom:1;} 整段代码就相当于在浮动元素后面跟了个宽高为0的空div，然后设定它c

2013-12-19 18:12:17 1673

转载 2014阿里前端线上笔试题解答

No. 1题目：下图绿色区域的宽度为100%，其中有三个矩形，第一个矩形的宽度是200px，第二个和第三个矩形的宽度相等。请使用CSS3中的功能实现它们的布局。已知HTML结构是： class="box"> class="item">column 1 class="item">column 2 class="item">column 3解答：

2013-10-08 18:11:52 1660

转载 Data URI 和 MHTML

Data URIData URI是由RFC 2397定义的一种把小文件直接嵌入文档的方案。通过如下语法就可以把小文件变成指定编码直接嵌入到页面中：data:[][;base64],MIME-type：指定嵌入数据的MIME。其形式是[type]/[subtype]; parameter，比如png图片对应的MIME是image/png。parameter可以用來指定附加的信息，更

2013-09-26 10:57:11 646

转载设计稿标注首屏线的确定始末

这是内部的一个邮件记录，分享出来听下业内同行的声音。事情是这样的..==先是 A 推荐了白鸦的推到内部群：“设计师们一定要养成一个习惯：无论是原型设计还是视觉设计，一定要标注一下首屏线，明确首屏需要、可以显示到哪里。”==然后，B 觉得这点子不错，根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览器状态栏、任务栏等高度进行分析：得出两条首屏

2013-09-26 10:55:11 559

转载一个IE6下重复加载的BUG

上周接到一个需求，有人反馈淘宝的搜索结果页会对某些资源文件进行重复不停地重新载入，问题严重。经过一系列排查，最终发现问题所在：IE6在window.onload(或模拟的domready)时执行脚本，会引发一些cache的问题:问题1. 此时JS对dom进行渲染级的变动，如设置宽高、innerHTML等，会对元素的背景图进行重新请求问题2. 此时JS对多个Image元素设置同一src，

2013-09-26 10:54:06 601

转载 Javascript 面向对象编程（一）：封装

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javascript高级程序设计（

2013-09-13 17:33:05 417

转载 Javascript的this用法

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，　　function test(){　　　　this.x = 1;　　}随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。下面分四种情况，详细讨论this的用法。情况一：纯粹的函数调用

2013-09-13 17:16:22 450

转载用Javascript获取页面元素的位置

制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的大小和浏览器窗口的大小首先，要明确两个基本概念。一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。浏览器窗口的大小，则是指在浏览器窗口中看到的那部分网页面积，又叫做viewport（视口）。很显然，如果网页的内

2013-09-13 17:15:24 521

转载学习Javascript闭包（Closure）

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。　　

2013-09-13 16:46:41 561

转载 CSS框架-SASS 用法指南

一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。二、安装和使用2.1 安装SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SASS。假定

2013-09-13 15:42:18 761

转载 JS的各种排序算法实现

// ---------- 一些排序算法var Sort = {}Sort.prototype = { // 利用sort进行排序 systemSort:function(array){ return array.sort(function(a, b){ return a - b;

2013-09-12 11:23:56 541

转载提高前端性能方面的处理以及不足

一，最最基本的CSS顶部, JS底部YUI compressor/GzipCDN 有必要的CSS SpriteAjax可缓存以上没什么好说的。二、CSS渲染、页面重绘以及回流尽量避免类似.a.b{}.list a{}以及其他一些复杂选择器，以提高整站整体CSS渲染。避免某些expression表达式，避免IE6的AlphaImageLoader png透明滤镜，可以试试

2013-05-11 12:29:19 707

原创 css 继承

css哪些属性可以继承?1、textfont-familyfont-sizefont-stylefont-variantfont-weightfontletter-spacingline-heighttext-aligntext-indenttext-transformword-spacing所有主流浏览器都支持 font-weight 属性。ps：任何的版本的 IE（

2013-05-11 12:26:53 560

转载 inline-block 前世今生

曾几何时，display:inline-block 已经深入「大街小巷」，随处可见「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码是为了兼容 IE6、7而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-bl

2013-05-11 12:22:43 490

转载那些年我们一起清除过的浮动

浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局；恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动还是闭合浮动（Enclosing

2013-05-11 12:19:41 387

转载未知高度多行文本垂直居中

近日，微博上有朋友比较纠结未知高度的文本垂直居中问题。这个和「未知高度图片垂直居中」有些类似，但是有一些细节需要注意。这里有之前写的一个未知宽高对话框的垂直居中（拖动改变大小看是不是依然居中？），只不过对话框是相对于 viewport（视口）居中的，这里的文字需要的是相对于容器垂直居中。拿到这样的需求时，先不要想着如何兼容 IE6/7。先想想文字垂直居中靠什么属性？vertical-ali

2013-05-11 12:15:24 749

midii的专栏