分类目录 ‘前端开发’

整理和总结了春节前听的一次分享。亚马逊在利用户数据实现精准营销的方面有很多值得学习的地方。用户在使用亚马逊网站的过程中,很多行为都会被记 录,从告诉网站用户需要什么。亚马逊根据这些数据,不断勾画出每个用户的特征轮廓和需求,并以此为依据进行精准营销。

用户行为数据的收集

用户一般的购物流程:搜索了什么,看了哪些产品的详细介绍,最终购买了什么产品,都会被亚马逊记录下来。其他用户历史购买行为也在这里派上了用处, 成为有利相关推荐。因为用户做购物决策的时候,也想知道其他人都看了什么,买了什么。

相关推荐:其他用户都买了什么?

除了用户购买行为数据外,亚马逊还会搞一些活动来“勾引”用户说出喜好和需求。比较典型的活动就是投票。例如下面关于是否喜欢情人节的投票。多数喜 欢情人节的用户是热恋中的人,亚马逊可能会推荐各种礼物,如情侣装,戒指,鲜花等。失恋和单身的人一般不喜欢情人节,亚马逊推荐失恋疗伤的书籍,如游戏机 之类自娱自乐的的商品。
(全文…)

这是一篇关于CSS3按钮的教程集合。尽管在去年CSS3就产生了影响;然而,浏览器对其支持的反应速度缺非常慢。获得支持的先后顺序分别为:Safari, Firefox, 最后是Chrome。这需要有好的web设计,实用的,并且容易被访问者理解。通过实用CSS3,优美的导航栏也可以被实现。为此,我收集了这里的“<strong>10个令人惊异的创建按钮的CSS3教程、方法</strong>”。
(全文…)

1.发送Buzz直邮(DM)

如果你想像twitter那样给某人发送DM,那么可以用@回复+私有buzz的方式实现。在你写完@某人的一个buzz之后,选择发送方式为 Private私有,然后在选择发送组的时候,创建一个新的组,起名“没有人”或者“美女走{谷奥防低俗系统乱入}光图”,这个组里你谁也不放,保持空 白。

这样,你的这条buzz就以所谓的DM形式发送了,谁也看不到,而它会以一封邮件的形式出现在buzz收信人的Gmail邮箱里。绕了这么一大圈, 其实想一想我直接发邮件不就好了,有点脱了裤子放屁的蛋疼之意……
(全文…)

在这篇文章里面,我们收集了一些优秀的Flash图片相册程序。这些Flash相册程序非常的智能且易于嵌入到你的网站。你并不需要任何编程技巧来 安装使用它们,而只需要把相应的嵌入代码放到你网站的适当位置即可。

Flash Gallery

Flash photo gallery Demo
(全文…)

JavaScript 可算是世界上最流行的编程语言,它曾被 Web 开发设计师贴上噩梦的标签,虽然真正的噩梦其实是 DOM API,这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言,如今越来越被重视,虽则如此,JavaScript 仍然拥有很多让人费解的东西。

1. 它以 Java 命名,但并不是 Java
它最初叫 Mocha, 接着改名为 LiveScript,最后才确定命名为 JavaScript,根据历史记录,Java 的命名与 Netscape 和 Sun 之间的合作有关,作为交换条件,Netscape 在他们备受欢迎的浏览器中创建了 Java 运行时。值得一提的是,这个名字的出台几近一个玩笑,要知道,LiveScript 和 Java 在客户端脚本方面存在敌对关系。

不管怎么说,人们后来不得不一再澄清的一件事就是,JavaScript 和 Java 毫无关系。
2. Null 是个对象?
看看这段代码,它返回的是 object。


(全文…)

我最近注意到的一个非常有趣的趋势是在幻灯演示中展现关键信息。现代设计师喜欢尝试并观察用户如何与作品进行交 互。尽管幻灯并不是一个普遍的趋势但是依然作为新的设计风格而不断涌现,而且越来越多的设计师注意到它并在他们的作品中使用,这种新的趋势开始崭露头角。

在本文中,你将发现各种高度创意的、漂亮的、独特的、以及最有灵感的幻灯效果设计。当然我们这里并不是要你跟随某种趋势,而是希望能够激发你的创意 并启发你的想象力以创建你自己的独特的设计,因为你的网站(作品)代表你自己和你的品牌。

网页设计中的幻灯展示

事实上有很多在网站中使用幻灯和图片切换的理由,网站成功的关键因素之一是找到一种最聪明和有效的展示你的信息给用户的方法。之前,幻灯在企业网站 的首页非常流行,因为它对于展示企业的信息和服务非常有用,但是现在它已经广泛的用于所有类型的网站了。鉴于它们对于网站的价值,幻灯通常被放在页面中最 醒目的位置,这样可以给访问者的非常有冲击力的第一印象。

你或许也注意到,幻灯对于作品集网站也非常流行,因为用幻灯的方式展示你的作品显得非常有意义和有吸引力。
(全文…)

之前js 仿Photoshop鼠标滚轮控制输入框取值中已使用js对鼠标滚轮事件进行控制,滚轮事件其中考虑浏览器兼 容性问题

附加事件

其中经我测试,IE/Opera属于同一类型,使用attachEvent即可添加滚轮事 件。

/*IE注册事件*/
if(document.attachEvent){
document.attachEvent(‘onmousewheel’,scrollFunc);
}

Firefox 使用addEventListener添加滚轮事件

/*Firefox注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}

Safari与Chrome属于同一类型,可使用HTML DOM方式添加事件

window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

其 中除Firefox外其余均可使用HTML DOM方式添加事件,因此添加事件使用以下方式

/*注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome

detail 与wheelDelta

判断滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器(IE、Opera、Safari、 Firefox、Chrome)中Firefox 使用detail,其余四类使用wheelDelta;两者只在取值上不一致,代 表含义一致,detail与wheelDelta只各取两个值,detail只取±3,wheelDelta只取±120,其 中正数表示为向上,负数表示向下。

<p><label for=”wheelDelta”> 滚动值:</label>(IE/Opera)<input type=”text” id=”wheelDelta” /></p>
<p><label for=”detail”> 滚动值:(Firefox)</label><input type=”text” id=”detail” /></p>
<script type=”text/javascript”>
var oTxt=document.getElementById(“txt”);
/***********************
* 函数:判断滚轮滚动方向
* 作者:walkingp
* 参数:event
* 返回:滚轮方向 1:向上 -1:向下
*************************/
var scrollFunc=function(e){
var direct=0;
e=e || window.event;

var t1=document.getElementById(“wheelDelta”);
var t2=document.getElementById(“detail”);
if(e.wheelDelta){//IE/Opera/Chrome
t1.value=e.wheelDelta;
}else if(e.detail){//Firefox
t2.value=e.detail;
}
ScrollText(direct);
}
/*注册事件*/
if(document.addEventListener){
document.addEventListener(‘DOMMouseScroll’,scrollFunc,false);
}//W3C
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
</script>

预览效果http://www.51obj.cn/demo/js/wheelDelta_detail.html

(部 分图片见原文:http://www.51obj.cn/?p=637
(以上内容部分内容参考了http://adomas.org/javascript-mouse-wheel/

上次介绍过 10 个基于 JavaScript 的 WYSIWYG(所见即所得) 编辑器,这些 Web 编辑器可以在线编辑和处理富 Web 内容,包括格式文本,表格,图片,媒体,链接等等,非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web 在线编辑器,它们基本代表了当前 Web 编辑器的现状。 Rich-Text Editors for 2010 and Beyond
(全文…)

在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office 的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript 的编辑器,它们有的是基于 jQuery 框架,有点则不是。
(全文…)

我们每天要看非常多网站,每个都是花花绿绿五花八门的希望以各种不同色调来吸引目光。 这里我们要来介绍另外一种相反的设计,黑与白的网页设计。我们发现原来单纯的双色设计也可以这么让人惊艳以及具有启发性。 在一片色彩过度运用的市场,我们很高兴可以看到仍然有设计师相信Less is More.

黑白配色的网页设计示例
(全文…)