分类:前端开发

CSS技巧(二):CSS hack

CSS技巧(二):CSS hack
CSS hack由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。...

4年前 (2015-12-10) 280℃ 评论 () 140喜欢

CSS技巧(一):清除浮动

CSS技巧(一):清除浮动
在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出...

4年前 (2015-12-09) 504℃ 评论 () 1594喜欢

[译]响应式图像

[译]响应式图像
自从2010年Ethan Marcotte开始讨论响应式网页设计,开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一...

4年前 (2015-12-08) 351℃ 评论 () 204喜欢

关于Function.prototype.bind

关于Function.prototype.bind
bind()方法会创建一个新函数,称为绑定函数。当调用这个绑定函数时,绑定函数会以创建它时传入bind()方法的第一个参数作为 this,传入 bind() 方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。...

4年前 (2015-12-06) 194℃ 评论 () 150喜欢

你所不了解的setTimeout

你所不了解的setTimeout
看到了一篇不错的文章《你会用setTimeout吗 》,转载过来的,改了个名字,一下子感觉搞大上了,嘎嘎。加了几个关于 setTimeout 和setInterval的小知识:...

4年前 (2015-12-06) 1125℃ 评论 () 653喜欢

css font的简写规则

css font的简写规则
CSS的命名规则是用英文字母数字和下划线(一般用小写)来命名,简写css font的好处有三:一是写起来方便(就像键盘快捷键);二是简化代码;三是帮助你熟悉和深刻理解css。...

4年前 (2015-12-03) 280℃ 评论 () 125喜欢

SVG图案:通过图片、属性和嵌套构建更复杂的图案

SVG图案:通过图片、属性和嵌套构建更复杂的图案
网页设计元素之一【图案】,通常是使用图片创建的。虽然一些图案可以使用CSS创建,但大多数还是涉及某种形式的图片。幸运的是SVG可以很容易创建简单和更复杂的图案,还可以缩放,而且需要很少的http请求...

4年前 (2015-11-29) 611℃ 评论 () 175喜欢

异步加载 js 的多种解决方案

异步加载 js 的多种解决方案
默认情况javascript是同步加载的,也就是javascript的加载时是会阻塞的,后面的元素要等待javascript加载完毕后才能进行再加载,如何解决这个问题呢,接下来将为你详细介绍下异步加载js三种实现方案,感兴趣的你可以参考下哈...

4年前 (2015-11-28) 1321℃ 评论 () 149喜欢

如何使用SVG图案

如何使用SVG图案
图案是非常常用的设计元素。它可以提供对比,创建一个深度感,并给组合添加趣味。SVG可以很方便地创建和使用图案,随心所欲,这篇文章我们要讨论元素,以及如何在SVG中使用这个元素。大概会讲SVG图案的基础,然后下一篇讲解如何创建复杂一些的图案。...

4年前 (2015-11-25) 559℃ 评论 () 156喜欢

如何在JavaScript中正确引用某个方法(bind方法的应用)

如何在JavaScript中正确引用某个方法(bind方法的应用)
如何在JavaScript中正确引用某个方法(bind方法的应用),文中有关JavaScript,bind,方法,上下文的内容,希望对大家有所帮助。
在JavaScript中,方法往往涉及到上下文,也就是this,因此往往不能直接引用,就拿最常见的console.log("info…")来说,避免书写冗长的console,直接用log("info…")代替,不假思索的会想到如下语法:...

4年前 (2015-11-23) 152℃ 评论 () 123喜欢

加入收藏js代码 兼容所有浏览器

加入收藏js代码 兼容所有浏览器
我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果可以自动收藏否则就提示ctrl+D手动收藏了。...

4年前 (2015-11-23) 1163℃ 评论 () 125喜欢

了解CSS3那些不为人知的高级属性

了解CSS3那些不为人知的高级属性
尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性,如border-radius、box-shadow或者transform等。它们有良好的文档...

4年前 (2015-11-08) 406℃ 评论 () 122喜欢

box-flex属性,然后弹性盒子模型简介

box-flex属性,然后弹性盒子模型简介
昨天趁着不想工作的时间间隙闲逛24ways,在My CSS Wish List一文中,见到了个新鲜的CSS属性,就是题目中的box-flex,以前没有见过,顿生疑惑,不知是骡子还是马,于是习惯性谷歌之,真是不谷不知道,一谷吓一跳。倒不是该属性本身,而是此属性作为导火索,让我了解了下CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)...

4年前 (2015-11-04) 530℃ 评论 () 99喜欢

了解CSS3的不一样,CSS3伪类元素详解/深入浅出

了解CSS3的不一样,CSS3伪类元素详解/深入浅出
​最近一段时间,很多朋友向我提出说对css3"画图"不是很理解, 在跟他们私聊了一段时间以后,加上自己在开始自学css3的时候的疑惑,我觉得大家之所以不是很理解主要是因为对伪元素不太了解,介于画图和CSS3里一 些高大上的特效用的比较广泛的伪类元素就是::before 和 ::after, 写这篇博客主要也是为了起到一个敲门砖的作用,所以本篇博客主要是讲::before 和 ::after。那么就让我们一起来聊聊伪元素吧...

4年前 (2015-11-03) 472℃ 评论 () 76喜欢

面向设计的半封装web组件开发

面向设计的半封装web组件开发
本文内容可谓是对大脑认知的一场洗礼。我们平常提到组件,就会想到重用,各个项目都能使用。而本文的组件,对于某具体项目而言是组件,但是,对于其他项目,就是个半封装的半吊子组件。面向设计、面向项目的web组件开发,就是本文要探讨的主旨...

4年前 (2015-11-02) 479℃ 评论 () 77喜欢

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

4年前 (2015-11-02) 366℃ 评论 () 129喜欢

响应式web设计与CSS3媒体查询

响应式web设计与CSS3媒体查询
在之前一篇译文中,我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题,我们将从前文介绍过的"弹性布局结构"这方面出发,通过一个具体的实例来深入学习。...

4年前 (2015-11-01) 1112℃ 评论 () 201喜欢