Day: May 13, 2015

Node.js 连接 MySQL 并进行数据库操作 –node.js 开发指南

Node.js是一套用来编写高性能网络服务器的JavaScript工具包   通常在NodeJS开发中我们经常涉及到操作数据库,尤其是 MySQL ,作为应用最为广泛的开源数据库则成为我们的首选,本篇就来介绍下如何通过NodeJS来操作 MySQL 数据库。 安装MySQL模块到NodeJS中 我们需要让NodeJS支持MySQL,则需要将MySQL模块添加到系统支持库   想要快速了解Node.js ,赞生推荐亲看看 node.js_guide.pdf  — node.js 开发指南 :想要电子版高清的 留言发送… Read More

常用JavaScript函数 71 -(自我总结)

71、 javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器 72、 javascript获取鼠标当前位置(兼容IE和firefox)     71、 javascript判断鼠标左右键点击-兼容ie、firefox、chrome等各大主流浏览器 document.onmousedown=judgeMouseButton; function judgeMouseButton(e){ var e=window.event||e;//获取事件对象 var value=e.button; if(value==2||value==3){ alert('点击的是鼠标右键'); }else{… Read More

【译】响应式CSS动画

原文标题:Responsive CSS Keyframe Animations 原文作者:Joni Trythall 原文地址:http://designmodo.com/responsive-animation/ 译文作者:@静逸秋水(蒲欢)   ==============================   我知道对于CSS动画的的喜好并非自己一人。同时我也认为还有诸多人同我一样热衷移动开发。然而,使用带有动画网站的愉悦体验往往却在移动端戛然止步。如果我们的目标是创造最好的用户体验,我们承认,动画无疑会丰富这方面的体验,我们需要确保我们交付不管正在使用的设备。 由于移动端受到屏幕尺寸限制,再加上我们当中不少人还有一个很大的拇指,这很有可能遮挡住动画。这样一想,似乎会觉得在移动端实现动画有些让人沮丧。但我 们依旧不能把所有的注意力花在创建桌面动画上,而不是仅仅让移动端用户驻足观看。而那样做,将会牺牲掉很大比例的用户体验。   通过动画实现交流 我们也可以通过这些动画跨越简单的颜色和大小过渡。它并不必须和最终事件相关。我们可以用有趣的动画作为与用户沟通的工具。用户可以仅此一乐,或者带有目的性的去观赏。既然我们已经得到了他们的注意力,现在我们想要做些什么?  … Read More

如何优化网页转化率?(上篇)

——–Facebook、Twitter 及Quora 用户增长团队的产品大牛Andy Johns倾情奉献纯干货———   提要:千万不要将所有建议照单全收,做出一个四不像网站。你应该将此看作测试网站的技巧工具箱,了解对你的产品与用户而言使用这些技巧的优点与缺点何在,以及如何使它们符合你的宏观产品愿景。   “优化注册转化率”这个话题可以扯出一本百科全书的篇幅来。因此我会花大量笔墨来阐述。在此先提醒你们,这将是一篇长文。。(译者注:差不多等于一章书了,所以拆分成上中下三篇)   我认为优化注册转化率的方法概括起来主要就是两大类:   第一大类,站内优化。包括网页设计/文案/布局等。这是个值得深入探讨的话题,这也是后面一类方法的基础。   第二大类,访问来源优化。有许多种方法可以提升访问来源的转化效果(比如SEO,邮件,社交网络,等等),对此我不会太多展开。但从“访问来源→用 户最终转化页”之间的过程优化同样很重要。讨论站内转化率优化不可能抛开访问来源。因为早在用户进入落地页之前就已经要开始优化转化率了。 站内转化率优化 定义:改善网页的设计与功能,提高用户在页面上执行关键行为的可能性。 转化节点:最常见的转化节点包括:注册、登录、购买、订阅、分享等(社交媒体增长带来的结果)。还有其他更加细化的转化节点,但我主要关注这几个核心的指标,因为优化的方法可以适用到其他转化节点上。… Read More

如何优化网页转化率?(中篇)

——–Facebook、Twitter 及Quora 用户增长团队的产品大牛Andy Johns倾情奉献纯干货——— (接上篇) 7. 图片使用 增加图片可能会降低转化率。我做过几次A/B测试,发现主页的可点击图片会降低总注册量(甚至计算30天内回访也是如此,已排除先前访问数据)。我觉得Pinterest知道这个道理,所以不会让用户在诸如“申请邀请码”页面(http://pinterest.com/landing/)跳过关键动作。 注意页面底部的轮播图插件。它们是不可点击的,所以用户不会从注册启动页跳转走。从我的经验来看,如果这些图片可点击,该页面的邮件地址提交率估计会下跌5%。我过去测试过登出页面的可点击图片与不可点击图片,在每种情况下,不可点击图片的转化率都要高5%-7%,而且测试组用户与控制组用户的质量是保持一致的。 图片同样可以用来提高转化率。网络营销的其中一个说法是“有鸡就有点击”(Chicks get clicks)(“se情有市场”的粗俗说法)。咨询公司ion interactive为一家游戏公司做了一次测试,发现下面的设计的转化率比没有强调ju乳的同款设计竟然高出了35%。 这就是两个被测试的落地页,右边的页面注册率多了35%: 来源:http://www.neurosciencemarketing.com/blog/articles/sex-sells-sometimes.htm 这不是说所有网站都应该将半裸美女放在落地页上(不管是真人还是虚拟的)。因为这一手段显然只适用于游戏开发商。比如Zynga就在黑帮战争(Mafia War)等游戏广告中成功运用了这一手法。 但通常来说,通过图片驱动转化率有一些要点,特别是针对销售产品的网站:… Read More

如何优化网页转化率?(下篇)

Facebook、Twitter 及Quora 用户增长团队的产品大牛Andy Johns倾情奉献纯干货 电子邮件营销 定义:向订阅用户发送业务邮件,或群发邮件。 转化指标:从邮件营销的角度来说,转化指标通常由邮件里指向(含有最终转化动作的)目标页的点击来定义的。在这里我们讲讲为了获取尽可能优化点击的转化漏斗的可取办法。换句话说,邮件的转化优化就是增加点击跳转到你的网站或移动应用的收件人比例。 14. 标题行与发送人地址 想优化邮件转化率,首先建议你针对这两项进行测试。在标题行里,你可以试试使用不同的标题长度(长标题或短标题),以及像“独一无二”这样的描述词语。在这个案例里,这个客户使用的长标题包含了详细的描述以及引人注目的描述者,从而令邮件打开率增加了8.2%。   其他优化方法包括使用社交信息。例如,Summify以卓越的精选邮件著称。他们整合你所有的社交网站的头条故事(LinkedIn + Twitter + Facebook),做成每日精选邮件发送给你。在标题行里,他们列出了你的社交联系人的名字来提高打开率。标题可以是“下列是来自John Smith, Sally … Read More

jQuery时间轴插件:jQuery Timelinr

这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。   查看演示DEMO   下载源码 HTML 我们在body中建立一个div#timeline作为展示区,#dates为时间轴,示例中我们用年份作为主轴,#issues作为内容展示区,即展示对应主轴点年份的内容,注意id对应上。 <div id="timeline"> <ul id="dates"> <li><a href="#2011">2011</a></li> <li><a href="#2012">2012</a></li> </ul> <ul id="issues"> <li… Read More