飞鸟42 - 博客园

2013年6月19日

摘要： DOM修改： 1、全文单词首字母大写 2013 腾讯其实，如果数据不用于后台运算，只是表现上的首字符大写的话，这样就可以了：算法题： 1、两个字符串A、B ，假设字符串A 长度为m，假设字符串B，长度为n，找出在A中包含的B的所有字符。 2013 腾讯 2 写一个RGB色彩值转化为16进制色彩值阅读全文

posted @ 2013-06-19 09:31 飞鸟42 阅读(116) 评论(0) 推荐(0) 编辑

js获取和设置DOM样式函数cssStyle（类似于jquery的$(elem).css()）

摘要：如题，相信这个函数百度一搜一大推，但令人匪夷所思的是这些函数都写的“奇形怪状的”，例如http://www.cnblogs.com/windows7/archive/2010/03/30/1700648.html，考虑的倒是挺周全：id可以直接引用、cssFloat/styleFloat、属性大小写改为“-”，但这还是js吗？我来个简单点的，在这保存备份一下： var cssStyle = function (elem,name,value){ if (elem.currentStyle){ if (arguments.length === 2){ ... 阅读全文

posted @ 2013-06-19 07:15 飞鸟42 阅读(534) 评论(0) 推荐(0) 编辑

2013年6月15日

JavaScript:Object.prototype.toString方法的原理--紫云妃

摘要：在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法.var arr = [];console.log(Object.prototype.toString.call(arr)) //"[object Array]"本文要讲的就是,toString方法是如何做到这一点的,原理是什么.ECMAScript 3在ES3中,Object.prototype.toString方法的规范如下:15.2.4.2 Object.prototype.toString()在toString方法被调用时,会执行下阅读全文

posted @ 2013-06-15 11:57 飞鸟42 阅读(149) 评论(0) 推荐(0) 编辑

2013年6月3日

css属性white-space详解

摘要： normal：默认处理方式。pre：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅 pre 对象nowrap：强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。pre-wrap：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。pre-line：保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。转载自：http://ued.taobao.com/blog/2012/08/inline-block/ ，图片示意原创。======下面是最新css快爆，保留上面自己的理解，看官们请各取所需====CS 阅读全文

posted @ 2013-06-03 16:48 飞鸟42 阅读(892) 评论(0) 推荐(0) 编辑

2013年5月31日

css 文本两端对齐终极解决方案--一丝冰凉

摘要：在做表单时我们经常遇到让上下两个字段对齐的情况，比如姓名，手机号码，出生地。这样我们就要用到 text-align， text-justify样式了。text-align直接设为justify就行了，text-justify的情况就复杂了，可能有人对它还不熟悉。IE的取值如下：auto :允许浏览器用户代理确定使用的两端对齐法则inter-word :通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效newspaper : 通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式distribute :处理空格很像n 阅读全文

posted @ 2013-05-31 22:51 飞鸟42 阅读(267) 评论(0) 推荐(0) 编辑

2013年5月21日

关于hasLayout属性能否被设置的三点总结

摘要： <!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> //#foo{display:inline-block;} #pwd{float:left;float:none} </style> <script type="text/javascript"> win 阅读全文

posted @ 2013-05-21 08:34 飞鸟42 阅读(163) 评论(0) 推荐(0) 编辑

2013年5月20日

CSS 规范及其在WebKit中的实现(一)

摘要：一前言众所周知，HTML、CSS、JavaScript是所有网页技术的基础与核心。HTML 是语义，CSS是控制信息，JavaScript是逻辑、动态。HTML定义了大量标签并赋予各个标签以特定的含义及默认的显示方式，例如 <img> 标签代表图片元素；而CSS控制着这些标签如何呈现出来，及通常所说的渲染，如各个标签的位置和层。JavaScript 是一种动态语言，有了HTML和CSS后，网页仍只是静态的，如何动态的操作这些标签？当前这由JavaScript 完成，但不排除后面出现新的语言，或者JavaScript的变体。本文档将介绍CSS2.1规范及其在WebKit中的实现阅读全文

posted @ 2013-05-20 18:07 飞鸟42 阅读(315) 评论(0) 推荐(0) 编辑

2013年5月1日

js面试题：打印1-10000内的对称数的四种解法

摘要：可能因为自己代码写的少的缘故吧，我做算法题的时候，经常会往复杂层面上考虑，比如标题上的这个问题“Javascript打印出1-10000之间的所有对称数【2012 百度】”，最开始我就绕了好几个弯。方案一：(firefox:28ms chrome:3ms)由内到外比对法。这是最初自己想到的方案，很二的感觉。。。从数字的位数中间向两边比对，碰到不相同的数字返回false，否则返回true，这个要考虑奇位对称数和偶位对称数的不同情况，当数字为奇位对称数的时候，首先要删除掉中间可能成为对称轴数的数字，然后再比对。 var isSymmetry = function (num){ ... 阅读全文

posted @ 2013-05-01 11:47 飞鸟42 阅读(1401) 评论(0) 推荐(0) 编辑

2013年4月28日

JavaScript实现Map、Reduce和Filter

摘要： <script type="text/javascript"> // 函数式编程： // 描述我们要做什么，而不是我们如何去做。这意味着我们工作在一个更高的抽象层次。函数式编程将导致更精巧、清晰和令人愉快的代码。 // 最基础的forEach function forEach(array, action) { for (var i = 0; i < array.length; i++) { action(array[i]); } } // 测试forEach forEach(["Pear", "Appl... 阅读全文

posted @ 2013-04-28 17:20 飞鸟42 阅读(263) 评论(0) 推荐(0) 编辑

2013年4月11日

js面试题：实现对象深度克隆（deepClone）的三种方案

摘要：方案一：利用现代浏览器支持的JSON对象做一次中转，实现深度克隆。（IE6、IE7不支持原生JSON对象,可载入json2.js补丁来达到兼容）感谢rekey提供此方案。JSON.stringify()与JSON.parse()详细信息请点击这里var deepClone = function (obj) { var _tmp,result; _tmp = JSON.stringify(obj); result = JSON.parse(_tmp); return result;}var obj1 = {family:{brother:"wangzhipeng",fat.. 阅读全文

posted @ 2013-04-11 14:16 飞鸟42 阅读(10664) 评论(1) 推荐(1) 编辑

2013年4月10日

js面试题：网页中实现一个计算还剩多少时间的倒数计时程序

摘要：过几天要去面试：自己看到这个面试题，就写了一下：<!DOCTYPE HTML><html lang="en-US"><head> <meta charset="UTF-8"> <title></title> <script type="text/javascript">window.onload = function () { //参数说明 elem：Dom元素ID字符串 a,b,c,d,e,f,g分别为年、月、日、时、分、秒、毫秒 var distD 阅读全文

posted @ 2013-04-10 18:20 飞鸟42 阅读(460) 评论(1) 推荐(0) 编辑

2013年4月5日

js面试题：关于数组去重的四种方法总结

摘要：在web前端面试题中，经常会出现这样一道题目：“请写一段函数，剔除数组中重复的元素。”于是今天认真想了想，出了两个方案，性能方面都不理想，于是在大漠的qq群里面请教，网友Dino出了个方案，经过测试，性能很好，于是一起总结下：测试环境：window 7 -firefox 19--firebug方案一：obj属性判断除重法--性能最好，推荐！（虽然多了个obj，但比后面两个方案快多了）var aRandomNumberItems = function (n){ var result = []; for (var i = 0;i < n; i++){ ... 阅读全文

posted @ 2013-04-05 15:58 飞鸟42 阅读(452) 评论(2) 推荐(0) 编辑

2013年4月4日

CSS中文字体对照表

摘要： css字体名可以使用2种Unicode格式，以“微软雅黑”为例: 微软雅黑 和 \5FAE\8F6F\96C5\9ED1，如果未找到需要的字体名称，可以到这里把简体中文转换为Unicode编码。另外注意：繁体中文字体名，在简体中文系统中是不能被识别的。中文名英文名UnicodeUnicode 2Mac OS华文细黑STHeiti Light [STXihei]\534E\6587\7EC6\9ED1华文细黑华文黑体STH 阅读全文

posted @ 2013-04-04 22:38 飞鸟42 阅读(219) 评论(0) 推荐(0) 编辑

自己写的一个javascriptsort万能比较函数

摘要：看完《javascript语言精粹》中的array.sort(comparefn)一节（Page81），很有启发性，于是自己试着实现这样一个通用函数by：无论数组对象为何种类型，调用此函数就能实现人们一般认知意义上的排序。函数写完，发现没有起作用，debug了好久，最后还是决定求助了！（http://sfau.lt/bNWpU）很快得到了万能Lambda的解答，感谢他的帮助！附上函数代码： var by = function (name,minor){ return function (a,b){ var objBy = function (a,b)... 阅读全文

posted @ 2013-04-04 14:38 飞鸟42 阅读(462) 评论(0) 推荐(0) 编辑

2013年3月14日

js跨域及解决方案

摘要： 1.什么是跨域我们经常会在页面上使用ajax请求访问其他服务器的数据,此时,客户端会出现跨域问题.跨域问题是由于javascript语言安全限制中的同源策略造成的.简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是主机名、协议和端口号的组合.例如:URL说明是否允许通信http://www.a.com/a.js http://www.a.com/b.js同一域名下允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js同一域名下不同文件夹允许 ... 阅读全文

posted @ 2013-03-14 09:02 飞鸟42 阅读(240) 评论(0) 推荐(0) 编辑

2012年12月22日

处理 JS 异常的一个想法(sofish)

摘要：可能由于网络、浏览器问题、缓存等原因，可能导致线上执行 js 的时候与开发环境并不一样，会抛出异常。js 异常基本上是前端开发工程师的家常便饭。如何记录，并使用它，却很少人关注。最近在考虑一个想法，基本上涉及到两步：收集和使用。一、收集对于 error 收集这一块，还是比较方便的，因为在各浏览器中都有一个接口：window.onerror，代码如下：window.onerror = function(errorMessage, scriptURL, lineNumber) { alert(errorMessage, scriptURL, lineNumber)}甚至中提供了 Stack Tr. 阅读全文

posted @ 2012-12-22 10:36 飞鸟42 阅读(295) 评论(0) 推荐(0) 编辑

2012年12月13日

专访HTML5 Boilerplate项目核心成员——石川

摘要： HTML5 Boilerplate项目是一个出色的前端开发框架，知乎上有一个话题介绍了该项目的特性。在项目的核心开发人员中，有一位华人，他就是石川。前不久，InfoQ对石川进行了专访。InfoQ：能否先介绍下您自己，以及您现在所从事的工作呢？石川：我目前从事的工作主要是独立网络开发，设计自己的产品，写小说，用一年游牧世界。在过去几年做了些比较公开的开源的项目，包括：Mobile Boilerplate - 移动网络方面的基础平台。我是开启者，兼核心成员之一。JavaScript Patterns - JavaScript 的模式与反模式。我是开启者。HTML5 Boilerplate - HT 阅读全文

posted @ 2012-12-13 15:43 飞鸟42 阅读(432) 评论(0) 推荐(0) 编辑

2012年12月3日

pixviewer图片轮播效果（jQuery客户端与服务端相分离）

摘要：废话不多说，直接上代码：<!DOCTYPEHTML><htmllang="en-US"><head><metacharset="UTF-8"><title></title><scripttype="text/javascript"src="http://lib.sinaapp.com/js/jquery/1.6.2/jquery.min.js"></script><script>!window.jQuery& 阅读全文

posted @ 2012-12-03 08:35 飞鸟42 阅读(398) 评论(0) 推荐(0) 编辑

2012年11月8日

jQuery向上循环滚动（仿新浪微博未登录首页滚动微博显示）

摘要：新浪微博未登录首页有一个“大家正在说”的模块，动态滚动最新发布的微博。从需求上来说，这个功能需要实时调用最新的微博数据，单就前端开发来说，其需求可以拆分如下：1 内容持续滚动；2 新微博将下面的微博先推下去，然后淡入进来；3 鼠标经过内容暂停滚动；4 容器底部渐变消失在背景色下。上述4个需求之中，需求1-3为js技术实现，需求4为css技术实现，下面逐个需求来讲。需求1和需求2：此功能使用css的position定位来控制整个ul列表的移动动画。结合需求2，我们可以写得更简单一些，让最后的li元素定时插入第一个li元素的上方，然后采用animate方法来改变li的高度和透明效果。而不停顿的阅读全文

posted @ 2012-11-08 09:46 飞鸟42 阅读(502) 评论(0) 推荐(0) 编辑

2012年11月2日

关于相对定位、绝对定位在ie6下bug的三个问题

摘要： IE6下相对定位元素(DIV)内绝对定位元素(DIV)的偏移定位Bug问题---外围DIV指定相对定位,内含DIV采用绝对定位,可让DIV内多个DIV块级元素任意布局 IE6下相对定位元素(DIV)内绝对定位元素(DIV)的偏移定位Bug问题，即绝对定位元素的相对偏移元素是谁。一般情况下，是相对于父元素以上直到 DOCUMENT（默认已定位）的已定位元素（即position的设置)。但在IE6，IE5中出现的BUG却是定位在已定位元素的外围或以 DOCUMENT相对而言。在《精通CSS》30页上面有这样一段话：引用:相对于相对定位的祖先元素对框进行绝对定位，这在大多数现代浏览器中实现得很好。但阅读全文

posted @ 2012-11-02 10:21 飞鸟42 阅读(1577) 评论(0) 推荐(1) 编辑