IT_Surfer的专栏

原创 没有实习的我，如何拿到阿里产品 offer

一个没有实习的通信方向研究僧，如何拿到阿里巴巴，大众点评，去哪儿，银联等企业产品经理offer

转载 切图规范

转载 移动端尺寸基础知识

从原理开始介绍一下移动端设计尺寸规范初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。现象首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x8

原创 html5中canvas中绘制渐变和绘制文字顺序问题

在canvas中绘制渐变应该放在绘制文字之后，这样文字才可以看清

转载 http-equiv

http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。     meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞ ；其中http-equiv属性主要有以下几种参数

转载 name和id区别

可以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢？而同样我们也可以得到最经典的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。上面一段对于ID和Name的解答说的太笼统了，以下我们来具体探讨一下。一、name和id 都可以用来调用html中的元素当我们需要在脚

原创 移动医疗行业遐思

互联网+的大风竟然把医院都吹到线上了。        在这个无不移动，无不互联的时代，如果你还在线下苦苦挣扎，那你就OUT了。当前互联网+的模式虽然还未形成一个统一的标准，也没有谁能准确的定义它的概念，但是这个趋势却是必然的。个人理解，所谓互联网+就是以线上和线下同时作为入口，整合资源优势，最终将实体资源的利用率发挥到极致的一个过程。移动医疗是近几年兴起的一个新兴行业。从TalkingData

原创 我为虎嗅设计APP（二）-界面设计

前段时间梳理了虎嗅APP的整个逻辑结构，也提出了自己认为较为合适的信息架构，依照此架构进行APP的界面设计。

原创 我为虎嗅设计APP（一）-逻辑梳理

前段时间粗略分析了一下虎嗅APP逻辑架构里面的一些不足之处，今天就个人对虎嗅APP的理解重新梳理了一下虎嗅APP的逻辑架构。      此处着重说明一下为啥要将搜索功能拿出来。搜索，顾名思义，利用用户提供的关键字，为用户提供精确匹配的结果。搜索功能很多，那么就虎嗅APP的搜索功能，我想到两种使用场景：    （1）通过关键词搜索来获取相关的文章。这是用户通过搜索功能精确匹配自己感兴趣的

原创 Jquery里面三个文档操作方法比较-empty(),detach()和remove

Jquery里面有三种常用的文档操作方法去控制一个标签内容在DOM里面消失，分别是empty（），detach（）和remove（）。对于每个方法运用后的表面效果是一样的，但是实际上的每个方法对DOM操作以后产生的影响各不相同。下面小编结合实例对三个方法一一说明。为了配合说明，下面是整个操作对象-DOM文件一、empty(),detach()和remove()用法介绍1、empty

原创 虎嗅APP汉堡菜单逻辑解析

掏出手机，打开虎嗅，开始了软文之旅。虎嗅APP不得不说是我了解互联网世界的一扇窗口。         若干篇咨询过后，停顿下来，闲暇之余，端详这款熟悉而又陌生的面孔。         APP：虎嗅；         版本号：v2.5.0                  体验设备：iphone6；           操作系统：ios8.3；

原创 描述用户体验三部曲-环境，角色，情节

原创 芸芸众生，大凡皆中材耳-读《简约至上》有感

原创 谈细节-先减轻用户操作负担再说吧

原创 非常炫酷的刷新效果赏析

改进建议：1、对于那个类似纸飞机的图标，可以用一只蜂鸟来代替，这种鸟体积小，但是动作敏捷，可以象征文件更新速度快。2、对于图标的设计及其改变流程：可以在下拉刷新时，蜂鸟做出要起飞的状态（可以通过煽动翅膀来实现）；飞得过程要翅膀完全展开，给人一种迅速的感觉；回来时，假如有新的文件更新，则可以在鸟嘴上叼上东西，代表有新文件到达；否则可以在顶部设置提示文字：“主人，没有未读文件，

原创 关于H5中自定义属性的设置和获取

自定义数据属性是在HTML5中新加入的一个特性。简单来说，自定义数据属性规范规定任何以data-开头属性名并且赋值。自定义数据属性是为了保存页面或者应用程序的私有自定义数据，这些自定义数据属性保存进DOM中，对于整个DOM的布局和表现无任何影响，但是却可以方便操控整个网页的交互以及想要表达的效果。       比如我们想要统计一个页面玩家的排行榜，但是DOM页面的原生标签并没有提供这样的一

原创 答微信产品经理假面试题

（1）QQ群和微信群的异同点是什么？最大区别是什么？分析：相同点： a）从组织结构上来说，无论是QQ群还是微信群，顾名思义，是一个群体，是一种满足用户群聊需求的载体；b)   从功能上来说，QQ群和微信群都提供了一个无论是好友还是非好友都可以参与聊天的平台；区别：区别很多了，就列举一下比较明显的。其实问题2和3是QQ群和微信群的两个区别，除此之外还有以下区别：a）建群方式有区别，QQ群

原创 做淘宝WEB顶部导航栏的原型遇到的问题

【摘要】在做淘宝WEB顶部的导航栏的过程中遇到一个问题，虽然后来解决了，但是总觉得会有更好的办法，下面小编分享一下制作原型过程中的思考过程。原型：

原创 关于去掉文本框里面的空格这种面试题的总结

在前端面试过程中，有“去掉文本框两边的空格”这种题，今天小编带大家总结一下这类题的代码：(1)去掉文本框里面内容两边的空格，注意：不能去掉中间的       replace(/^\s+|\s+$/,"")(2)去掉文本框里面的所有空格       replace(/[(^\s+)(\s+$)]/,"")

转载 JS里面的正则表达式教学

本文目标30分钟内让你明白正则表达式是什么，并对它有一些基本的了解，让你可以在自己的程序或网页里使用它。 如何使用本教程最重要的是——请给我30分钟，如果你没有使用正则表达式的经验，请不要试图在30秒内入门——除非你是超人 :)别被下面那些复杂的表达式吓倒，只要跟着我一步一步来，你会发现正则表达式其实并没有你想像中的那么困难。当然，如果你看完了这篇教程之

转载 JS里面的元字符代表的含义

全部元字符如下（好像没有&，不过正则表达式有很多种的，这个是在JScript里面的）：$ 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性，则 $ 也匹配 '\n' 或 '\r'。要匹配 $ 字符本身，请使用 \$。( ) 标记一个子表达式的开始和结束位置。子表达式可以获取供以后使用。要匹配这些字符，请使用 \( 和 \)。* 匹配前面的子表达式零次

原创 关于JS里面寄生构造函数

在JS里面，有一种类似工厂模式的定义对象方法——寄生构造函数模式，如下所示：       其实，除了使用new操作符来定义新的对象，以及将其称之为构造函数之外，其他和工厂模式定义一模一样。那么这个寄生构造函数到底是为了什么呢？我们看一个例子：      我们定义一个Array的引用类型，并且初始化      var colors=new Array("red","blue"

原创 58同城和赶集网欢迎页发微-借势营销

2015年04月17日 15:36，这一次头条属于他们-58同城和赶集网，详情点击：58同城同意收购赶集网股权 获43.2%股份看了这个新闻，瞬间爆炸，十年的刀兵相见，如今终于耳鬓厮磨。于是下载了58和赶集的APP体验了一番。最近项目验收略忙，没时间写完整的体验报告（或者说竞品分析，至少4月17日以前应该这么称呼），就把打开APP的欢迎页进行粗略的分析。体验设备：iphone6操作

原创 如何在JS字符串中引用变量

在JS中有时候我们需要在字符串中引入变量。如果直接在“xxxxx”中间写入变量，则变量将被当作普通字符处理。下面结合我在学习JS过程中碰到的实际问题，解释一下如何在字符串中引用变量。实现效果：我要实现一个矩形div3D旋转的效果，JS代码如下所示    var i=0;    var a=true;    function change(){        a=false;

原创 36kr2.0上线了-正中要害

不多了，前日里写的《36kr发微》里面对于36kr的不足之处，在36kr2.0里面全都改了，to the point！有点小小的成就感。什么不说了，直接上图。日后再写一篇36kr的体验报告吧。其中导航栏改为TAB方式展位上面表达的意图更为直观明显

原创 iphone发微-AssistiveTouch

有时候小编对于iphone那个HOME键，由于经常摁她，十分的不忍心有没有。心理担心着万一哪一天摁坏了怎么办？扣起来换一个么？想法有点邪恶！       福音来了！       自从ios5.0.1一来，在设置-辅助功能里面增加了一项AssistiveTouch，通常叫做字体操作按钮，很大程度上可以代替HOME键和一系列在屏幕上的操作。小编的习惯是将她放在右下角，就是为了在大部分交互场景下

原创 36kr发微

1、首页最醒目的展位没有设计成计时滚动模式打开APP总给人的感觉就是最顶端的部分只有一个内容，其实那个展位是包含5部分内容，但是APP并没有让它计时来回切换。姑且认为APP在设计的时候是让下面蓝色的滚动条来让用户得知此处并非只有一个内容，但是，手机上很难发现有没有。而且在切换时候，下面的标志滚动条切换并不及时，要滞后于内容的切换，bug！得治！2、对于左上角的菜单按钮，点击以后出现

转载 JS基本类型和引用类型的区别

按照CEMA-262第3版的定义，JS变量松散类型的本质，决定了它只是在特定时间用于保存特定值的一个名字而已。由于不存在必须定义变量数据类型的规则，变量的值及其数据类型可以在脚本生命周期内改变。尽管从某种角度看，这可能是一个既有趣又强大，同时又容易出问题的特性，但js变量实际的复杂程度还远不止如此。 ECMAScript变量可能包含两种不同数据类型的值：基本类型值和引用类型值。

原创 Ride-打车界的脉脉？

Uber的前CTO推出了一款平车应用Ride。       面对Uber广泛的用户群，Ride做的更具有针对性

原创 个人网站设计-iSports

热爱网球，舞动激情                             $(document).ready(function(){        var tar_get=$("#mycanvas")[0].getContext("2d");        var background_color=tar_get.createLinearGradi

原创 “百度文库”发微

百度上，想要搜索这么一个字段“UTC(NMEA-0183格式,GPZDA数据)”，搜索结果如下所示：看到了正好在百度文库中有同样的字段，很高兴，相信会解决我的问题，于是欣然打开，但是，打开以后是介个样子：        找就找吧，于是乎开始了大海捞针搬的搜索，在这么多页，每页那么多内容的情况下用户的体验可想而知。找到了也算是一种安慰，但是，一页一页翻过去了，还是没找到，到最

原创 读《移动社交可以连接一切，除了内容》有感

再次来到人人都是产品经理平台，开始了自己的味觉升级旅程！有幸拜读了小芒果的《移动社交可以连接一切，除了内容》以后，抛砖引玉，谈谈我自己的看法。       随着智能手机的普及程度，移动互联已经是当下互联网的最热的领域。抛去PC这个庞然大物，智能手机为万人互联，以至于万物互联提供更为便捷的入口。社交是万人互联的典型领域，诞生了像“微信”这种帝国级别的社交APP。微信确实改变了社交的格局，在保护用

原创 HTML5-2D版Baymax

"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">    BigBai        xmlns="http://www.w3.org/2000/svg" >              fill="rgb(242,247,250)"           stroke="gray" stroke-opacit

原创 可伸缩矢量图形（SVG）样式的设置

在设置SVG的样式时候，有很多办法，下面作者就科普一下自己在学习过程中使用的一些方法：以化一个矩形为例，样式：内部填充为蓝色，边为黄色，边宽为2px，具有圆角相同部分的代码：                //此svg文件并非是独立的文件，具有外部引用文件，所以属性standalone应该设置为“no”"http://www.w3.org/Graphics/SVG/1.1/DT

原创 唐朝离婚也要求得一个善始善终

上个世纪，在敦煌莫高窟出土一批唐代文献现在因缘际会又被翻了出来，而且为今人唱颂。下面我们就欣赏一下在唐朝属于离婚的那份文采！    盖说夫妻之缘，伉俪情深，恩深义重。论谈共被之因，幽怀合卺之欢。　　凡为夫妻之因，前世三生结缘，始配今生夫妇。夫妻相对，恰似鸳鸯，双飞并膝，花颜共坐；两德之美，恩爱极重，二体一心。　　三载结缘，则夫妇相和；三年有怨，则来仇隙。　　若结缘不合，想是前世怨家

原创 蝶恋花

蝶恋花

原创 个人网站设计-Stigma

stigma                                            WELCOME TO STIGMA                  YOUR FEELINGSYOUR LIFE          Visualize your life in beautiful word-clouds with o

转载 实用的网站设计简约原则

大受欢迎的简约设计原则最后一趴来了！作者提炼出来的25条原则，对你的设计是否有所启发?多一点灵活极简主义可大大增强设计的灵活度，特别是在应用项目中尤为突出。大家来看例子， Büro Ufho的品牌视觉由简洁的衬线字体和两个扁平色块组成。这一组合造就了品牌色板的高度灵活性——两个对角色块在变换丰富色彩时，并不影响品牌的整体性。这就是极简主义的独特之处了。

原创 关于MVP的一些思考

由于现在互联网环境日新月异，用户需求和市场形势瞬息万变，因此一种成本相对较低，上线周期短，却又能获得早期不错的用户积累和口碑的产品形态必然会受到热捧。因此，最小化可行产品（Minimum Viable Product, MVP）诞生了。MVP是Eric Rise在《精益创业》一书中提出的理念，当我们需要探索用户对于某种需求的粘性度时，当我们需要及时上线抢占市场先机时，当我们和BOSS在产品的定

原创 当所有人在说在中国玩类似kik应用会死的时候，微信却活了

先看看旧新闻：2010年12月17日下午，第11期搜狐开发者沙龙“移动互联网时代手机通讯录的遐想”在搜狐网络大厦成功举办。会场上就针对类似kik手机通讯录社交软件在中国能否生存的问题进行了探讨，探讨结果从当时新闻的标题就可以看出来，“类Kik应用：国内做类Kik应用行不通 会死得很惨”。但是，就在这场讨论会过后没多久，2011年1月21日，微信诞生了。其实，直到微信2.0，微信的交流方式基本确