张运领-CSDN博客

原创关于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 1005

原创 text-align简单理解

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

2014-01-02 22:12:43 5011

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

zyl_lyr1019的专栏