- 博客(33)
- 收藏
- 关注
RSS订阅转载 CSS居中
1.行内元素水平居中text-align:center对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中，可对元素或者父元素使用text-align:center2.定宽块级元素水平居中margin: 0 auto; .container{ width:500px; /* 元素设置定宽*/ ...
2016-07-28 21:53:00
97
转载 闭包
创建闭包的常见方式是在一个函数内部创建另一个函数function createComparisonFunction(propertyName){ return function(object1,object2){ var value1 = object1[propertyName]; var value2 = object2[pr...
2015-09-17 10:11:00
81
转载 实现继承的6种方式
【前面的话】许多OO语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法，由于函数没有签名，在ECMAScript中无法实现接口继承，ECMAScript只支持实现继承，而且其实现继承主要是依靠原型链来实现的【1】【原型链继承】实现的本质是重写原型对象，代之以一个新类型的实例。实际上不是SubType的原型的constructor属性被重...
2015-09-14 16:53:00
85
转载 eval
如果你现在的代码中使用了eval()，记住该咒语“eval()是魔鬼”。此方法接受任意的字符串，并当作JavaScript代码来处理。当有 问题的代码是事先知道的（不是运行时确定的），没有理由使用eval()。如果代码是在运行时动态生成，有一个更好的方式不使用eval而达到同样的目 标。例如，用方括号表示法来访问动态属性会更好更简单：// 反面示例var property = "...
2015-09-14 16:52:00
81
转载 call和apply
在ECMAScript v3中，给Function原型定义了这两个方法，这两个方法的作用都是一样的：使用这两个方法可以像调用其他对象方法一样调用函数，这句话是从书上抄的，至少我是没读明白这是什么意思。下面说简单易懂的，先看段代码：function Introduce(name,age){document.write("My name is "+name+".I a...
2015-09-04 22:44:00
58
转载 javascript之this、new、apply和call详解
this、new、call和apply的相关问题 讲解this指针的原理是个很复杂的问题，如果我们从javascript里this的实现机制来说明this，很多朋友可能会越来越糊涂，因此本篇打算换一个思路从应用的角度来讲解this指针，从这个角度理解this指针更加有现实意义。 下面我们看看在java语言里是如何使用this指针的，代码如下：public clas...
2015-09-04 22:38:00
71
转载 javascript中的each遍历
jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()从元素本身开始，逐级向上级元素匹配，并返回...
2015-09-04 22:14:00
91
转载 web前端开发中的浏览器兼容性总结
1、居中问题 div里的内容，IE默认为居中，而FF默认为左对齐，可以尝试增加代码margin: 0 auto; 2、高度问题 两上下排列或嵌套的div，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间所以为避免出现层的重叠，高度一定要控制恰当，或者干脆...
2015-09-01 16:59:00
165
转载 JavaScript基础知识整理
只整理基础知识中关键技术，旨在系统性的学习和备忘。进阶内容，后续补上……1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0，而 undefined 的操作象特殊值NaN （不是一个数字）。对 null 值和 undefined 值作比较总是相等的。null和undefined拼接string字符时相当于'null'和'undef...
2015-09-01 16:58:00
81
转载 javascript 面向对象继承详解
一、继承初探大多数JavaScript的实现用__proto__属性来表示一个对象的原型链。我们可以简单的把prototype看做是一个模版，新创建的自定义对象都是这个模版（prototype）的一个拷贝 （实际上不是拷贝而是链接，只不过这种链接是不可见，新实例化的对象内部有一个看不见的__proto__指针，指向原型对象)当查找一个对象的属性时，JavaScript 会...
2015-08-29 21:19:00
65
转载 javascript常用代码大全
jquery选中radio//如果之前有选中的，则把选中radio取消掉$("#tj_cat .pro_category").each(function(){if ($(this).attr('checked')){$(this).attr('checked' ,false);}});//获取被选中的标签的值radio:（checkbox和这个一样）...
2015-08-28 13:43:00
228
转载 JavaScript基本数据类型及值类型和引用类型
在JavaScript中四种基本的数据类型：数值（整数和实数）、字符串型（用“”号或‘'括起来的字符或数值）、布尔型（使True或 False表示）和空值。在JavaScript的基本类型中的数据可以是常量，也可以变量。由于JavaScript采用弱类型的形式，因而一个数据的 变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，它是通过在赋值时自...
2015-08-27 10:34:00
136
转载 JavaScript中解决多浏览器兼容性问题的方案
一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName"]；Firefox 下，只能使用document.formName.elements["elementName"]...
2015-08-19 11:59:00
65
转载 JavaScript 属性介绍
1. 介绍1.1 描述 属性，特指对象的成员，不单单为'属性'(字段)，也包含了方法。1.2 命名方式属性名称可以包含英文字符、数字(不能开头)、特殊符号(如：-、_、$等等)。但一般使用纯英文字符，在特殊情况下会添加-(横杠：-webkit-、-moz-)以及 _(下划线)。若属性名称包含了-(横杠)，属性访问方式只能采用'[ ]'中括号访问：...
2015-08-14 09:20:00
81
转载 rowspan和colspan用法详解
rowspan和colspan用法详解:表格是组织数据的利器，表格中有两个属性rowspan和colspan，非常的重要，利用这两个属性可以实现单元格的合并效果，下面就通过代码实例分别介绍一下这两个属性的作用。一.colspan属性:此属性可以实现横向跨列单元格合并效果。为了便于理解可以先从属性单词上入手，colspan是一个合成词:column(列)+span(跨度)....
2015-08-14 09:19:00
1437
转载 offset、client、scroll开头的属性归纳总结
HTML元素有几个offset、client、scroll开头的属性，总是让人摸不着头脑。在书中看到记下来，分享给需要的小伙伴。主要是以下几个属性： 第一组：offsetWidth,offsetHeight,offsetLeft,offsetTop,offsetParent 第二组：clientWidth,clientHeight,clientLeft,clientTop...
2015-08-13 09:49:00
76
转载 JavaScript 开发的44个经典技巧
JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发 （Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过 nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人...
2015-08-10 17:28:00
138
转载 浅谈JS闭包和this关键字
问题背景：由于JS中闭包的存在和this的特殊性使得很多时候无法判断出变量的值。 一．闭包中的变量例1.var name="The Window"; var getName=(function(){ var name = "My function"; return function(){ ...
2015-08-10 17:27:00
91
转载 CSS3中的clip-path使用攻略
根据她的以往经验，这个网站的HTML和CSS是完全在她的能力范围以内，于是我帮助她完成了这个效果。显示nav被裁减的效果是一个不简单的任 务，我看到图片的第一反应是创建一个相匹配的背景被部分裁剪的图像，然后把它设置为一个after元素。问题是，至少要解决响应式问题，并且响应式并不完 全可控的。了解CSS属性：clip-pathclip-path 是工作草案的一部分，它是一个通过屏蔽和...
2015-08-04 09:44:00
367
转载 理解javascript中的原型和原型链
原型 大家都知道，JavaScript 不包含传统的类继承模型，而是使用 prototype 原型模型。代码实现大概是这样子的?123456789101112function Student(name){this.name = name;}var Kimy = ne...
2015-07-31 11:00:00
45
转载 写高性能JavaScript
很多JavaScript引擎，如Google的V8引擎（被Chrome和Node所用），是专门为需要快速执行的大型JavaScript应用所设计的。如果你是一个开发者，并且关心内存使用情况与页面性能，你应该了解用户浏览器中的JavaScript引擎是如何运作的。无论是V8，SpiderMonkey的（Firefox）的Carakan（Opera），Chakra（IE）或其他引擎，这样做可...
2015-07-30 15:58:00
116
转载 HTML-移动端如何使用css让百分比布局的弹窗水平和垂直方向上居中
pc端让一个弹窗水平和垂直方向居中，在知道弹窗宽高的情况下很好计算，只需要用如下css即可：123456789#date{ width: 300px; height: 300px;position: absolute; top: 50%; ...
2015-07-30 15:49:00
153
转载 CSS中不为人知Zoom属性的使用介绍(IE私有属性)
其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。 Zoom的使用方法： zoom : normal | number normal : 默认值。使用对象的实际尺寸 number : 百分数 | 无符号浮点实数。浮点实数值为...
2015-07-27 10:18:00
79
转载 CSS清除浮动大全共8种方法
清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。下面总结8种清除浮动的方法（测试已通过 ie chro...
2015-07-27 10:17:00
52
转载 display:table-cell的用法简介
display:table-cell的用法简介:display属性的使用相当频繁，比如display:block或者display:inline等，但是对于display:table-cell可能比较陌生，因为此属性在特定的情况下会发挥很大的作用，下面就简单介绍它的作用，先看一段代码实例:<!DOCTYPE html><html><hea...
2015-07-10 13:42:00
217
转载 Javascript中定义类
Javascript 本身并不支持面向对象，它没有访问控制符，它没有定义类的关键字class，它没有支持继承的extend或冒号，它也没有用来支持虚函数的 virtual，不过，Javascript是一门灵活的语言，下面我们就看看没有关键字class的Javascript如何实现类定义，并创建对象。一：定义类并创建类的实例对象在Javascript中，我们用function来定义类，...
2015-07-01 09:34:00
65
转载 纯CSS绘制三角形
CSS 三角形绘制方法代码如下:#triangle-up {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid red;}代码如下:#trian...
2015-06-18 13:46:00
59
转载 全面理解面向对象的 JavaScript
为了说明 JavaScript 是一门彻底的面向对象的语言，首先有必要从面向对象的概念着手 , 探讨一下面向对象中的几个概念：一切事物皆对象对象具有封装和继承特性对象与对象之间使用消息通信，各自存在信息隐藏以 这三点做为依据，C++ 是半面向对象半面向过程语言，因为，虽然他实现了类的封装、继承和多态，但存在非对象性质的全局函数和变量。Java、C# 是完全的面向对...
2015-06-18 13:36:00
105
转载 JavaScript探秘：强大的原型和原型链
JavaScript 不包含传统的类继承模型，而是使用 prototypal 原型模型。虽然这经常被当作是 JavaScript 的缺点被提及，其实基于原型的继承模型比传统的类继承还要强大。实现传统的类继承模型是很简单，但是实现 JavaScript 中的原型继承则要困难的多。由于 JavaScript 是唯一一个被广泛使用的基于原型继承的语言，所以理解两种继承模式的差异是需要一定时...
2015-06-18 11:54:00
40
转载 JavaScript 闭包究竟是什么
用JavaScript一年多了，闭包总是让人二丈和尚摸不着头脑。陆陆续续接触了一些闭包的知识，也犯过几次因为不理解闭包导致的错误，一年多了 资料也看了一些，但还是不是非常明白，最近偶然看了一下 jQuery基础教程 的附录，发现附录A对JavaScript的闭包的介绍简单易懂，于是借花献佛总结一下。1.简单的例子首先从一个经典错误谈起，页面上有若干个div， 我们想给它们绑...
2015-06-18 11:50:00
45
转载 css 兼容性书写记录
1、div border不能显示 问题描述：用一个div A层中间放了几个div B来存放内容，因为内容是不固定的，于是就使用了对B层使用了float，让A层自适应高度，后面对A层加上边框，在ie中能显示，但是在firefox中就始终没法显示。 问题分析：B层使用了float，位置浮起，A层边框不能显示 解决方案：对A开始使用一个浮动清除<div style="cl...
2015-06-18 11:48:00
81
转载 深入了解 CSS3 新特性
简介CSS 即层叠样式表（Cascading Stylesheet）。Web 开发中采用 CSS 技术，可以有效地控制页面的布局、字体、颜色、背景和其它效果。只需要一些简单的修改，就可以改变网页的外观和格式。CSS3 是 CSS 的升级版本，这套新标准提供了更加丰富且实用的规范，如：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等等，目前有很多浏 览器已经相...
2015-06-18 11:46:00
133
转载 IE6兼容性问题及IE6常见bug详细汇总
1、IE6怪异解析之padding与border算入宽高 原因：未加文档声明造成非盒模型解析 解决方法：加入文档声明<!doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） 解决方法：display:inline 3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11...
2015-06-18 11:44:00
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人