05 2014 档案

前端学习路线
摘要：前端学习路线转自http://www.douban.com/note/330647290/前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么... 阅读全文
posted @ 2014-05-30 16:43 mabel_on_line 阅读(1161) 评论(0) 推荐(0)
登录表单 参考新浪微博
摘要：http://weibo.com/login.php 阅读全文
posted @ 2014-05-30 12:38 mabel_on_line 阅读(162) 评论(0) 推荐(0)
文字溢出 省略css
摘要：overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; 阅读全文
posted @ 2014-05-29 18:28 mabel_on_line 阅读(131) 评论(0) 推荐(0)
html5 css reset
摘要：article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} 阅读全文
posted @ 2014-05-25 17:04 mabel_on_line 阅读(164) 评论(0) 推荐(0)
jQuery index()
摘要：$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。 阅读全文
posted @ 2014-05-24 23:06 mabel_on_line 阅读(173) 评论(0) 推荐(0)
jQuery与直接写JS的区别详细解析
摘要：jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下所示。需要的朋友可以过来参考下要使用jQuery，首先要在HTML代码最前面加上对jQuery库的引用，比如：库文件既可以放在本地，也可以直接使用知名公司的CDN，好处是这些大公司的CDN比较流行，用户访问你网站之前... 阅读全文
posted @ 2014-05-24 21:53 mabel_on_line 阅读(748) 评论(0) 推荐(0)
左侧图片 右侧块的实现方法---解决3像素bug的一种解决方案，不用浮动用绝对定位和margin-left
摘要：google的实现方式是： 图片可以作为a标签的背景或者嵌套子a标签里面，为a标签设置绝对定位，右面搜索框为正常块，为右面的搜索框设置margin-left即可具体如下，也可直接去看google搜索页.mw{ max-width:100%;}@media only screen and (... 阅读全文
posted @ 2014-05-24 20:23 mabel_on_line 阅读(1076) 评论(0) 推荐(0)
手机端网页web开发要点
摘要：1.初始化 screen_capture_injected="true" - Google 搜索 //摘自腾讯手机端//摘自腾google手机端以上加粗部分一定要写以下为腾讯教育网页版的两个mate标签，涉及到description 和 keyword... 阅读全文
posted @ 2014-05-24 19:52 mabel_on_line 阅读(5840) 评论(0) 推荐(0)
js javascript:void(0) 真正含义
摘要：http://www.cnblogs.com/opper/archive/2009/01/12/1373971.htmljs javascript:void(0) 真正含义我想使用过ajax的都常见这样的代码：here但这儿的void(0)究竟是何含义呢？Javascript中void是一个操作符，... 阅读全文
posted @ 2014-05-24 18:26 mabel_on_line 阅读(251) 评论(0) 推荐(0)
捕获异常
摘要：var app_vote_end_time = new Date(2019, 12 - 1, 31, 23, 59, 59);var app_vote_now_time = new Date();if (app_vote_now_time > app_vote_end_time) { try { ... 阅读全文
posted @ 2014-05-24 16:50 mabel_on_line 阅读(116) 评论(0) 推荐(0)
重定向到其他的页面
摘要：document.location.href="http://www.w3school.com.cn/" 阅读全文
posted @ 2014-05-24 16:28 mabel_on_line 阅读(213) 评论(0) 推荐(0)
Jquery中val、text、html的区别
摘要：html就是你可以添加像、等标记text只能写文本如果写了上面的标记则会以文本形式输出val是属性，只有有该属性的对象才能调用html(), 相当于 innerHTMLtext(), 相当于 innerTEXTval() 只有有value属性的才能取到值1、 这个就需要用 val()，只有当标签中有... 阅读全文
posted @ 2014-05-23 13:38 mabel_on_line 阅读(635) 评论(0) 推荐(0)
条件注释判断浏览器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>
摘要：除IE外都可识别 所有的IE可识别 仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别 仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别 仅IE8可识别 仅IE9可识别 项目范例说明![if !IE]The NOT ope... 阅读全文
posted @ 2014-05-21 18:36 mabel_on_line 阅读(190) 评论(0) 推荐(0)
inline-block元素的4px空白间距解决方案
摘要：http://www.jb51.net/css/68785.htmlinline-block元素的4px空白间距解决方案 阅读全文
posted @ 2014-05-20 17:18 mabel_on_line 阅读(212) 评论(0) 推荐(0)
img标签中alt属性与title属性
摘要：alt属性1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。2、alt属性值得长度必须少于100个英文字符3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""4、alt属性是... 阅读全文
posted @ 2014-05-19 11:38 mabel_on_line 阅读(1345) 评论(0) 推荐(0)
3像素文本偏移bug 解决方案
摘要：kkkkkkkkkbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 阅读全文
posted @ 2014-05-12 12:10 mabel_on_line 阅读(376) 评论(0) 推荐(0)
google Ip
摘要：http://74.125.128.160/ 阅读全文
posted @ 2014-05-12 11:24 mabel_on_line 阅读(126) 评论(0) 推荐(0)
面试问题(HTML和CSS方面)
摘要：1 IE/Win的HasLayout2 浮动 float 的定义。float后元素的display属性会发生改变吗？3 CSS 3.0、CSS2.1 中被现代浏览器应用了的规则有哪些？4 父元素定义了一个初始高度，如果里面的img 元素的高度超过了父元素的高度，如何自适应？5 IE的3px bug ... 阅读全文
posted @ 2014-05-11 21:55 mabel_on_line 阅读(150) 评论(0) 推荐(0)
前端学习路线【转】
摘要：前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念：HTML是内容层，它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层，它的目的是表示一块内容以什么样的样式（字体、大小、颜色、宽高等）显示。 JS是行为层，它要做的是当用户触发某些行为时，... 阅读全文
posted @ 2014-05-11 21:49 mabel_on_line 阅读(224) 评论(0) 推荐(0)
面向对象与原型5---继承
摘要：1.用原型链实现继承 最普通 但是没有办法传参，没有办法共享方法继承是面向对象中一个比较核心的概念。其他正统面向对象语言都会用两种方式实现继承：一个是接口实现，一个是继承。而 ECMAScript 只支持继承，不支持接口实现，而实现继承的方式依靠原型链完成。原型链是由原型加对象构造之间的关系结构形成... 阅读全文
posted @ 2014-05-10 22:03 mabel_on_line 阅读(209) 评论(0) 推荐(0)
面向对象与原型4---原型
摘要：原型模式创建对象也有自己的缺点，它省略了构造函数传参初始化这一过程，带来的缺点就是初始化的值都是一致的。而原型最大的缺点就是它最大的优点，那就是共享。原型中所有属性是被很多实例共享的，共享对于函数非常合适，对于包含基本值的属性也还可以。但如果属性包含引用类型，就存在一定的问题：1.//原型的缺点fu... 阅读全文
posted @ 2014-05-10 17:48 mabel_on_line 阅读(753) 评论(0) 推荐(0)
面向对象与原型3---原型
摘要：function Box(){}var box = new Box();alert(box.prototype); //使用对象实例无法访问到prototypealert(box._proto_); //输出[object][object] 使用对象实例可以访问prototype的指针alert... 阅读全文
posted @ 2014-05-10 15:38 mabel_on_line 阅读(255) 评论(0) 推荐(0)
面向对象与原型2---原型
摘要：1.我们创建的每个函数（或称构造函数或对象）都有一个 prototype(原型)属性，这个属性是一个对象（这个对象下有个prototype属性，而这个属性其实是另外一个对象的引用，这个属性就是一个对象），它的用途是包含可以由特定类型的所有实例共享的属性和方法（prototype共享放到其中的属性和方... 阅读全文
posted @ 2014-05-09 23:54 mabel_on_line 阅读(300) 评论(0) 推荐(0)
JavaScript 引用【转】
摘要：从一个例子说起：var m ={a:’a’, b:’b’};var n=m;n.c=’c’;那么在这个时候, m.c也会变成’c’!这个问题在我最开始学习JS语言时个人一直处于概念迷惑不清的状态其实道理很简单，就像两个人共同拥有一片花园。如果其中一个人把一种新品种的花引进了花园。那么另外一个人就可以... 阅读全文
posted @ 2014-05-09 12:50 mabel_on_line 阅读(159) 评论(0) 推荐(0)
面向对象与原型1---创建对象的方法
摘要：1.创建一个对象基本方法，然后给这个对象新建属性和方法。以及this的用法。var box = new Object(); //创建对象box.name = 'lee'; //添加属性box.age=100;box.run=function(){ //添加方法 return this.nam... 阅读全文
posted @ 2014-05-08 22:53 mabel_on_line 阅读(245) 评论(0) 推荐(0)
匿名函数和闭包（下）
摘要：http://edu.51cto.com/lesson/id-6390.html本文主要讲匿名函数中的私有化（私有作用域，私有变量）的问题一、模仿块级作用域 1.块级作用域（也叫私有作用域）function box(){for(var i=0; i<5; i++){ //for语句为块级作用域（但... 阅读全文
posted @ 2014-05-08 17:39 mabel_on_line 阅读(499) 评论(0) 推荐(0)
从输入 URL 到页面加载完的过程中都发生了什么事情？
摘要：原贴地址：http://www.guokr.com/question/554991/1）把URL分割成几个部分：协议、网络地址、资源路径。其中网络地址指示该连接网络上哪一台计算机，可以是域名或者IP地址，可以包括端口号；协议是从该计算机获取资源的方式，常见的是HTTP、FTP，不同协议有不同的通讯内... 阅读全文
posted @ 2014-05-08 15:18 mabel_on_line 阅读(3187) 评论(1) 推荐(0)
匿名函数和闭包（上）
摘要：http://edu.51cto.com/lesson/id-6389.html匿名函数：没有名字的函数。闭包：闭包是建立在一个匿名函数里面的。闭包是指 有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式, 是在一个函数内部创建另一个函数,建议非必要时, 不要使用闭包，匿名函数也是差不多。即... 阅读全文
posted @ 2014-05-08 15:06 mabel_on_line 阅读(386) 评论(0) 推荐(0)
聚美优品前端开发面试题
摘要：CSS1.overflow-x属于 CSS2 还是 CSS32.请列举几种可以清除浮动的方法（至少两种）3.display:none和visibility:hidden的区别是什么4.请缩写以下代码：.box { background-position: 10px 20px; background-... 阅读全文
posted @ 2014-05-08 12:50 mabel_on_line 阅读(509) 评论(0) 推荐(0)
css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性
摘要：一、各种元素的width height margin padding 特性（具体css元素的分来参看二）1.块级元素width、 height、 margin的四个方向、 padding的四个方向都正常显示，遵循标准的css盒模型。例如：div2.行内替换元素width、 height、 margi... 阅读全文
posted @ 2014-05-08 12:25 mabel_on_line 阅读(3470) 评论(0) 推荐(3)
IE浏览器和CSS盒模型【转】
摘要：总结：css盒模型在不同浏览器之间（例如：ie和其他浏览器 如火狐）的差异只存在于ie6之前的版本中，如ie5。在ie6下，Internet Explorer 在标准模式下渲染时使用了 CSS 规范的算法，也就是会显示正确的盒模型，而在 quirks 模式下使用先前的，不规范的算法。即，只有在怪异模... 阅读全文
posted @ 2014-05-08 11:21 mabel_on_line 阅读(792) 评论(0) 推荐(0)
五月学习笔记
摘要：1.ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMA-262标准的实现和扩展。ECMA-262是一种标准，它是ECMAScript... 阅读全文
posted @ 2014-05-02 19:02 mabel_on_line 阅读(184) 评论(0) 推荐(0)