- 博客(20)
- 收藏
- 关注
翻译 你是否应该用inline-block来替代Float
当使用CSS开发站点布局时,浮动(float)总是做最繁重的工作。我们为大块譬如主要内容(main content)和侧边栏(sidebar)以及其内部小一些的块使用浮动(float)。浮动总是解决问题的答案吗?通常它们都工作得很好,但是有时候却很难使用。特别是涉及到内部块,比如一个图像网格,它们不会如预期的那样排成一条线。Inline-block是另一个选择。它们会模仿一些我们所希望的浮动表现,并且消除float带来的一些问题。
2014-05-15 11:56:53
1733
翻译 理解CSS Floats
有效地使用CSS浮动非常容易使人迷惑,并且这可能也是绊倒许多新手的事情之一。然而,一旦你学会了控制浮动元素,它将为你的设计开辟一个全新的世界,使得开发布局更简单。只要你理解了几个关键点,浮动真的没有想象的那样难。
2014-05-06 20:22:07
1065
翻译 JavaScript动画工作原理之(完结篇)
JavaScript动画工作原理完结篇(之四)在我们的最后一部分中,我们将通过建立事件处理程序,而不是在点击按钮时机器人做出响应,我们的机器人将在屏幕上跟随着鼠标而移动。在这个过程中,我们将讨论跨浏览器的代码,并且触摸屏也可用……
2014-05-04 00:02:28
1385
翻译 JavaScript动画工作原理之(三)
原作者:Steven Riche发布时间:2014年2月14日原文链接:http://code.tutsplus.com/tutorials/javascript-animation-that-works-part-3-of-4--net-35248翻译:子毅 --------- 将JavaScript进行到底在本系列的第一篇文章中,我们介绍了精灵,以及它是怎样用于在web
2014-03-28 00:42:35
724
原创 深度复制对象属性
先来看一个例子function extend(o, p) { var names = Object.getOwnPropertyNames(p); for (var i = 0; i < names.length; i++) { if (names[i] in o) { continue; } o[nam
2014-03-24 18:23:50
792
翻译 JavaScript动画工作原理之(二)
原作者:Steven Riche发布时间:2014年1月30日原文链接:http://code.tutsplus.com/tutorials/javascript-animation-that-works-part-2-of-4--net-35237翻译:子毅 ------- 将JavaScript进行到底在上一篇文章中,我们介绍了在JavaScript中使用精灵,使得动画
2014-03-21 23:08:46
1000
翻译 JavaScript动画工作原理之(一)
原作者:Steven Riche发布时间:2014年1月原文地址:http://code.tutsplus.com/tutorials/javascript-animation-that-works-part-1-of-4--net-35205翻译:子毅 -------- 将JavaScript进行到底HTML是用于构建web的,它有点像奇怪的野兽。尽管HTML最初的目标是,通
2014-03-16 00:09:54
1597
翻译 你对CSS Position了解程度有多少
原作者:Steven Bradley发布时间:2009年11月23日原文地址:http://www.vanseodesign.com/css/css-positioning/翻译:子毅----------将JavaScript进行到底当人们将接触CSS布局的时候倾向于使用Position。Positoin似乎是一个很容易掌握的概念。从表面上来看,你只要精确指定了一个块所处的位置,它
2014-03-12 12:46:43
952
翻译 【0-1 .offsetParent() .position()】
上一篇API翻译排版有些问题,这次争取能得到改进.offsetParent() 返回jQuery描述:取得离指定元素最近的被定位的祖先元素。被定为祖先元素指position值为fixed, relative, 或absolute;这个方法不接受任何参数如果提供一个代表一系列DOM元素的jQuery对象,.offsetParent()方法允许我们在DOM
2014-03-11 10:23:27
743
翻译 如何实现一个完美的多级导航栏
原作者: Antonio Lupetti 发布时间:2009年9月2日原文地址:http://woork.blogspot.kr/2009/09/how-to-implement-perfect-multi-level.html(链接可能被强)翻译:子毅 -----------将JavaScript进行到底我经常收到一个问题,实现一个多级导航栏,一个网站最好的方式是什么。有
2014-03-09 13:45:20
5206
翻译 【0-0 .offset()】
在匹配的元素集中,获取第一个元素的当前坐标,或者设置每一个元素的坐标,坐标相对于文档内容:.offset().offset().offset( coordinates ).offset( coordinates ).offset( function(index, coords) ).offset() 返回对象描述:在匹配的元素集中,取得第
2014-03-08 21:23:05
1006
原创 jQuery API翻译之开篇
最开始的问题当然是为什么要开这个栏目如果不经常翻看英文文档,浏览老美技术、科技博客都不好意思说自己是程序员。命运的捉弄,BZ两次错过英语六级考试,后来索性不报考了,做一套六级的练习题的时间,我都可以翻译两篇文档了。与其浪费时间去拿”没什么实际意义“的证书,还不如干点正事。这是其一二是自己刚学习jQ不久,很多东西都不熟悉,翻译的过程其实是深度学习的过程,一举多得。只要认认真真
2014-03-08 18:10:14
851
翻译 CSS盒模型:提高你CSS的基础
原作者:Steven Bradley发布时间:2009年11月16日原文地址:http://www.instantshift.com/2009/11/16/css-box-model-the-foundation-for-improving-your-css/翻译:子毅- - - - - 将Javascrip进行到底CSS盒模型是使用CSS的基础,每个元素由一个矩形框包围的
2014-03-05 17:31:50
1348
原创 使用$.get()从数据库异步请求数据的简单例子
Ajax极大地改善了用户体验,对于web2.0来说必不可少,是前端开发人员必不可少的技能。这个例子是这样的,当从select下拉框选择编程语言时时,根据选项的不同,异步请求不同的函数API描述。这种功能在现在web应用程序中是及其常见的。我们先来看一下$.get()的结构$.get(url, [, data], [, callback] [, type])//url:请求的HTML页
2014-03-05 09:39:45
1361
原创 弹窗渐隐渐出效果
经常看到有各种各样的弹窗,一直不知道是怎么回事,查了查,原理挺简单的。先贴出html/css代码.back { display:none; position:absolute; top:0; left:0; height:100%; width:100%; background:black; z-index:1000; cursor:pointer; opacity:0
2014-03-03 17:26:59
2057
原创 原生js实现淘宝首页回到顶部效果
淘宝首页的回到顶部按钮是这样的:下拉到一定距离后按钮才显示出来,鼠标放到按钮上时,按钮背景会变成灰色,并且图标变成了文字。点击按钮缓慢回到顶部我们先分析下实现这样的效果需要添加哪些事件。鼠标移进移出按钮,按钮表现发生变化,所以需要给按钮添加mouseover, mouseout事件。要侦听滚动条的变化,所以需要给window添加scroll事件,点击按钮回到顶部,按钮添加click事件。我们将
2014-02-25 17:29:02
2717
翻译 JavaScript’s call v apply v bind
原作者:Kristina Brainwave发布时间: 2014-2-15原文:https://medium.com/the-javascript-collection/9e6122cde639翻译:子毅- - - - - 将JavaScript进行到底Function 构造函数原型有三个 允许函数在一个特殊的上下文下调用的方法:call,apply 和 bind。这三个方法用
2014-02-15 13:03:01
998
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人