caibinghong
- 浏览: 143773 次
- 性别:
- 来自: 福建
-
最新评论
-
caibinghong：
Ahua772 写道非常好，谢谢了，但是运行的图片怎么没有加载 ...
用于WebKit的CSS诀窍 -
Ahua772：
非常好，谢谢了，但是运行的图片怎么没有加载出来呢
用于WebKit的CSS诀窍 -
caibinghong：
呃是一个方法，现在改过来了，当时考的时候没有改！现在最底层是i ...
关于innerHTML 赋值问题 -
jayrao5566：
js的正确写法不是 .innerHTML = '<op ...
关于innerHTML 赋值问题 -
caibinghong：
在JQ与EXT里都解决的挺好的。http://caibingh ...
关于innerHTML 赋值问题
文章列表
Jwchat 的安装和配置、Service unavailable、Authorization failed问题汇总
上一篇介绍了Openfire开源聊天IM服务器的安装：http://www.cnblogs.com/hoojo/archive/2012/05/17/2506769.html
这篇文章介绍Jwchat的安装和配置
首先Jwchat的配置和安装需要具备的环境：
Tomcat 5.0.28+/Tomcat 6
JDK 1.6+
Openfire 3.7.1
1、 下载jwchat工程文件
下载站点：http://blog.jwchat.org/jwch ...
Openfire 的安装和配置
- 博客分类：
- web即时通信
Openfire 的安装和配置
1、 下载最新的openfire安装文件
官方下载站点：http://www.igniterealtime.org/downloads/index.jsp#openfire
下载地址：
Exe：http://www.igniterealtime.org/downloads/download-landing.jsp?file=openfire/openfire_3_7_1.exe
ZIP: http://www.igniterealtime.org/downloads/download-landing.jsp?file=openfire/open ...
Operfire 安装指南
- 博客分类：
- web即时通信
Operfire 安装指南
本文的英文原文来自 http://www.igniterealtime.org/builds/openfire/docs/latest/documentation/install-guide.html
安装指南
Openfire是一个强大的即时消息（IM）和聊天服务器，它实现了XMPP协议。这份文件将引导您通过安装Openfire。对于更多的功能和信息的完整列表，请访问Openfire网站：http://www.igniterealtime.org/projects/openfire/
目录
1 安装
1.1 Windows
1.2 Lin ...
从业余到专业：03网页设计理论的对比准则
- 博客分类：
- 网页设计
我们已经学过了网页设计的对齐和重复准则，现在开始学习对比。
对比可以为页面增加变化、动感以及吸引眼球。同时也增加了网页的设计元素的区分度。重复准则细微地改变网页设计，对比则会造成很大的不同。
1.先看上次的网页
这是上次的网页，我们已经对齐了设计元素，也增加了诸如字体、色彩、线等重复元素，事实上，这个网页已经存在一些对比。
标志部分和其他页面是鲜明的对比
标题部分的字体和色彩同正文是对比
导航栏
从业余到专业：04网页设计理论的相似准则
- 博客分类：
- 网页设计
从业余到专业：04网页设计理论的相似准则
我们已经讲解完网页设计的对齐、重复、对比准则，现在回顾一下。
对齐可以使网页整洁、有规划。
重复可以增强网页设计元素的视觉联系。
对比可以区分网页内容并突出重点，引起注意。
今天开始讲述相似：相似是将网页中相同的内容打组。通过运用相似准则，访客很容易清楚网页中哪些内容是同一类的。不同间隔空间指示了网页内容之间不同的相似度。
1.先看上次的网页
从业余到专业：02网页设计理论的重复准则
- 博客分类：
- 网页设计
从业余到专业：02网页设计理论的重复准则
上一篇文章讲述了网页设计的对齐准则，今天则开始分析重复准则。
运用重复准则，网页不会像对齐之后发生显著变化。重复可以在细节上提升网页的设计。
1.先看运用过对比的设计
这是上一篇运用完对比准则后的网页，但是网页整体上看还是平淡无味。各个设计元素通过对齐链接起来还不够，我们应该用重复准则增强它们的视觉联系。
2.为网页的标志部分应用重复
从业余到专业：01网页设计理论的对齐准则
- 博客分类：
- 网页设计
从业余到专业：01网页设计理论的对齐准则
1.先看业余的设计
在讲解之前让我们先看一个没有用到网页设计制作四个准则的页面，我们称之为业余设计。
在这个设计里面，各种信息被杂乱地放置在了一起。这是一个普通 ...
从业余到专业：网页设计的四个基本准则（概述篇）
- 博客分类：
- 网页设计
从业余到专业：网页设计的四个基本准则（概述篇）
许多网页设计师或者爱好者都并非是科班出身，他们没有接受过系统的设计理论的教育。所以做网页设计时，往往是凭自己灵感或者参考别人作品，导致设计出来的作品无论在整体还是细节上都不能达到一些专业水准的水平。但是，实际上只要掌握本教程所介绍的4基本的设计准则，那么就能显著提高网页设计师的设计水平，让你完成从业余设计师到专业设计师的蜕变。事实上，这四个基本准则不仅仅适用于网页设计领域，在平面设计、视频设计等领域也被广泛被运用，因为设计是相通的。这四个基本准则有一个好记的名字“鲤鱼（CRAP）”，英文单词鲤鱼是由CRAP四个字母组成的，分别是是四个 ...
//原型方法 function ClassA(){ } ClassA.prototype = { color:'red', sayColor: function (){ alert(this.color); } }
这篇文章是根据目前 chrome 稳定版(19.0.1084.52 m)写的, 因为 google 也在不断完善chrome developer tool, 所以 chrome 版本不同可能稍有差别. 一些快捷键也是 windows 上的, mac 下的应该大同小异.
常规的断点相关的 breakpoint/conditional-breakpoint/call-stack/watch-expressions 等就不涉及了.
1. Beautify Javascript
js 文件在上线前一般都会压缩下, 压缩的 javascript 几乎没有可读性, 几乎无法设定断点. 在 Scr ...
在上一篇（使用Fiddler提高前端工作效率 (介绍篇)）中，我们对Fiddler Web Debugger有了简单的接触，也许你已经开始在用Fiddler进行HTTP相关的调试，在这一篇，我们将通过一个实例了解Fiddler的神奇魔法。
在我们前端开发的日常工作中，发现服务器上某个css/javascript文件有问题，需要修改，那真是家常便饭。通常，我们需要将文件进行修改，然后重新发布再验证，这样就很容易影响到生产环境的稳定性。更普遍的做法是，我们在开发环境中修改文件并验证，然后发布到生产环境。虽然安全，却比较繁琐。而利用Fiddler的可以修改HTTP数据的特性，我们就非常敏捷地基 ...
http://www.kuqin.com/webpagedesign/20100915/88038.html
1. Fiddler 是什么？
Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思，Fiddler Web Debugger就像小提琴一样，可以让前端开发变得更加优雅。
Fiddler是以代理服务器的方式，监听系统的网络数据流动。运行Fiddler后，就会在本地打开8888端口，网络数据流通过Fiddler进行中转时，我们可以监视HTTP/HTTPS数据流的记录，并加以分析，甚至还可以修改发送和接收的数据。Fiddl ...
CSS实现星状评分效果 – CSS Star Rating
有一个场景，相信大家不会感到陌生，那就是我们购物之后对商家、物流、商品等进行评价，其中有一个直观的交互就是星状打分，这种交互方式增强了用户对商品评价的直观感受，更贴近用户的行为习惯，这是一种非常棒的设计。
从技术的角度来说，利用html+css就能完全搞定这种交互效果，好多童鞋都以为是js实现的呢，有木有~~~,哈哈。肯定有.不得不说，这效果都是从墙外传过来的，我们玩的都是现成。~~~~~~
交互流程：
1.viewport
viewport就是除去所有工具栏、状态栏、滚动条等等之后网页的可视区域。移动设备屏幕宽度不同于传统web,因此我们需要改变viewport,有以下属性：
官网地址Animate CSS官网地址
Github地址https://github.com/daneden/animate.css
演示地址：Demo Animate Css