lechen1013-CSDN博客

转载 js延迟加载的几种方法

js的延迟加载有助与提高页面的加载速度，以下是延迟加载的几种方法：1.使用setTimeout延迟方法的加载时间延迟加载js代码，给网页加载留出更多时间script type="text/javascript" > function A(){ $.post("/lord/login",{name:username,pwd:password},func

2017-08-24 23:03:53 437

转载用innerHTML插入html代码中有样式表时需注意的地方

先看代码：非IE浏览器效果：IE浏览器效果：注意到在IE中，代码中的p{background:#f00} 这段样式声明并没有起作用。解决方法：在样式表前必须要有其他的html代码，即使是一个 &nbsp 也行。原文地址：http://www.cnblogs.com/2050/archive/2012/07/14/259159

2017-08-23 12:15:26 1527

转载 CSS布局之-多列等高

什么是等高布局?先来看一个案例：上图中的页面的主体内容是两列结构，左列是用来导航的，右列是用来显示内容的。我们看到它们有一个共同的边框，中间还有一条分隔线，左右两列的高度都是不固定的。这种情况下就需要两列的高度保持一致了，左边高度增加，右边也跟着增加，右边高度增加，左边同样也要增加，否则就会出现“断层”的效果。在这里，等高布局是为了维护边框线条的完整性，在有些地方则可能是

2017-08-23 12:11:38 352

转载 CSS布局之-宽度自适应

css这个东西，说难不难，说容易也不容易。我觉得最重要的还是经验的积累，正所谓的不积硅步，无以至千里。这一系列文章讲述几种css特殊布局的实现，也当作为自己做个备忘吧。首先讲的是三列布局，左右两列宽度固定，中间一列宽度自适应这个很好实现，左右两列分别左浮动和右浮动并给一个固定宽度，中间不浮动，也不设定宽度。这样基本就可以了。但为了兼容IE还必须做些工作。看下代码结构：

2017-08-23 12:06:41 317

转载 CSS布局之-高度自适应

何为高度自适应？高度自适应就是高度能跟随浏览器窗口的大小改变而改变，典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏，下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单，在兼容浏览器方面也稍微复杂一些。布局思路在IE7+及chrome、firefox等浏览器中，高度自适应可以利用绝对定位来解决。但一个元素是绝对定位时，如果没有给它设定高度或宽度，则

2017-08-23 12:05:04 650 1

转载 JS判断一个数组中是否有重复值的三种方法

方法一: Js代码 var ary = new Array("111","22","33","111"); var s = ary.join(",")+","; for(var i=0;i if(s.replace(ary[i]+",","").indexOf(ary[i]+",")>-1) { alert(

2017-08-23 10:31:03 3242

转载 jQuery.inArray() 函数详解

jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。该函数属于全局jQuery对象。语法jQuery 1.2 新增该静态函数。jQuery.inArray( value, array [, fromIndex ] )参数参数描述value任意

2017-08-23 10:29:06 4169

转载 Js判断客户端是否为PC还是手持移动设备

Js判断客户端是否为PC还是手持移动设备方法一[html] view plain copy print?function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone",

2017-08-15 12:06:19 567

转载常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等

一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{

2017-08-03 18:09:25 80

转载 CSS中可以和不可以继承的属性

一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、mar

2017-08-03 16:48:36 254

转载【CSS】思考和再学习——关于CSS中浮动和定位对元素宽度/外边距/其他元素所占空间的影响

原文链接：http://www.cnblogs.com/penghuwan/p/6820737.html?utm_source=itdadao&utm_medium=referral一.width:auto和width:100%的区别 1.width:100%的作用是占满它的参考元素的宽度。（一般情况下参考元素 == 父级元素，这里写成参考元素而不是父级元素，在下面我会再细说）

2017-08-02 19:38:49 417

转载 10张图带你学习Javascript

javascript变量javascript运算符javascript数组javascript流程语句javascript字符串函数javascript函数基础javascript DOM基础操作文档对象模型DOM浏览器对象javascript正则表达式

2017-07-18 16:26:00 505

转载一些前端开发中最常用的JS代码片段

HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素varitem = document.querySelector('.item');console.log(item); // querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var

2017-07-18 16:13:53 320

转载 CSS3 制作图形大全

Square#square { width: 100px; height: 100px; background: red;}Rectangle#rectangle{ width: 200px; height: 100px; background: red;}Circle#circle { width: 100px; hei

2017-07-18 15:53:23 224

转载清除浮动的三种方法

第一种：添加空标签清除浮动，应用clear：bothHTMLdiv class="outer"> div class="div1">1div> div class="div2">2div> div class="div3">3div> div class="clear">div>div>CSS.clear{clear:b

2017-07-14 15:29:45 243

转载 javascript中attachEvent、addEventListener用法和区别

一般我们在JS中添加事件,是这样子的obj.onclick=method这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢??123obj.onclick=method1obj.onclick=method2obj.onclick=method3

2017-07-14 11:39:15 309

转载自适应网页设计（Responsive Web Design）

随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不

2017-07-13 19:29:12 379

转载 innerHTML() 与html( )的区别

innerHTML() 与html( )的区别在一个 HTML文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML内容会被获取。 innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签我原本一直以为innerHTML和jquery里的html其实是完全

2017-07-12 16:29:13 551

原创原生js document.getElementsByClassName在IE8及以下浏览器的兼容

原生js方法“document.getElementsByClassName在ie8及其以下浏览器中，不支持。加入兼容性判断，在需要用到该方法的位置修改为getByClassName()方法。function getByClassName(obj,className){ if(obj.getElementsByClassName){ return obj.getElementsB

2017-07-12 14:03:44 316

转载当transition遇上display

相信大家在试用css3动画时候一定用过transition属性，相对于js动画来说用起来更快速简单。代码如下：HTML结构：XHTML12id="box">动画按钮CSS代码：CSS1234567

2017-07-11 10:03:23 523

原创分别用CSS3和js两种方法实现图片切换

一、css3 Title *{ margin:0; padding:0; border:0; background:transparent; font-size: 100%; } ul

2017-06-26 20:31:55 496

原创 Photoshop切图

1、ps首选项设置：编辑>首选项>单位与标尺（将单位标尺/文字改成像素）。2、面板：在“窗口”菜单下开启：工具、选项、信息（快捷键F8）、图层、历史记录。调整面板后，需要保存工作区：窗口>工作区>新建工作区。3、切图常用工具：（1）移动工具：需在选项面板中设置：勾选自动选择、图层。（2）矩形选框工具：测量。添加到选取：按住Shift；从选取减去：按住Alt；与选

2017-06-26 15:11:01 237

转载常用类/ID命名举例

页头：header页面主体：main页脚：footer登录条：login-Bar登录：login标志：logo侧栏：side-Bar广告、轮播：banner导航：nav子导航：sub-nav顶导航：top-nav边导航：side-nav菜单：menu子菜单：sub-menu搜索：search滚动：scroll功能区：shop（如购物车

2017-06-26 13:59:02 462

转载 setInterval第一个参数加引号与不加引号区别

setInterval第一个参数加引号与不加引号区别在JavaScript中的setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数来将其停止。

2017-06-20 16:00:54 1046

转载去除inline-block元素间间距的N种方法-张鑫旭

http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/

2017-06-20 15:13:54 482

转载动态添加select的option （转）

动态添加select的option （转） (2012-11-21 10:42:08)转载▼标签： it 动态给select标签添加option，结合前人经验以及自己经验，现在总结三种方法供大家参考，一起交流学习！首先是定义的select元素：//根据ID获得select元素var myS

2017-06-20 10:38:52 892

lechen1013的博客