I AM MAO.YOUR FRIEND.WELCOME TO HERE.

每一个不曾起舞的日子都是对生命的辜负

本博客应该搭建于2015年,也有3年了,那时候还在上学,和几个朋友一起在图书馆搭建了github博客,把域名解析过去了。 大一的时候想着毕业决不会去工作的,一定自己干。对专业课也不专心,编程作业都抄的我发小的(我和我发小 小学一个班 初中一个学校 高中一个学校 然后大学同校同专业..此人编程大神 有天赋可以看出 内推同北邮计算机研究生水平相当进了链家网大数据研发) 后来大学时光虚虚渺渺的过了大半,开始准备为前端开发职位做准备,于是搭建了

更多...


顶级域名:ontbtc.com ont:本体btc:比特币 本体 ont.io 在区块链的领域中,从来不缺少英雄。 是英雄自然少不了中国人(或者说华人)的影子。从查利李的莱特币到量子链、NEO,中国人用天马行空的想象力与无坚不摧的技术能力在区块链的长歌中写下一个又一个高亢的音符。 公元2017年11月27日,立于世界经济之巅的华尔街,又一个来自中国区块链的锐利音符突破了全世界区块链追随者的认知极限。 新一代全球分布式信任链网向人们

更多...


所运营的企业号,自己也玩,两个号,自己的号指数挺高660。玩头条号过了新手期就可以投放广告获得收益·· 1、要先深入理解今日头条推荐机制,要先看头条文章审核规范。 2、“已推荐”标识是的意义内容显示为“已推荐”,意味着该内容已经通过审核,并被推荐到一定数量的今日头条用户的信息流中。 3、推荐量和阅读量的区别推荐量是指头条号所发布内容被推荐到今日头条用户信息流中的次数。阅读量是指用户点击进入内容详情页进行浏览的次数。 4、头条号的

更多...


一惊! 《引爆点》一书描述了很多产品与事件流行的过程,并且从中抽丝剥茧,提出了三个产品流行的法则:个别人物法则、附着力法则、环境威力法则。 个别人物法则 有三个人物:联系员、内行、推销员,这三种人是我们每个人同外部世界相联系的纽带。 联系员就是那种“认识了很多人的人”,这类人把朋友当作邮票一样地搜集,随时与人保持联系。这个角色可以把信息快速地散布出去。联系员对于他们所认识的人们来说具有很大的作用。因为不论原因如何,他们在不同领域

更多...


好产品具备三个基本条件:价值、可用性、可行性,三者缺一不可。 《启示录》根据产品经理日常工作的三块(人员、流程、产品),分成三大部分来展开。 人员是指负责定义和开发产品的团队成员的角色和职责。 流程是指探索、开发富有创意的产品时,反复应用的步骤和成功的实践经验。 产品是指富有创意的产品具有的鲜明特性。 人员这一部分主要讲到整个产品团队中的的人员安排,可能根据各大公司的职能安排有所不同,大概也就包括产品经理、用户体验设计师、项目管理人员

更多...


《用户力》这本书先讲了互联网,然后是用户需求、产品、运营、商业模式。列举的例子虽然很老但还比较经典,大部分都是微信相关。一些方法论也是作者总结的,不有一些细节还是有帮助的。 这本书主要从产品、运营和商业模式三个角度阐述了互联网产品如何从0到1的过程,其中最核心的思考模式是一切以用户的视角去思考产品的设计、运营。 产品前期的需求分析尤为重要,这其中要满足用户“更”的需求,比如京东用大力气做物流,书中说:“需求的贪婪才是互联网用户本质的真实

更多...


这两天把范冰写的《增长黑客》读完了,感触很深。在资源和经济实力不够强的情况下,没有实力做推广和广告的公司寻找一种低成本的方式驱动产品发展。于是增长黑客就诞生了,书中定义了增长黑客是以数据驱动营销,以市场指导产品,通过技术化手段贯彻增长目标的人。 只要和产品增长相关联的工作,都应该属于增长黑客的工作。产品增长就需要了解转化漏洞模型,也是这本书要讲的重点部分。AARRR转化漏洞模型为:获取用户、激发活跃、提高留存、增加收入、传播推荐。 看

更多...


「ONE·一个」是由韩寒监制,原《独唱团》主创成员共同制作的一款文艺生活App。 秉承“复杂世界里,一个就够了”的理念,「ONE·一个」每日精挑细选,为用户带来优质的图片、文章、音乐和影视内容。 作为一款流行的新媒体阅读产品,「ONE·一个」APP致力于为热爱文艺生活的人群带来丰富且优质的作品,将阅读变成一种生活方式。 当时13年的时候「ONE·一个」很火,基本上身边人都知道,而且早期的ONE还没有分享朋友圈功能,所以文艺青年们都截

更多...


好产品并不等同于成功的产品,这里的好是单纯从产品设计角度而言,一款成功的产品还要满足五个条件:高频、痛点、刚需、切实可行的商业模式、靠谱的团队。 有一个姓罗的胖子曾经说过,商业模式本质上只有两种,一种是“修路-架桥-收费”,另一种是“来料-加工-卖出”。前者是画一条线(平台),后者是做一个点。我今天要分享的是如何去识别这个点是“好”还是“坏”。 从事互联网行业,必不可少的节目是参加行业论坛,每逢此景,必有探讨:xx产品怎么样?能活吗

更多...


产品需求文档是产品项目由“概念化”阶段进入到“图纸化”阶段的最主要的一个文档,其作用就是“对MRD中的内容进行指标化和技术化”,这个文档的质量好坏直接影响到研发部门是否能够明确产品的功能和性能。 一、简述 产品需求文档是产品人员非常核心的基本功!是协调研发、测试、UED、业务非常重要的重要工具。但是,往往很多新入行的PM与互联网领域的PM,产出的文档往往不尽人意,主要体现在: · 缺乏逻辑,语言啰嗦不精练;· 通俗的用词过多,整体

更多...


共享单车是指企业在校园、地铁站点、公交站点、居民区、商业区、公共服务区等提供自行车单车共享服务,是一种分时租赁模式。2016年底以来,国内共享单车突然就火爆了起来。在街头,仿佛一夜之间,共享单车已经到了“泛滥”的地步,各大城市路边排满各种颜色的共享单车。通过一番梳理发现,除了较早入局的摩拜单车、ofo外,到2017年5月,已经有45个共享单车品牌,几十个共享单车品牌汹涌入局,其中甚至还包括电动自行车共享品牌。 一、市场分析 1.1市场

更多...


作为产品经理,或多或少的都会做一些不靠谱的需求,虽然不靠谱需求的产生可能有各种客观原因,但我们不能对此习以为常。我认为大多数的不靠谱需求是因为需求论证过程不“科学”造成的,那么如何才能做个靠谱的产品经理“科学”得做需求呢? 在科学研究中,像假设、证伪、推论这一类的关键词会经常出现。“假设”在科学描述中指为了解释某一个现象所建起来理论;“证伪”是科学区别于非科学的核心,科学承认自己有可能是错的,用大白话说就是如果你能证明XXX,那么这个假

更多...


Betterto have a 100 people who love you than a million people who sort of like you. 这是著名短租网站Airbnb创始人BrianChesky在去年的一次演讲中的一个忠告。中文翻译过来就是:宁愿有100个“脑残粉”,也不要有100万人觉得你的产品还不错。由此可见“脑残粉”对一款产品的重要性。 今天,当我们在讨论“脑残粉”时,其实我们指的是忠实粉丝,也即话题

更多...


2017年07月10日14:28:04 —–更新分割线—– 前几天 淘宝禁止了淘宝用户在PC端购买闲鱼商品的行为。再点击立即购买的时候会弹出一个对话框提示你下载闲鱼。 果然引流才是正式开始了!经过我这几天的销售,我发现将近70%客户是从淘宝旺旺咨询我,这70%的客户中有将近一半以上是从PC端淘宝网页看到的。他们为了买我的商品,基本都是第一次注册闲鱼或者半年以上没有登录过闲鱼,这次闲鱼通过淘宝引流简直是水到渠成!! 以上是更新 闲鱼

更多...


产品设计也称之为体验设计,是一个秉承以用户为中心的设计理念,以用户体验度为原则,对产品的界面和交互过程进行研究并开展设计的工作。这是一种在用户纯主观使用产品过程中建立起来的感受,但是对于一个界定明确的用户群体来讲,体验设计的共性是能够经由良好设计实验来认识到的。 ① 系统标准 — 依照用户具体的使用情境和需求来决定是沿用标准还是创新。 例如移动APP产品,因为移动设备有着初始的平台系统特性,产品设计应该遵循平台系统的设计规范。合理的制定

更多...


1、有效沟通:先去工位找当事人,若发现对方情绪不对时,可以将其拉到非公众场合单独去聊,不要先扩大沟通面,以优先解决问题为最终目的! 2、传达通知:越早预警越好,并且周知所有人项目进展,包括产品运营; 3、梳理情绪:工作中不要掺杂自己的私人情绪; 所以,PM在上线前对功能点进行验收很重要! 1、产品全功能提测后,在上线前,各PM做好线上的验证,尤其需要预留出Buffer给RD、QA; 2、最低要求需要在封版前2-3天PM要校验需求是否符合

更多...


俞军目前是滴滴出行产品高级副总裁。他是中国互联网界的一个传奇:热爱搜索成痴,2000 年以网名「搜索引擎9238」写了一封传奇的求职信 ①,后加入百度,担任产品副总裁和首席产品架构师。在那个中国互联网处于野蛮生长、还没有产品经理概念的年代里,他是百度搜索系列产品早期唯一的产品经理,后来主持设计了百度贴吧(2003 年)、百度知道(2005 年)等世界级创新产品。直到俞军 2009 年离开百度后,他在百度多年的产品经理方法论,被同事们整理

更多...


必备能力 产品经理的基本工作技能,就4样,和其他工作也没有区别:沟通能力,业务视角,执行能力,创新能力。这4个能力排名是分先后的,为什么呢? 1、沟通能力 一个合格的产品经理,首先是团队里的融合剂,把项目、产品的干系人组织起来,比如清楚团队里的人员配置,谁是干什么的,谁负责后台,谁负责前端,谁负责运营,谁负责项目,遇到什么情况该找谁解决,没有沟通能力,是很难办到的。这里的沟通能力,不是说性格开朗、热情大方这些一般人理解的沟通能力,

更多...


思维,在百度词条里的解释是:人脑对客观事物的概括和间接的反应过程。在互联网时代到来之前,这并不是一个热度很高的词汇。如今,我们经常会从朋友圈中看到不同人士对产品思维,互联网思维的解读。如今谁不会说个同理心和换位思考这样的标准答案呢?对于『产品经理思维』,作为产品新人,通过知乎、人人都是产品经理、简书看了不少文章,观点。总结来看: 思维是每个人都有的本能的行为方式。性格与环境,内在与外在,主观和客观的条件造就了我们为人处事的独有的思考方式

更多...


1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 1234<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /><meta content="yes" name="apple-Mobile-

更多...


前端工程师除了UI重构外,还有非常重要的职责在正确的区域渲染出服务端的数据。毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成。 下文将罗列将来前端工程师应该必备的同后端打交道的常用技能。 服务端渲染谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经历过服务端的数据渲染,接口->前端赋值->模版渲染 。这一切都在服务器完成,我们查看源码时候,可以看到完整的html代码,包括每个数据值。 常用的ph

更多...


作用域中的域就是指空间、范围、区域…… 如 < script >< /script >、函数和json数据都是域都会执行浏览器解析器的两个主要的步骤。 作用域的作用就是读和写。 < script >< /script > 全局变量、全局函数:自上而下 函数:可以由里到外得到变量,不能从外到里 浏览器解析:“JS解析器”两个主要步骤: 1)“找一些东西” :var声明、function函数、

更多...


1、居中问题 div里的内容,IE默认为居中,而FF默认为左对齐,可以尝试增加代码margin: 0 auto; 2、高度问题 两上下排列或嵌套的div,上面的div设置高度(height),如果div里的实际内容大于所设高度,在FF中会出现两个div重叠的现象;但在IE中,下面的div会自动给上面的div让出空间所以为避免出现层的重叠,高度一定要控制恰当,或者干脆不写高度,让他自动调节,比较好的方法是 height:100%;但当这个

更多...


浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。 解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。 如下有八种清除浮动方法,后三种方法了解一下就可以,不推荐使用。 1、父级div定义height 12345678910111213<style type="text/css">

更多...


这个系列的第一部分,主要介绍了如何”封装”数据和方法,以及如何从原型对象生成实例。今天要介绍的是,对象之间的”继承”的五种方法。比如,现在有一个”动物”对象的构造函数。 123  function Animal(){    this.species = "动物";  } 还有一个”猫”对象的构造函数。1234  function Cat(name,color){    this.name = name;  

更多...


这个系列的第一部分介绍了”封装”,第二部分介绍了使用构造函数实现”继承”。今天是最后一个部分,介绍不使用构造函数实现”继承”。 一、什么是”非构造函数”的继承?比如,现在有一个对象,叫做”中国人”。 1234  var Chinese = {    nation:'中国'  }; 还有一个对象,叫做”医生”。 1234  var Doctor ={    career:'医生'  } 请问怎样才能

更多...


你愿意为打开一个网页等待多长时间?我一秒也不愿意等。但是事实上大多数网站在响应速度方面都让人失望。现在越来越多的人开始建立自己的网站,博客,你的网页响应速度如何呢?在这篇文章中我们来介绍一下提高网页性能的最佳实践,以及相应的问题解决方案,让站长或者即将要成为站长的朋友了解如何去测试和提高网站响应速度,对自己的网站更有信心。最佳实践最佳实践我们引用的来自yahoo前端性能团队总结的35条黄金定律。原文猛击这里。下面我们分门别类将每条的关键

更多...


2016-06-03 刚才突然发现现在已经六月了,时间过的可真快啊,这个博客也搭建了一年多了。五月份我心爱的电脑主板烧了,在维修中心修了一个月竟然还没修好。我也是醉了。 没电脑的五月份把JS高程3终于看完了,看完之后翻翻之前的好像第六七章又快忘了。 维修人员的花言巧语让我感觉电脑两三天就好了,我每隔一天去一次,果然还是没修好,耽误了我不少事情。 考虑了几天那就换个电脑吧,所幸之前电脑的硬盘没有事。初见MAC,感觉很陌生,毕竟要经常远离让

更多...


ECMAScript 5 为数组定义了5 个迭代方法。每个方法都接收两个参数:要在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this 的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。根据使用的方法不同,这个函数执行后的返回值可能会也可能不会影响方法的返回值。以下是这5 个迭代方法的作用。 every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回tr

更多...


Flexbox布局详解

在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。如果你想创建一个简单的图片与文本的布局,那么还算简单,但是制作一个复杂的多列布局,要做的众多浏览器的兼容一致那还是很复杂的。我们通常都是使用浮动或者其他方法来实现这个目的,而其中出现的bug和浏览器的差异性使用对布局失去兴趣。Flexbox通常能让我们更好的操作他的子元素布局,例如: 如果元素容器没有足够的空间,我们无需计算每个元素的宽度

更多...


移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta标签显得非常重要。 为移动设备添加 viewport:12<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no"> <!-- `width=device-width` 会

更多...


for…in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 js中遍历数组的有两种方式 var array=['a'] //标准的for循环 for(var i=1;i<array.length;i++){ alert(array[i]) } //foreach循环 for(var i in array){ alert(array[i]) } 正常情况下上面两种遍历数组的

更多...


一、元素分类–块级元素 什么是块级元素?在html中div、 p、h1、form、ul 和 li就是块级元素。设置display:block就是将元素显示为块级元素。a{display:block;}就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在

更多...


点击我查看代码点击我查看Demo 学习笔记: 1、类似margin顺序:a,b,c,d;上右下左2、html: 粗体斜体强调文本强调文本3、 type: text文本域 password密码 radio单选按钮 checkbox复选框 submit提交按钮4、 定义元素的标签,一般为输入标题。5、下拉框:…6、选择器:[class*=’col-‘] 选择类名中含有col-的所有元素7、隐藏元素:di

更多...


点击我查看代码点击我查看Demo 学习笔记: 1、.div{width:158px;padding:20px;border:1px solid #ccc;margin:10px;}在浏览器审查元素时显示的width=200px; 200=158+20x2+1x2=200 不计算外边距2、box-sizing属性:box-sizing:border-box; //border和padding计算入width之内,上面的例子width就

更多...


任务描述:灰色矩形元素水平垂直居中,有两个四分之一黄色圆位于其左上角和右上角。调节浏览器宽度或者高度,灰色元素始终居中,并且黄色扇形的定位始终准确。 点击我查看代码点击我查看Demo 学习笔记:1、实现子元素在父元素中的水平和垂直居中。父元素和子元素需要设置宽度和高度,父元素相对定位,子元素绝对定位并且设置magin:auto和top:0;left:0;right:0;bottom:0;2、经常会使用到用border-radius来设置

更多...


一个多星期前加入了百度前端学院2016年春季班,有一些经典的任务值得分享和琢磨,在接下来的一两个月内会不断记录,也当作是学习笔记了。 任务描述:左右两栏宽度固定,中间一栏根据父元素宽度填充满,区域的高度取决于三个子元素中最高的高度。注意测试不同情况,尤其是极端情况下的效果调节浏览器宽度,固定宽度和自适应宽度的效果始终符合预期。 点击我查看代码点击我查看Demo 学习笔记: 1、设置了float浮动的元素和绝对定位position:abs

更多...


哲理

不要评价别人的家庭,因为那和你无关。  不要评价别人的学问,因为世上最不缺的就是学问。  总之,不要评价任何人,哪怕是你的家人。  不要乱花钱,因为明天你就可能失业。   不要趾高气扬,因为明天你就可能失势。不要太过张扬,因为要明白没有一个人会比你弱小。  不要吹嘘爱情,因为明天你就可能失恋。   不要委屈自己,因为明天你就可能死去。总之,做人低调一点。 不要滥交朋友,尤其是同性,因为一举一动都会留下铬印,将来成为是非。不要依靠异性,因

更多...


前几个月一直在学习OpenStack部署,自动部署,包括手动部署。自动部署很简单,但是解决一些问题还是得手动部署一遍,才知道问题处在何处。通过手动部署知道了OpenStack内部的组件,比如Keystone认证、Cinder存储、Swift存储、Nova等重要组件,明白了每一个组件需要开启哪些服务。几个月前的一个下午,在十多台服务器上用Fule6.0成功自动部署OpenStack Juno版本。Fuel的openstack环境管理页面:

更多...


最近一直想着更新,出现了好多问题,对hexo有点生疏了,而且hexo deploy一直失败,最后只能重新搭建了一遍。 转眼间已经十月份了。七八月的暑假算是一直在实习吧。在做青岛市科技部的国家项目。我负责整个网站前端和部分后端。来来回回,修修改改写了将近两个月的代码。感觉自己提高了很多,用了简单的jQuery和Bootstarp框架,但是感觉JavaScript还是有点欠缺。已经把《JavaScript DOM编程艺术》看了两遍,还要继续

更多...


浮动是原先设计为了实现文字环绕效果,具有包裹性和破坏性,包裹性体现在宽度收缩,高度坚挺,与外界隔绝。破坏性体现在父元素高度塌陷,影响其他元素,浮动元素脱离的文档流。浮动也使元素block化,去空格化。 清除浮动带来的影响有二种方式: 1.添加clear:both,但是引入无意义标签。 2.父元素bfc:.clear:after{content:"";display:table;clear:both;} .clearf

更多...


对比过来 还是腾讯404页面不错 毕竟公益 给走失的孩子和丢失孩子的父母一个希望。 在source文件夹里写一个404.html即可 具体代码如下: layout: false --- <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

更多...


ffmpeg简单用法

FFmpeg是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序 html5中插入视频或者音频大多需要ogg格式 用ffmpeg转化很方便

更多...


JS笔记

访问子元素节点 function getChildNode(){ var childnode=document.getElementsByTagName("ul")[0].childNodes; alert(childnode.length);//节点长度 alert(childnode[0].nodeType);//节点类型 } getChildNode(); 访问父元素节点 functi

更多...


JS闭包

花了三天时间,终于弄清楚闭包的各种写法和注意的事项,以及以前写,经常出错的地方,特此做一个总结,虽然不够专业,但是对于初学者来说,绝对对闭包的理解事半功倍。 案例一: function aa(){ var b=10; return function cc(){ b++; alert(b); } } aa()(); 这个函数调用时,aa()(),有两个括号

更多...


HTML和CSS小笔记

a:link{ color: aqua; text-decoration: none;/*多数用于去掉链接的下划线*/ }/*普通的、未被访问的链接*/ a:visited{ color: darkviolet; }/*用户已访问的链接*/ a:hover{ color: red; }/*s鼠标指针位于链接的上方*/ a:active{ color: dimgrey; }/*链接被点击的时刻*/

更多...


您的浏览器不支持 ###Flipped 怦然心动~中间那句话说的挺好 -.- ###欧朋浏览器没有测试 IE和IE内核的360 谷歌 火狐浏览器可支持ogg或者mp4格式 ###具体如下: ##Markdown写视频 只支持HTML5的video标签 ###之前学过就直接写了试试可不可以 ,本地调试还行,就是不兼容JS代码 ###等敲完发布命令输入github账号和密码之后 我深深的醉了 鼓捣了一个多小时

更多...


终于搭建好了

过程算是有点跌宕起伏吧 来来回回弄了好久 改天在说... 这个最后一次遇到的问题是这个: 然后hexo g -d发布之后 嘿嘿: 之后绑定域名 DNS解析

更多...