Archive for the ‘Web前台相关’ Category

一条CSS规则就能让IE7整个崩溃。真是太脆弱了。。。

:first-letter

javascript中要判断一个变量是否为array通常是比较困难的,因为

var a = [];
alert(typeof a === ‘object’); // true

通常的做法是判断

a.constructor === Array // true

可是这个方法有一个问题,如果一个数组是来自另一个frame中的,那么它的constructor 将是另一个对象。
YUI中用了如下的方法:

isArray: function(o) {
if (o) {
return L.isNumber(o.length) && L.isFunction(o.splice);
[...]

修正了几个BUG,已经在实际项目中使用,没有问题。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
Array.prototype.indexOf || (Array.prototype.indexOf = function(value) {
for (var i in this) {
if (this[i] == value) {
return i;
[...]

jQuery 是个宝库,而 jQuery 的插件体系是个取之不竭的宝库,众多开发者在 jQuery 框架下,设计了数不清的插件,jQuery  的特长是网页效果,因此,它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。
拉洋片 在一个固定区域,循环显示几段内容,这种方式很像旧时的拉洋片,2009年,这种 Web 效果大行其道,jQuery 有大量与此有关的插件,以下插件无疑是最佳的。 AnythingSlider 由 CSS-Tricks 的 Chris Coyier 设计,功能齐全,应用十分广泛。 Easy Slider 这个 Content Slider 插件既包含传统“前后”导航模式,又包含页码式导航。 [...]

使用css的background-image让IE的input submit按钮显示背景图片。
IE的input要显示背景图片需要有border,如果把border设置为none,那就不能显示背景图片了。
所以我们只好这么做:

border: 0px solid #fff;

完整的代码:
CSS:

1
2
3
4
5
6
7
8
9
.btn_test
{
height: 45px;
background-image: url(gradVert.jpg);
background-repeat: repeat-x;
border-style: 0px solid #fff;
display: block;
cursor: pointer;
}

HTML:

<input type="submit" name="someName" value="Save" id="someID" class="btn_test" />

发现最近记性越来越差了,遇到什么tips还是记录下来比较好。
Words fly away, writings remain.
OK,废话不多少,下面介绍一下hr高度、颜色设置的通用方法。
原来一直以为用height和color的组合就可以设置,结果发现只有在IE下可以。
经过反复试验,发现hr其实是个框。所以,我们把它当做一个框来处理就可以了。
可是又经过反复试验以后,发现设置background-color的方法在IE下无效,所以只能选择设置border,这是在FF、IE、Chrome下通用的方法。
以下给出代码:

hr{
border:none;
border-top:1px solid red;
height:0;
}

According to this document at Mozilla Developer Center, Javascript 1.5 has been implemented in a browser since at least the first releases of Mozilla as open source browser, which means, in other words, since around 1998. Let’s assume it was 2002 which is marked as the release of the 1.0 version.
And I was doing some [...]

昨天用js写了一个Json_encode的工具函数,附上模仿jQuery并加强的extend函数。
对于extend函数,主要加强的是可以遍历子对象来extend,而不是简单的覆盖。
getJSON的使用方法:

jlUtil.getJSON(obj:Object [, skip_arr:Array])
//skip_arr指定要忽略的键名

extend的使用方法:

jlUtil.extend(obj:Object [, obj2:Object…])
//这个函数需要jQuery
//如果只带一个参数,则这个obj将被extend到jlUtil本身
//如果带两个以上的参数,则第2个及以后的参数将被extend到第一个参数

下面是代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
var jlUtil = {
getJSON: function(obj, skip_arr){
if(typeof obj == "number"
|| typeof obj == "boolean"){
return obj;
}else if(typeof obj == "string"){
return "’" + obj.replace("’","\\’") + "’";
}
 
var json = [];
skip_arr = skip_arr ? skip_arr : [];
for(var key in obj){
//skip function and the keys in skip arr
if(obj[key].constructor == Function
|| skip_arr.indexOf(key) != -1){
continue;
}
 
//in Array loop
if(!isNaN(parseInt(key)) || key.constructor [...]

转一篇cb的好文,以后应该会用到。
公司博客整整一个月没有更新了,最近一段时间,全公司都忙于两件事,为海尔集团做定制,为一个合作伙伴做 OEM,终于有了眉目。工作期间,常用到一些工具与帮助站点,今天读到一篇文章,介绍了15个对 Web 设计与开发师极端有用的站点,里面有不少也是我们一直在使用的,也许对很多人都有用,翻译出来以饷同仁。 ColorCombos

配色是 Web 设计的首要大事,Color Combos 帮你预备了数千种配色方案,可以根据色调浏览选取。
LIpsum

Lorem Ipsum Text 是一中自造的,字典中不存在的单词,是在演示页面结构的时候,需要加文字的地方使用 Lorem Ipsum Text 填充可以避免用户因关注文字的意思而分神。Lipsum.com 可以帮你生成制定数目的 Lorem Ipsum 单词。
What the font?

有时候你对某个 Logo 感兴趣,想知道是拿什么字体做的,可以将 Logo 图片上传到这个网站,结果之准确会让你难以置信。
ConvertIcon

Favicon 越来越受欢迎,尤其随着 Firefox 的流行,Firefox 会将你站点的 Favicon 标志显示在标签上,也会显示于书签,Favicon 支持多种图形格式,比如 png,但 IE 并不支持 png,该站点可以帮助你将 png 等图片格式的 Favicon 转换成 IE 支持的 ico 格式。
BgPatterns

现代 Web 设计的趋势之一包括使用背景图案,BgPatterns.com 可以帮你设计背景图案,他们有大量可选的图案,可以按不同方式接合,还可以设置透明度。
HTML Encoder

如果你要在网站中显示 Web 代码,那将是非常烦人的事,你必须将诸如 < 一类的符号用编码表示,这个网站可以帮你做这些事情,只需将你的代码复制进去,他们会帮你生成可以直接使用的代码。还有 HTML Decoder [...]

先来一段废话:
今天是周五,终于可以放松啦,蛮累的,今天上班的时候萌生这个想法,自己的博客流量总是上不去,多写点有用的东西,带动一下流量,嘿嘿。
本来是想继续翻译的,后来发现这本书已经有译本了,并且不允许在网络上发布其内容,只好放弃翻译,改写读后感好了,继续使用这个目录。两个半小时的心血啊。
正文:
目录
关于作者
关于技术校对者
感谢
第一部分 介绍现代Javascript
第一章   现代Javascript编程
1.1 面向对象Javascript
1.2 测试你的代码
1.3 打包和发布
1.4 非侵入的DOM脚本
1.4.1 文档对象模型DOM
1.4.2 事件
1.4.3 Javascript和CSS
1.5 Ajax
1.6 浏览器支持
1.7 总结
第二部分 专业Javascript开发
第二章   面向对象Javascript
2.1 语言特性
2.1.1 引用
2.1.2 函数重载和类型校验
2.1.3 命名域
2.1.4 闭包
2.1.5 语境
2.2 面向对象基础
2.2.1 对象
2.2.2 对象的创建
2.3 总结
第三章   编写可重用的代码
3.1 标准的面向对象代码
3.1.1 原型继承
3.1.2 经典继承
3.1.3 基础类库
3.1.4 原型类库
3.2 打包
3.2.1 名称空间
3.2.2 整理你的代码
3.2.3 压缩
3.3 发布
3.4 总结
第四章   Debug和测试的工具
4.1 Debug
4.1.1 错误命令行
4.1.2 DOM查看器
4.1.3 Firebug
4.1.4 Venkman
4.2 测试
4.2.1 JSUnit
4.2.2 J3Unit
4.2.3 测试实例
4.3总结
第三部分 非侵入的Javascript
第五章   文档对象模型DOM
5.1 介绍文档对象模型DOM
5.2 初识DOM
5.2.1 操作DOM中的空白部分
5.2.2 简单展示DOM的功能
5.2.3 绑定每个HTML节点
5.2.4 标准DOM方法
5.3 [...]


关于博主

姓名:郑玏

性别:男

职业:程序员

爱好:KTV、乒乓球、台球、五子棋、围棋、编程

语言:中文、英语、闽南语

Email:

工作技能

  • 桌面语言:C、C++、C#、Java
  • Web语言:PHP、HTML/XHTML、CSS、Javascript
  • Xml相关:XML、XSLT、SCHEMA
  • 数据库相关:Mysql、MS Sql
  • 建模相关:UML
  • 擅长:正则表达式、Web相关语言、Xml相关、C、C++、C#、Mysql

 

2010-09月
« Aug    
 12345
6789101112
13141516171819
20212223242526
27282930  
  • 风过浮萍: 软件真的很不错,谢谢您,我是刚刚用这个软件没多久,还不太了解,请问 [...]
  • Jennal: @vghnm 我试过了,不会崩溃的呀。。 确定用的是1.6.2版?建议把Data文件删除 [...]
  • vghnm: 搜个漫画就自动崩溃,如结界师 [...]
  • Jennal: @llyliluyao 如果是升级更新的话,一些已经被和谐的漫画是不会被删除的。。 [...]
  • llyliluyao: 动漫屋的资源列表可以删除了 [...]