2016年02月28日

手机UI设计基础-尺寸&单位

Filed under: CSS » WEB — cmpan @ 2016-02-28 20:16:59

初入移动端开发和UI设计的童鞋可能对UI尺寸和单位特头痛,孟春觉得分享一下手机APP/Web UI尺寸和单位的经验是有价值的。
(全文 …)

Views – 2365

2015年07月19日

支付宝在线支付到个人号自动填收款账号、金额、付款说明

Filed under: WEB — cmpan @ 2015-07-19 23:35:36
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>支付宝在线支付</title>
</head>
<body>
  <form id="alipaysubmit" action="https://shenghuo.alipay.com/send/payment/fill.htm" method="post" accept-charset="gbk">
    <input name="title" type="hidden" value="Apay14373007081182" />
    <input name="optEmail" type="hidden" value="to@email.com" />
    <input name="payAmount" type="hidden" value="1.00" />
    <input name="ok" type="submit" value="正在处理中" />
  </form>
  <script>document.forms['alipaysubmit'].submit();</script>
</body>
</html>

Views – 2310

2012年09月21日

IE JS 调试

Filed under: JS » WEB — cmpan @ 2012-09-21 10:00:48

安装调试工具:
IE Developer Toolbar

http://www.my-debugbar.com/wiki/CompanionJS/HomePage

http://www.debugbar.com/download.php

Views – 1944

2012年05月27日

HTTP 状态代码及其定义

Filed under: WEB — cmpan @ 2012-05-27 12:54:44

 代码 指示
2xx 成功
200 正常;请求已完成。
201 正常;紧接 POST 命令。
202 正常;已接受用于处理,但处理尚未完成。
203 正常;部分信息 — 返回的信息只是一部分。
204 正常;无响应 — 已接收请求,但不存在要回送的信息。
3xx 重定向
301 已移动 — 请求的数据具有新的位置且更改是永久的。
302 已找到 — 请求的数据临时具有不同 URI。
303 请参阅其它 — 可在另一 URI 下找到对请求的响应,且应使用 GET 方法检索此响应。
304 未修改 — 未按预期修改文档。
305 使用代理 — 必须通过位置字段中提供的代理来访问请求的资源。
306 未使用 — 不再使用;保留此代码以便将来使用。
4xx 客户机中出现的错误
400 错误请求 — 请求中有语法问题,或不能满足请求。
401 未授权 — 未授权客户机访问数据。
402 需要付款 — 表示计费系统已有效。
403 禁止 — 即使有授权也不需要访问。
404 找不到 — 服务器找不到给定的资源;文档不存在。
407 代理认证请求 — 客户机首先必须使用代理认证自身。
415 介质类型不受支持 — 服务器拒绝服务请求,因为不支持请求实体的格式。
5xx 服务器中出现的错误
500 内部错误 — 因为意外情况,服务器不能完成请求。
501 未执行 — 服务器不支持请求的工具。
502 错误网关 — 服务器接收到来自上游服务器的无效响应。
503 无法获得服务 — 由于临时过载或维护,服务器无法处理请求。
(全文 …)

Views – 1796

2011年10月12日

HTML的base标签在ie6下的问题解决

Filed under: WEB » 前端设计 — cmpan @ 2011-10-12 17:33:52

当我们用url重写的时候,用base标签可以使页面中的链接、图片地址等网址相关的元素基于我们设置的链接,如下
<base href=”/ctx/” />

但是发现在ie6下页面中的图片都不出来了,这是ie的一个bug,解决方案:
1)base的href属性使用完整的路径,如使用<base href=”http://yulans.cn/html/base/” />,不使用<base href=”/html/base/” />
2)base标签和</head>标签之间不要有任何html标签

Views – 2353

2011年06月4日

Flash请求不能传Cookie的PHP解决方案

Filed under: WEB » PHP » 实践经验 — cmpan @ 2011-06-04 16:53:47

用flash 通过GET或POST发送数据到服务器,服务器端再绑定到对应的SESSION

1
2
3
4
5
6
// 解决Flash不能传Cookie
if (!empty($_POST[session_name()])) {
    $uesid = $_POST[session_name()];
    $_COOKIE[session_name()] = $uesid;
    session_id($uesid);
}

注意:服务器端不能用$_REQUEST来获取$uesid,$_REQUEST[ini_get('session.name')]取得的是没有被程序修改过的$_COOKIE[ini_get('session.name')]

Views – 2145

2011年05月16日

插入透明flash

Filed under: WEB — cmpan @ 2011-05-16 11:24:04
1
2
3
4
5
6
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://www.macromedia.com/go/getflashplayer" width="550" height="400">
  <param name="movie" value="flash地址">
  <param name="quality" value=high>
  <param name="wmode" value="transparent">
  <embed src="flash地址" quality="high" wmode="transparent" width="550" height="400" type="application/x-shockwave-flash"></embed>
</object>

Views – 1724

2010年10月20日

在网站中使用Google翻译

Filed under: WEB — cmpan @ 2010-10-20 10:30:23

要想在自己的网站中拥有全文翻译的功能?自己做的话太破费了吧,Google的可以用。
只需要在页面中加入如下代码:

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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<div id="jqfy-box" class="row">
    <div class="block-title" style="width:100%;">
    <span style="float:left">在线免费翻译</span>
    </div>
    <div class="block-main" style="border-color: #CCC;">                        
    <form class="query-box" onsubmit="return submitChange();">
      <textarea class="query-input" id="source"
           autocomplete="off">Cambridge</textarea>       
      <textarea class="query-input" id="results_body" autocomplete="off"></textarea>   
      <center>
          <select name="src" id="src"></select>
          >>
          <select name="dst" id="dst"></select>
          <input class="button" type="submit" value="翻译"/>
      </center>
    </form>
    </div>
</div>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("language", "1");
google.setOnLoadCallback(init);

function init() {
  var src = document.getElementById('src');
  var dst = document.getElementById('dst');
  var zhLanguages = {
        'af' :  '南非荷兰语',
        'sq' :  '阿尔巴尼亚语',
        'am' :  '阿姆哈拉语',
        'ar' :  '阿拉伯语',
        'hy' :  '亚美尼亚语',
        'az' :  '阿塞拜疆语',
        'eu' :  '巴斯克语',
        'be' :  '白俄罗斯语',
        'bn' :  '孟加拉语',
        'bh' :  '比哈里语',
        'bg' :  '保加利亚语',
        'my' :  '缅甸语',
        'ca' :  '加泰罗尼亚语',
        'chr' :  '切罗基语',
        'zh' :  '中文',
        'zh-CN' : '简体中文',
        'zh-TW' : '繁体中文',
        'hr'  : '克罗地亚语',
        'cs'  : '捷克语',
        'da'  : '丹麦语',
        'dv'  : '迪维希语',
        'nl'  : '荷兰语',
        'en'  : '英语',
        'eo'  : '世界语',
        'et'  : '爱沙尼亚语',
        'tl'  : '菲律宾语',
        'fi'  : '芬兰语',
        'fr'  : '法语',
        'gl'  : '加利西亚语',
        'ka'  : '格鲁吉亚语',
        'de'  : '德语',
        'el'  : '希腊语',
        'gn'  : '瓜拉尼语',
        'gu'  : '古吉拉特语',
        'iw'  : '希伯来语',
        'hi'  : '北印度语',
        'hu'  : '匈牙利语',
        'is'  : '冰岛语',
        'id'  : '印度尼西亚语',
        'iu'  : '伊努伊特语',
        'it'  : '意大利语',
        'ja'  : '日语',
        'kn'  : '卡纳达语',
        'kk'  : '哈萨克语',
        'km'  : '高棉语',
        'ko'  : '韩语',
        'ku'  : '库尔德语',
        'ky'  : '吉尔吉斯语',
        'lo'  : '老挝语',
        'lv'  : '拉脱维亚语',
        'lt'  : '立陶宛语',
        'mk'  : '马其顿语',
        'ms'  : '马来语',
        'ml'  : '马拉雅拉姆语',
        'mt'  : '马耳他语',
        'mr'  : '马拉地语',
        'mn'  : '蒙古语',
        'ne'  : '尼泊尔语',
        'no'  : '挪威语',
        'or'  : '奥里雅语',
        'ps'  : '普什图语',
        'fa'  : '波斯语',
        'pl'  : '波兰语',
        'pt-PT'  : '葡萄牙语',
        'pa'  : '旁遮普语',
        'ro'  : '罗马尼亚语',
        'ru'  : '俄语',
        'sa'  : '梵语',
        'sr'  : '塞尔维亚语',
        'sd'  : '信德语',
        'si'  : '僧伽罗语',
        'sk'  : '斯洛伐克语',
        'sl'  : '斯洛文尼亚语',
        'es'  : '西班牙语',
        'sw'  : '斯瓦希里语',
        'sv'  : '瑞典语',
        'tg'  : '塔吉克语',
        'ta'  : '泰米尔语',
        'tl'  : '泰卢固语',
        'th'  : '泰国语',
        'bo'  : '藏语',
        'tr'  : '土耳其语',
        'uk'  : '乌克兰语',
        'ur'  : '乌尔都语',
        'uz'  : '乌兹别克语',
        'ug'  : '维吾尔语',
        'vi'  : '越南语'
  };

  src.options.add(new Option('英语', 'en'));
  dst.options.add(new Option('中文', 'zh-CN'));

  var i=0;
  for (l in zhLanguages) {
      var lngCode = l;
      var lng = zhLanguages[l];
      if (google.language.isTranslatable(lngCode)) {
          var srcSelected = false;
          var dstSelected = false;
          if('en' == lngCode) { srcSelected = 1; }
          if('zh-CN' == lngCode) { dstSelected = 1; }
       
          src.options.add(new Option(lng, lngCode, srcSelected));
          dst.options.add(new Option(lng, lngCode, dstSelected));
      }
  }
 
  submitChange();
}

function submitChange() {
  var value = document.getElementById('source').value;
  var src = document.getElementById('src').value;
  var dest = document.getElementById('dst').value;
  google.language.translate(value, src, dest, translateResult);
  return false;
}
</script>

Views – 1955

2010年10月14日

再谈 Web 默认字体

Filed under: WEB » 前端设计 — 标签:, — cmpan @ 2010-10-14 01:24:22

1. 优先级的描述不严谨,有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。

2. Tahoma 字体从 Win95 就有了,并且从 Win2000 开始,Tahoma 成为 Win 英文系统的默认字体。2007 年,在 Mac OS X v10.5 (Leopard) 中也开始内置 Tahoma 字体。至今,普及性还是相当不错的。

3. Google, YAHOO 等网站,首选 Arial, 个人觉得是出于兼容性考虑。Google 需要考虑到对各种设备的支持,这就和 Google 首页继续采用 table 布局一样,table 布局可以保证在尽可能多的用户终端中正确显示。Arial 字体同理。

4. 但这并不代表 Google 等页面的做法就是最好的。从渐进增强角度讲,font-family: Tahoma, Helvetica, Arial, sans-serif; 可以达到优雅降级的目的。在更好的用户代理中,显示更好的字体,同时用 Arial 殿后,也能保证在尽可能多终端设备中正确显示。渐进增强无处不在,需要我们的共同努力和推广。(注:考虑 Mac 用户,Leopard 中内置了 Tahoma 字体,因此 font-family: Helvetica, Tahoma, Arial, sans-serif; 会更渐进增强一些)
(全文 …)

Views – 2931

默认Web字体样式

Filed under: WEB » 前端设计 — 标签:, , , — cmpan @ 2010-10-14 01:23:06

通常用户看到的页面的样式会受到三层控制,第一层是浏览器的默认样式,第二层是网页定义样式,第三层是用户自定义样式。和CSS一样,后面的优先级高于前面的,也就是说网页定义样式可以覆盖浏览器的默认样式,而用户自定义样式优先级最高。实际情况是虽然浏览器都或多或少提供了用户自定义样式的功能,但是极少数会有用户去自定义,一般用也是高级用户。而浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。

拿字体来说,各个浏览器默认的字体种类、字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此。所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率。
(全文 …)

Views – 2466

2010年03月11日

CentOS5 nginx-0.8.34 mysql-5.1.44 php-5.2.13安装笔记

Filed under: Web Server » Nginx » PHP » WEB — cmpan @ 2010-03-11 02:55:46
源码包存放位置 	/usr/local/src
nginx安装位置 	/usr/local/webserver/nginx
mysql安装位置 	/usr/local/webserver/mysql
php安装位置 	/usr/local/webserver/php
web存放位置 	/data/htdocs
mysql数据位置 	/data/mysql/3306/data
日志存放位置 	/data/logs
php web运行模式	php-fpm管理的fastcgi
nginx运行用户 	www:www
mysql运行用户 	mysql:mysql
php-fpm运行用户	www:www

(全文 …)

Views – 2635

2010年03月6日

各种 MIME TYPE

Filed under: WEB — 标签: — cmpan @ 2010-03-06 23:13:49

文件上传处理或动态生成文件的时候需要知道文件的MIME类型。
(全文 …)

Views – 3335

Copyright © 2009 流水孟春 版权所有
Web技术,LAMP,Nginx,Web2.0,前端技术
Powered by WordPress & UI Designed by 流水孟春