7 张运领

尚未进行身份认证

我的个人博客:www.zhangyunling.com

等级
TA的排名 10w+

关于line-height导致的布局出错

原文地址:请查看我的主页:关于line-height导致的布局出错。        line-height:属性设置行间距参数(行高,不允许使用负值)。        通常情况下,我们使用line-height是为了使内容上下居中,对行内元素实现高度的控制,通常情况下,line-height的设置都可以很好的完成它所要承担的工作,只是也有的时候,会出现一些特例,比如会导致布局出现问题。

2014-01-09 18:20:02

在一定范围内,随机生成N个不等的数组

没有什么可说的,直接上代码吧。写的很直接。function getDifNum(num,minNum,maxNum){//在一定minNum - maxNum 的范围内,获取num个不相同的数//num为返回数组的个数,minNum和maxNum为取值的最小值和最大值。 var res = [], i=0, len, flag=false, btn;

2014-01-04 15:07:08

WEB开发者不应该害怕的五件事

原文出自:5 Things Web Designers are Afraid of but Shouldn’t Be第一次翻译文章,有些语言描述的不太清楚:如果想要更确切的表达,请查看原文。         除非你的工作是一个设计师,需要你懂很多方面的知识,否则你很容易在你的所从事的工作领域,成为一个专家,你享受这个过程,并且熟练的使用Photoshop,HTML和CSS,你觉得,

2014-01-04 13:48:03

事件绑定的一点小知识

本篇文章呢,主要是关于事件绑定中,不同方法间的一点小区别,就是dom1级绑定和dom2级绑定的一点小的差别。前言:      事件绑定,通常使用的绑定方式有三种:        1:绑定到标签中。        2:绑定到dom对象中,dom1级事件绑定。        3:绑定到事件对象中。dom2级事件绑定。       这三种绑定方法的好坏,以及主要区别,

2014-01-02 23:04:24

text-align简单理解

text-align:通常情况下,我们只是用来设置文本的对齐方式。但有的时候,我们也可以使用该属性进行元素的对其,以及进行布局。一:基本概念       1:W3C标准中,对text-align这样说明:它是一个基本的属性,它会影响一个元素中的文本行相互之间的对其方式。       2:基本取值:                left,right,center,这三个取值

2014-01-02 22:12:43

CSS模拟三角形

如果我们需要一个三角形的图像,这个时候,我们是不是需要去拿一个图片做背景,然后把需要在这个三角形内填充的内容,用定位的方法,放在图片中呢?其实啊,只用CSS也是可以做到的,该文中的方法主要是借鉴了淘宝首页的CSS实现箭头的相关代码。主要思想是:只使用border,并且border的边,有一个边的宽度是0,那么就就会出现三角形了。比如:你这样写一下代码:.c{

2013-12-19 15:05:13

代码优化--惰性载入函数

有一句话说的好,没有if的语句,比有if的语句,拥有更高的性能,虽然,这种性能的差距,是非常小的,还有一句话呢,说的更好,不积跬步,无以至千里,不积小流,无以成江河,所以呢,如果可以大规模的减小这种if的使用,不就可以提升一些性能了吗?        所以呢,就出现了惰性载入函数的技术。它的原理其实很简单,浏览器之间都是存在差距的,我们就需要用if语句来解决不同浏览器之间的兼容问题。

2013-12-16 21:41:50

优化代码--事件的处理

事件绑定之后,会一直存在于内存中,而每一个绑定的事件,都会建立一个指向事件处理函数的连接,这种连接如果过多,会大大降低代码的质量,给浏览器很大的压力。所以,如何更优处理事件绑定,也是代码优化的一个重要环节--也就是事件委托。       本篇文章内容主要参考:“编写可维护的JavaScript”和“JavaScript高级程序设计(第三版)”。       我们都知道,当绑定的事件触发时,

2013-12-15 22:19:44

代码优化--避免全局变量

当全局变量过多,就会导致内存占用过大,代码维护测试就更难,所以,代码优化--要尽量避免全局变量的出现。本篇文章内容主要参考:“编写可维护的JavaScript”和“JavaScript高级程序设计(第三版)”。一:全局变量带来的问题创建全局变量,通常会被认为是最糟糕的写法,尤其是在团队开发大项目时,随着代码量的增加,全局变量会导致一些非常重要的可维护性难题。主要表现在:1,命名冲突

2013-12-15 21:50:45

代码优化--松耦合(摘)

本文主要内容参考自:图书“编写可维护的JavaScript“  人民邮电出版社。松耦合可以很大的提高代码的后期维护效率,拥有更好的性能,本文就是叙述了一下,如何编写可维护的代码,如何写出松耦合的代码。一:松耦合在Web开发中,用户界面主要由三个部分组成:HTML,CSS,JavaScript。说到松耦合,就先说明一下紧耦合的概念:当两个组件中,你修改一个组件的逻辑,那么

2013-12-13 12:56:48

重写数组迭代新方法every,filter,map,some,forEach

ECMAScript5中,对数组的操作新增的几种方法。昨天加了一个every的方法,今天看了看,觉得很二,也很麻烦,今天想了想还是写成这个样子比较简单吧;本来想要把这五种方法写在一个判断里面,就可以减少if语句的判断,但是又觉得不严谨,所以还是分开写吧。如下,zylNewArray是一个包含后面数组需要用到的一些重复的方法,都放在这个里面了,这样写,貌似会提高一些性能。//

2013-12-02 22:47:08

重写数组迭代新方法every

ECMAScript 5给数组定义了5个迭代的方法,每个方法都接收两个参数:要在每一项上运行的函数,和(可选的)运行该函数的作用域对象--影响this的值。第一个参数的函数需要接收三个参数,数组项的值,该项在数组中的位置,和数组对象本身。1:every方法,对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则返回true,否则返回false;arr = [1,2

2013-12-01 23:18:31

数组去重方法在不同浏览器下效率

曾经在面试中多次被问及对一个数组去重的逻辑编程,当时很傻很天真的以为,只要能给出一个可以解决的答案,就算是能通过考验的。想想那最简单的,申请一个新的数组,双层for循环排序,现在真想对自己说,你是个猪脑子啊,除了最笨最差的,你还能想到其他的不?现在就来分析下,为啥那个之前给的排序有这么差吧。首先给出我一直以来的最差方法的代码吧!初始的一些条件,不计算执行时间var a

2013-11-15 00:00:51

原型的继承

关于js中,继承。继承的最基本应用首先,定义一个Person作为构造函数,它包含两个内部属性,name和agefunction Person(){this.name = "zhang";this.age = "2";}接着,对Person构造函数添加原型链上面的方法和属性,两个方法和一个属性。Person.prototype = {fam:"asdf",sa

2013-11-14 23:52:31

原型链断链的情况

javascript中的原型链,大家都该知道的吧,我就不多说了,直接说问题吧。        在对象的应用过程中,可能经常会对构造函数添加或修改原型链方法或者属性,这个时候,如果在后面添加时,出现原型链断链的情况,那么后面新定义的方法,对之前定义的实例就不再起左右,而之后定义的实例,就只有新定义的方法或者属性,而没有之前的方法和属性,这就是断链造成的影响。        感觉说的有点绕,直

2013-11-14 23:20:07

position的absolute属性

定位中的绝对定位属性,其绝对定位的参考系是离他最近的祖先元素。如果它所有的祖先都没有定位,则参考系就是document文档根节点。绝对定位是脱离文档流的,所以,他有一个额外的功能就是使元素拥有布局,清理浮动等。拥有布局的元素,就可以进行元素尺寸的设置,行内元素也可以。拥有布局的元素,就可以设置元素的尺寸,所以绝对定位的元素,不论它本身的属性是行内元素还是块级元素,它的表现形

2013-11-09 00:19:42

position中z-index问题

本文主要是参考了他人关于z-index这个属性在ie6下的bug,加入了一些自己的理解。z-index这属性在大多数浏览器下,还算是中规中矩的,没有太多的兼容问题(我很少见到...),不过在ie6下,就有两个很大的问题,非常影响界面显示的哦!ie6下z-index属性不起作用的情况:直接上代码吧。#blank{width:100%; height:600px; bac

2013-11-08 23:53:13

display常用属性及inline元素之间的空白和padding的问题

本文主要对display 的几种最常用的方法进行了分析,分别为none,block,inline-block,inline,inherit。其中主要分析了inline时,两个连续行内元素之间出现空白,以及行内元素占据空间等问题。W3C规定:display 属性规定元素应该生成的框的类型。这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 d

2013-11-07 22:12:47

鼠标选取文字,添加背景色

写的一段js代码,实现的功能是:鼠标选中文本,添加背景色。原始文本如下:当鼠标划下文字,并且放开鼠标时,会弹出一个选中颜色的框:点击弹出的颜色选择框,就可以为选中的文字添加背景色:当然,代码中还有些问题没有解决,比如颜色选择框,我是用的表示的,并且设置的display=inline-block。所以在ie的低版本下,就会出现问题了,因为低版本ie不支

2013-11-06 22:42:32

margin的问题

CSS中最重要的概念可以分为三个:浮动,定位,盒模型。先看下什么是盒模型盒模型由内容(width,height),内边距(padding),边框(border),外边距(margin)组成。下面就来看看盒模型中的外边距吧margin的用法等基本就不多说了,只说一下利用margin实现的一些效果。1:利用margin实现居中:        一种方法是

2013-11-05 23:28:53

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 黄花
    黄花
    子板块内专家分月排名榜第二