自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

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

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

2014-01-09 18:20:02 3688

原创 在一定范围内,随机生成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 1457

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

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

2014-01-04 13:48:03 842

原创 事件绑定的一点小知识

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

2014-01-02 23:04:24 1006

原创 text-align简单理解

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

2014-01-02 22:12:43 5016

原创 CSS模拟三角形

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

2013-12-19 15:05:13 833

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

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

2013-12-16 21:41:50 991

原创 优化代码--事件的处理

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

2013-12-15 22:19:44 923

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

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

2013-12-15 21:50:45 4485

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

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

2013-12-13 12:56:48 1699

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

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

2013-12-02 22:47:08 2260

原创 重写数组迭代新方法every

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

2013-12-01 23:18:31 986

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

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

2013-11-15 00:00:51 2065

原创 原型的继承

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

2013-11-14 23:52:31 903

原创 原型链断链的情况

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

2013-11-14 23:20:07 2710

原创 position的absolute属性

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

2013-11-09 00:19:42 1112

原创 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 2600

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

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

2013-11-07 22:12:47 3742

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

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

2013-11-06 22:42:32 3123

原创 margin的问题

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

2013-11-05 23:28:53 3321

原创 display的问题

说说display的取值问题:直接说问题吧:第一种情况:#div1{ display:none; width:100px;}var display = document.getElementById("div1").style.display; //;var width = document.getElementById("div1").style.width; /

2013-11-05 23:10:54 3260

原创 jquery实现滑动图片

最近正在回顾之前的一些基础知识,用jquery写了一个图片滑动的插件,虽然还是有些问题存在,用法很简单,只要在对目标元素绑定slideW()函数即可,该函数最多支持两个输入,分别是图片变化之后的宽度,以及动画的速度,如果不输入,则采用默认的宽度以及默认的速度。下面是我自己测试的例子://html代码 css代码//css代码*{mar

2013-11-04 22:20:14 2307

原创 输出自定义格式的日期

不记得多久之前了,看到过一位大神在论坛的回复,是一段实现输出任意格式时间的功能模块,觉得很不错的,稍微整理了一下,以一个插件的形式存在,分享一下吧。代码很简单:调用zyltimeformat()方法即可,该方法支持两个参量,具体参量的要求,请查看函数模块的注释。jquery代码//jquery输出任意格式的时间var zyljq = $.noConflict();zyljq.fn.

2013-11-04 22:13:24 1783

原创 css简单实现热点链接

类似热点链接的一段小代码:利用定位实现。这个好像是没有什么可多说的。看过定位这个概念的,都能理解。*{margin:0px;padding:0px;}body{text-align:center;}.body{width:200px;height:auto;position:relative;text-align:left;margin:0 auto;}.ourIm

2013-11-04 22:00:46 2422

原创 css代码规范

之前参与的开发项目,写的前端代码,css部分重复利用率很差,以至于写到最后的页面,完全无法重复利用之前的css代码,导致整个css文件代码量很大,相对来说,废代码就非常多。       想了想自己在项目中的问题,总结一下:       html部分:过度的使用div,语义化标签使用太少,大部分都是用div模拟的。过度的div并不是一个好的习惯。      css部分:       

2013-11-01 22:41:46 1612

原创 需要懂一点点的SEO和搜索排名(笔记)

SEO:就是在保证用户体验的基础上,尽量迎合搜索引擎,与研究用户界面及可用性不同,SEO既要从用户出发,也要站在搜索引擎的角度考虑问题,才能清晰地知道怎样优化网站。SEO人员优化网站就是尽量减少搜索引擎的工作量,降低搜索引擎的工作难度,使搜索引擎能更轻松,快速的收录网站页面,更准确地提取页面内容。搜索引擎的蜘蛛吸引蜘蛛的因素:网站和页面权重,质量高,资格老的网站被认为权重比较高

2013-11-01 22:13:14 2586

转载 关于z-index的那些事儿

关于z-index的那些事儿文章内容,很不错的,大多数元素层次混乱问题可以通过学习解决。关于z-index的真正问题是,很少有人理解它到底是怎么用。其实它并不复杂,但是如果你从来没有花一定时间去看具体的z-index相关文档,那么你很可能会忽略一些重要的信息。   不相信我吗?好吧,看看你能否解决下面这个问题:问题:   在 接下来的HTML

2013-08-27 22:57:27 1052

原创 js基础之--操作符

操作符的问题,在严格的语法中不存在,但是在js中,因为其会按照需求自动转换数据类型,所以就出现了各种各样的问题,也可以说是小技巧,仅供参考。下面的总结来自:图灵程序设计丛书"javascript高级程序设计"第三版。一:一元操作符(++,--,+,-) 这四个操作符对任何值都适用,包括数字,字符串,布尔值,和对象,在应用于不同的值时,其遵循的规则如下: 1,在应用于一个包含有效

2012-11-07 09:25:55 474

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除