Blog 存档

南京飘讯招聘前端开发工程师

时间：2011年07月01日作者：愚人码头查看次数:2,684 views评论次数：2

南京移动飘讯网络科技有限公司（南京飘讯）是一支来自江苏南京的青年团队——我们有20多岁的技术高手，我们也有30多岁的经验前辈；我们有原本在大型IT企业获得成功的领导者，我们也有海外归来拥有胆识理想的新鲜战斗力——我们专业、钻研、热情、努力。
南京飘讯专注研发已获得国家专利的浪漫交友软件“飘信”——在2010年获得电脑报百万读者评选最受欢迎手机软件第六名。飘信可以让我们在地图上找到感兴趣的TA。可以和TA分享心情、分享图片、分享生活。可以和TA相互追随、交成朋友。可以和TA在同样的兴趣爱好圈中、同样的地理位置圈中长久交流。可以和周围的TA，甚至大洋彼岸的他成为老朋友。
飘信团队宣传视频：http://www.umiwi.com/video/6519.swf

欢迎加入飘信大家庭，一起品尝创业的乐趣，做最有价值的工作。我们是一个和谐的团队，每个人都有着沉稳的外表和不安分的内心。如果有意加入我们，请投简历到 hr@piaoao.com邮箱，每一份简历我们都将认真对待。

公司网址：http://www.piaoao.com/

前端开发工程师（可实习）

工作地点： 南京

职位类别： 技术类

招聘人数： 2

工作职责：
• 负责飘信Web版的设计、开发、移植；
• 负责相关技术文档编写；
工作要求：
• 熟悉Ajax技术，能熟练用JQuery等开源框架进行网页开发；
• 1年以上Web前端开发经验；
• 有丰富的项目经验、能独立承担项目；
• 具有钻研精神，工作认真负责、表达能力、沟通能力强；
• 有强烈的事业心，具有良好的团队协作精神；
• 具有创新精神，熟悉算法，喜爱数学，逻辑性强者佳；

分类：前端招聘

[5K~8K，杭州]Behip招聘前端交互设计工程师

时间：2011年06月30日作者：愚人码头查看次数:3,656 views评论次数：3

Behip招聘前端交互设计工程师
关于我们：
Behip是一家社交电子商务创业公司，寻求拥有共同价值观的创业伙伴加入团队。平台（已获首轮投资）将于近日上线，专注品质女装、品牌鞋包、设计配饰等垂直化领域（B轮投资已有国内外多家vc表示了投资意向）。目前技术团队构成：产品经理、网页VD设计师、后端工程师、数据挖掘与分析师若干名，大都来自支付宝、阿里巴巴等公司。公司目前base在杭州，急聘2年以上前端交互设计工程师，如有兴趣，请与我们联系了解项目详情。

工作岗位：
前端交互设计工程师

工作地点：杭州市下沙和达文化创意产业园

岗位要求：

两年以上相关工作经验，精通JS、ajax、HTML、CSS，熟悉或了解后端开发技术
对用户体验有较深理解，对交互设计有独特见解
具备强烈的进取心和求知欲，勇于挑战
具有良好的团队意识和积极主动的沟通能力
拥有知名社交网站、电子商务公司经验者优先
本科以上相关专业学历

待遇：5K~8K(具体视能力定)

联系方式：
tel:136 6668 6243
qq：1280768668
email：erictaobt[a]gmail.com（请把“[a]”换成“@”）

分类：前端招聘

IE9的css hack

时间：2011年06月22日作者：愚人码头查看次数:10,209 views评论次数：38

以前写过《IE8的css hack》，ie9一出css hack也该更新，以前一直没关注，今天在内部参考群mxclion分享了IE9的css hack，拿出来也分享一下：


select {
background-color:red\0;  /* ie 8/9*/
background-color:blue\9\0;  /* ie 9*/
*background-color:#dddd00;  /* ie 7*/
_background-color:#CDCDCD;  /* ie 6*/
}

注意写hack的顺序，其中：

background-color:red\0;IE8和IE9都支持；
background-color:blue\9\0; 仅IE9支持；

更多其他hack关注：http://www.css88.com/archives/1681。
感谢mxclion，感谢内部参考群！

===============华丽的分割线===============

今天在http://blog.vervestudios.co/blog/post/2011/05/13/IE9-Only-CSS-Hack.aspx上看到另一种hack：


#element {
    color:orange;
}
#element {
    *color: white;    /* IE6+7, doesn't work in IE8/9 as IE7 */
}
#element {
    _color: red;     /* IE6 */
}
#element {
    color: green\0/IE8+9; /* IE8+9  */
}
:root #element { color:pink \0/IE9; }  /* IE9 */

标签：css hack,ie9分类：html+css

return闭包函数

时间：2011年06月12日作者：愚人码头查看次数:3,773 views评论次数：7

高手绕道！这跟闭包本身没什么大的关系，也不知道怎么取标题，随便凑了个数，望见谅！

今天一个刚学js的朋友给了我一段代码问为什么方法不执行，代码如下：


function  makefunc(x)  {
        return function (){
            return  x;
        }
    }
alert(makefunc(0));

其实不是不执行，只是朋友的意思这里alert出来的应该是“0”，而不是function (){return x;}。
不是脚本写错了，只是没搞懂return，从当前函数退出，并从那个函数返回一个值。如果返回的是一个函数，那么返回的也是函数本身。
可以这样修改上面的代码,就是alert(makefunc(0)())：


function  makefunc(x)  {
        return (function (){
            return  x;
        })();
    }
alert(makefunc(0)());

如果要返回函数执行的结果那么首先要让这个函数执行，例如：


function  makefunc(x)  {
        return (function (){
            return  x;
        })();
    }
alert(makefunc(0));

这里有一个匿名函数，


 (function (){
            return  x;
        })();

在第一个括号内是匿名函数，第二个括号用于调用该匿名函数，您可以在第二个括号中传入所需的参数。例如：


 (function( x , y){
    alert( x + y);
})(2 ,3 );

标签：return分类：JS

JavaScript本地存储实践（html5的localStorage和ie的userData）

时间：2011年06月11日作者：愚人码头查看次数:9,370 views评论次数：20

本地存储解决方案很多，比如Flash SharedObject、Google Gears、Cookie、DOM Storage、User Data、window.name、Silverlight、Open Database等。
借用网上的一张图来看下目前主流的本地存储方案：

Cookie：在web中得到广泛应用，但局限性非常明显，容量太小，有些站点会因为出于安全的考虑而禁用cookie，cookie没有想象中的那么安全，Cookie 的内容会随着页面请求一并发往服务器。
Flash SharedObject：使用的是kissy的store模块来调用Flash SharedObject。Flash SharedObject的优点是容量适中，基本上不存在兼容性问题，缺点是要在页面中引入特定的swf和js文件，增加额外负担，处理繁琐；还是有部分机子没有flash运行环境。
Google Gears： Google的离线方案，已经停止更新，官方推荐使用html5的localStorage方案。
User Data： 是微软为IE专门在系统中开辟的一块存储空间，所以说只支持Windows+IE的组合，实际测试在2000（IE5.5）、XP（IE6、IE7），Vista（IE7）下都是可以正常使用的。在XP下，一般位于C:\Documents and Settings\用户名\UserData，有些时候会在C:\Documents and Settings\用户名\Application Data\Microsoft\Internet Explorer\UserData。在Vista下，位于C:\Users\用户名\AppData\Roaming\Microsoft\Internet Explorer\UserData；单个文件的大小限制是128KB，一个域名下总共可以保存1024KB的文件，文件个数应该没有限制。在受限站点里这两个值分别是64KB和640KB，所以如果考虑到各种情况的话，单个文件最好能控制64KB以下。
localStorage： 相对于上述本地存储方案，localStorage有自身的优点：容量大、易用、强大、原生支持；缺点是兼容性差些（chrome, safari, firefox，IE 9，IE8都支持 localStorage，主要是IE8以下版本不支持）、安全性也差些（所以请勿使用localStorage保存敏感信息）。

主要说说localStorage和UserData：继续阅读：JavaScript本地存储实践（html5的localStorage和ie的userData）»

标签：localStorage,userData,本地存储分类：html5+css3, JS

js判断一个元素是否为另一个元素的子元素

时间：2011年06月09日作者：愚人码头查看次数:4,110 views评论次数：16

用js判断一个元素是否为另一个元素的子元素，再做一些效果的时候经常用到，特别是和鼠标事件相关的应用中，比如一个浮层，在鼠标操作浮层内元素的时候浮层显示，当点击浮层外的元素的时候隐藏浮层。当然方法有很多，不过个人认为通过判断一个元素是否为另一个元素的子元素是最简单的实现方式之一。

废话少说直接上方法：


function isParent (obj,parentObj){
    while (obj != undefined && obj != null && obj.tagName.toUpperCase() != 'BODY'){
        if (obj == parentObj){
            return true;
        }
        obj = obj.parentNode;
    }
    return false;
}

查看demo：http://www.css88.com/demo/isParent/

感谢hafeyang的留言，js判断一个元素是否为另一个元素的子元素相关方法还有contains方法，大家可以看看司徒正美的文章http://www.cnblogs.com/rubylouvre/archive/2011/05/30/1583523.html

标签：子元素分类：jQuery, JS

开源中最好的Web开发的资源

时间：2011年06月08日作者：愚人码头查看次数:8,640 views评论次数：7

转载自：http://coolshell.cn/articles/4795.html

学习HTML 5编程和设计

★ HTML5 Rocks : Major Feature Groups 的学习 HTML5 的资源 (HTML5 演示, 教程 ). 源码
很不错的 HTML5 Dashboard – Mozilla，效果很炫。
WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。
★ StackOverflow : 大名鼎鼎的技术问答式论坛。
★ Addyosmani, jQuery 和 JavaScript 文章教程
Sohtanaka, jQuery 和 JavaScript 文章和教程
★ Nettuts+ 是一个面对Web开发人员和设计人员的网站，提供各种技术教程和文章，覆盖 HTML, CSS, Javascript, CMS’s, PHP 和 Ruby on Rails.
Codrops, 教程和 web 资源
WebAppers, 最好的开源资源
Tutorialzine – PHP MySQL jQuery CSS 教程, 资源和赠品
Mozilla JavaScript guide
codes snippets, 作者自己收集的一些代码片段