Nov
4
有条蛇它长度不固定，蛇头朝北顺时针盘旋着，请打印出如下图的蛇形矩阵。答题时间40分钟。
9 9 9 9 9 9 9
8 6 6 6 6 6 9
8 6 3 3 4 7 9
8 5 3 1 4 7
8 5 2 2 4 7
8 5 5 5 4 7
8 8 8 7 7 7
我的答案（ps:没考虑优化，但是明显数学能力不够，囧，原文见：http://bbs.51js.com/viewthread.php?tid=85907&extra=page%3D1）
function draw(n) {
count = n * (n + 1) / 2;
m = Math.ceil(Math.sqrt(count));
var a = [],b = [];
for (i = 0; i < m; i++) {
a[i] = [];
for (j = 0; j < m; j++) {
a[i][j] = "-";
}
};
for (i = 0; i < n; i++) {
for (j = 0; j < i + 1; j++) {
b.push(i+1);
}
};
//判断第一个
t = Math.ceil(m / 2);
x = t-1;
y = t - 1;
if (m % 2 == 0) {
y = t;
};
x1 = x;
y1 = y;
//开始画
to = 1; //向下 2左 3上 4右
for (i = 0; i < count; i++) {
try {
a[x][y] = b[i] ;
} catch (e) {
};
n = Math.ceil(Math.sqrt(i + 1+1));
if (n % 2 == 0) {
n1 = n / 2+1;
n2 = n / 2+1;
} else {
n1 = Math.ceil(n / 2) - 1;
n2 = Math.ceil(n / 2)
}
if (to == 1) {//向下
if (Math.abs(x + 1 - x1) < n2) {
x = x + 1;
} else {//向左
y = y - 1;
to = 2;
}
} else if (to == 2) {//向左
if (Math.abs(y1 - (y - 1)) < n2 && (y-1) >=0) {
y = y - 1;
} else {//向上
x = x - 1;
to = 3;
}
} else if (to == 3) {//向上
if (Math.abs(x1 - (x - 1)) <= n1 && (x-1) >= 0 ) {
x = x - 1;
} else {//向右
y = y + 1;
to = 4;
}
} else if (to == 4) {//向右
if (Math.abs(y + 1 - y1) <= n1) {
y = y + 1;
} else {//向下
x = x + 1;
to = 1;
}
}
}
var s = "";
for (i = 0; i < m; i++) {
s += a[i].join(",");
s += "\n";
};
return s;
}
alert(draw(9));
9 9 9 9 9 9 9
8 6 6 6 6 6 9
8 6 3 3 4 7 9
8 5 3 1 4 7
8 5 2 2 4 7
8 5 5 5 4 7
8 8 8 7 7 7
我的答案（ps:没考虑优化，但是明显数学能力不够，囧，原文见：http://bbs.51js.com/viewthread.php?tid=85907&extra=page%3D1）
引用
function draw(n) {
count = n * (n + 1) / 2;
m = Math.ceil(Math.sqrt(count));
var a = [],b = [];
for (i = 0; i < m; i++) {
a[i] = [];
for (j = 0; j < m; j++) {
a[i][j] = "-";
}
};
for (i = 0; i < n; i++) {
for (j = 0; j < i + 1; j++) {
b.push(i+1);
}
};
//判断第一个
t = Math.ceil(m / 2);
x = t-1;
y = t - 1;
if (m % 2 == 0) {
y = t;
};
x1 = x;
y1 = y;
//开始画
to = 1; //向下 2左 3上 4右
for (i = 0; i < count; i++) {
try {
a[x][y] = b[i] ;
} catch (e) {
};
n = Math.ceil(Math.sqrt(i + 1+1));
if (n % 2 == 0) {
n1 = n / 2+1;
n2 = n / 2+1;
} else {
n1 = Math.ceil(n / 2) - 1;
n2 = Math.ceil(n / 2)
}
if (to == 1) {//向下
if (Math.abs(x + 1 - x1) < n2) {
x = x + 1;
} else {//向左
y = y - 1;
to = 2;
}
} else if (to == 2) {//向左
if (Math.abs(y1 - (y - 1)) < n2 && (y-1) >=0) {
y = y - 1;
} else {//向上
x = x - 1;
to = 3;
}
} else if (to == 3) {//向上
if (Math.abs(x1 - (x - 1)) <= n1 && (x-1) >= 0 ) {
x = x - 1;
} else {//向右
y = y + 1;
to = 4;
}
} else if (to == 4) {//向右
if (Math.abs(y + 1 - y1) <= n1) {
y = y + 1;
} else {//向下
x = x + 1;
to = 1;
}
}
}
var s = "";
for (i = 0; i < m; i++) {
s += a[i].join(",");
s += "\n";
};
return s;
}
alert(draw(9));
Oct
31
win7 32&64bit下 maxthon2.5.8默认是quirks mode，结果和ie7很接近。
一直以来困惑的解决了。
一直以来困惑的解决了。
Oct
14
上个月就从瘾科技或者cnbeta还是blog.s135.com 发现了这个站 然后顺手去申请了一把。
记录下：
1.https://www.startssl.com/申请用户 推荐使用firefox，因为ie没能过（或许我rp吧），第一次使用先signup。
注意填写真实资料，否则会通不过的。记得安装证书。
2.以后登录就是走这里，直接证书验证登陆。
3.进control panel，先添加验证域名
4.点domain name validation
5.之后写域名 填写后缀 之后选验证方式（我选的查询域名所有者email，查收email验证的）
6.好了之后右边会有验证通过的域名
7.左边选 ‘certificates wizard’ ，certificate target选‘web server ssl、tls certificate’，之后continue
8.填写密码，长度。千万记住这里的password。之后continue
9.抄录下文本框的内容 用记事本保存 记得别有空格 存好了把后缀改成ssl.key。之后下一步。
10.选取刚才的域名。
11.添加二级域名。我写的是www，之后continue。
12.得到csr文件。一样记事本保存，不能有空格。
13.完成。
14.耐心等官方审核通过。通过了会有email通知。
15.通过后去toolbox，点Retrieve Certificate
16.选刚才的二级域名
17.获取Certificate，保存。
18.如果是iis用，那么导入证书最方便了， 那么继续。还是toolbox，选Create PFX file。出来下面的界面。打开第9步记录的ssl.key，把里面的内容复制到第一个。打开第17步获得的Certificate，复制到第二个。密码就是第8步的密码。之后continue。
19.下载生成的文件，后缀为p12.
20.iis里导入，并应用到网站。这里就不多说了。
更新测试结果：ie8直接过 ff3.5要求加入信任列表 safari直接过 chrome提示，opera提示。
最新效果图
记录下：
1.https://www.startssl.com/申请用户 推荐使用firefox，因为ie没能过（或许我rp吧），第一次使用先signup。
注意填写真实资料，否则会通不过的。记得安装证书。
2.以后登录就是走这里，直接证书验证登陆。
3.进control panel，先添加验证域名
4.点domain name validation
5.之后写域名 填写后缀 之后选验证方式（我选的查询域名所有者email，查收email验证的）
6.好了之后右边会有验证通过的域名
7.左边选 ‘certificates wizard’ ，certificate target选‘web server ssl、tls certificate’，之后continue
8.填写密码，长度。千万记住这里的password。之后continue
9.抄录下文本框的内容 用记事本保存 记得别有空格 存好了把后缀改成ssl.key。之后下一步。
10.选取刚才的域名。
11.添加二级域名。我写的是www，之后continue。
12.得到csr文件。一样记事本保存，不能有空格。
13.完成。
14.耐心等官方审核通过。通过了会有email通知。
15.通过后去toolbox，点Retrieve Certificate
16.选刚才的二级域名
17.获取Certificate，保存。
18.如果是iis用，那么导入证书最方便了， 那么继续。还是toolbox，选Create PFX file。出来下面的界面。打开第9步记录的ssl.key，把里面的内容复制到第一个。打开第17步获得的Certificate，复制到第二个。密码就是第8步的密码。之后continue。
19.下载生成的文件，后缀为p12.
20.iis里导入，并应用到网站。这里就不多说了。
更新测试结果：ie8直接过 ff3.5要求加入信任列表 safari直接过 chrome提示，opera提示。
最新效果图
Oct
12
消息1：昨天网易改版，新闻标题从12px改成14px，更偏于大显示器阅读。其实yahoo改版，新闻标题早就放到了14px。passid的字体为以下几种：
1. input，20px；
2. h1：18px；
3.一般特出，h2：16px
4. label，14px；
5.其他：12px；
消息2：关于maxthon。不晓得这个用ie内核的浏览器，用的是哪个版本的ie内核，不像ie6，但是也不像win7自带的ie8，css解析起来有点奇怪，特别是line-height为1，那么某些地方会在竖方向少掉2px，变成某些中文上部没有。
前台样式终于修正好了，下面搞前台js。
1. input，20px；
2. h1：18px；
3.一般特出，h2：16px
4. label，14px；
5.其他：12px；
消息2：关于maxthon。不晓得这个用ie内核的浏览器，用的是哪个版本的ie内核，不像ie6，但是也不像win7自带的ie8，css解析起来有点奇怪，特别是line-height为1，那么某些地方会在竖方向少掉2px，变成某些中文上部没有。
前台样式终于修正好了，下面搞前台js。
Sep
15
差不多4年前，对当时炒得火热的web2.0很不齿--沸沸扬扬的压根就没什么新技术，如果说ucc(user create content)也算创新的话，那bbs这个应用算啥？至于ajax，那就更不是什么新技术了，微软很早就发明了这个的技术部分。不过今年，我慢慢改变了看法。
首先，借着web2.0的大旗或者说东风，出现了一堆接近ucc或者让用户改变了生活习惯的应用。twitter，facebook是当下最火的，前几年的flickr和youtube，last.fom等，国内最火的则是kaixin001了，认识的朋友中就真有半夜起来偷菜的=_=。同时，再现了01年前网络的盛况--免费资源多了很多。我在用的大多是gg的东西，比如reader，picasa，手机版maps，google apps，这些实实在在改变了我的生活习惯。话说，腾讯前几日也开始了免费企业邮箱的内测，谁说免费的多些不是好事呢？并且同时，小额应用收费服务也慢慢变得普遍了，不晓得是不是网络一代开始陆续走上工作岗位的缘故，起码大学毕业的几乎人人会上网这是事实^_^
其二，api横行。不记得是哪个站开始的了，或许是flickr开始的？有开发接口，产生了丰富的客户端应用，这多少也算ucc一部分，应该说user create applacation，之后公布api似乎成了不少2.0网站的标配，比如国内的豆瓣，很喜欢他们家的rest api。我最近在用的recaptcha和dnspod也都有api。
其三，用户体验。这个这几年上升到了一个全新的高度，甚至是很泛滥成灾了，ajax自然不必说，另外一个改变生活习惯的在第一点里我没说，那就是rss订阅。我的google reader里一堆订阅，甚至每日都要花上半小时来看，比如engadget，cnbeta，爱枣报， 糗事百科等。甚至我的台式机上的imon里，都有天气以及新闻订阅。页面则趋向于简洁，不仅速度更快而且不影响用户浏览。
最后说说技术。python，php，ror，这是这几年火爆的2.0标配语言，php继yahoo之后很被发扬光大，ror和python也越来越热。js framework也出现了很多，最有名的算jquery了吧，使用它的站一把。yui则是yahoo开发的一套css，js，html框架。这些标准，多了总归不是坏事。
离标题扯远了，回归主题。html的作用不仅仅是用户看到的界面，也要让机器（特别是搜索引擎）阅读起来省时省力，于是慢慢的有了某些默认的标准，比如MicroFormat。尽量使数据和界面分离，这样不仅机器省事，写代码也省事，算可复用吧^_^，这几日在忙用户注册，就说说form复用的小感，先感谢下google，yahoo和microsoft这三大神，参考了他们一些html。
先看一组图：
google
微软
yahoo
提炼出几个主要的元素：标签、输入框、提示、贴士（提示的补充）、信息（填写正确或者错误的信息）。那么一行表单自然就出来了：label、input、hint、tips、message。给这些加上不同的html，就是label、input/textarea/select、span、p、div。一般label的float为左，text-align为右，margin-right可以加上几个像素，甚至可以:after加上“：”。input的float为左。hint为换行居左，。tips为浮动，默认隐藏，当onfocus时候显示。message这个没固定，微软是在输入框上面，google在输入框下面，yahoo则是本行。个人还是倾向于yahoo的，没有歧义。
当然，有复杂的输入框部分，那个input变成一个整div去排版。
清爽了吧。附忙了几天的页面对比：
最后确认的,简单就是美嘛
首先，借着web2.0的大旗或者说东风，出现了一堆接近ucc或者让用户改变了生活习惯的应用。twitter，facebook是当下最火的，前几年的flickr和youtube，last.fom等，国内最火的则是kaixin001了，认识的朋友中就真有半夜起来偷菜的=_=。同时，再现了01年前网络的盛况--免费资源多了很多。我在用的大多是gg的东西，比如reader，picasa，手机版maps，google apps，这些实实在在改变了我的生活习惯。话说，腾讯前几日也开始了免费企业邮箱的内测，谁说免费的多些不是好事呢？并且同时，小额应用收费服务也慢慢变得普遍了，不晓得是不是网络一代开始陆续走上工作岗位的缘故，起码大学毕业的几乎人人会上网这是事实^_^
其二，api横行。不记得是哪个站开始的了，或许是flickr开始的？有开发接口，产生了丰富的客户端应用，这多少也算ucc一部分，应该说user create applacation，之后公布api似乎成了不少2.0网站的标配，比如国内的豆瓣，很喜欢他们家的rest api。我最近在用的recaptcha和dnspod也都有api。
其三，用户体验。这个这几年上升到了一个全新的高度，甚至是很泛滥成灾了，ajax自然不必说，另外一个改变生活习惯的在第一点里我没说，那就是rss订阅。我的google reader里一堆订阅，甚至每日都要花上半小时来看，比如engadget，cnbeta，爱枣报， 糗事百科等。甚至我的台式机上的imon里，都有天气以及新闻订阅。页面则趋向于简洁，不仅速度更快而且不影响用户浏览。
最后说说技术。python，php，ror，这是这几年火爆的2.0标配语言，php继yahoo之后很被发扬光大，ror和python也越来越热。js framework也出现了很多，最有名的算jquery了吧，使用它的站一把。yui则是yahoo开发的一套css，js，html框架。这些标准，多了总归不是坏事。
离标题扯远了，回归主题。html的作用不仅仅是用户看到的界面，也要让机器（特别是搜索引擎）阅读起来省时省力，于是慢慢的有了某些默认的标准，比如MicroFormat。尽量使数据和界面分离，这样不仅机器省事，写代码也省事，算可复用吧^_^，这几日在忙用户注册，就说说form复用的小感，先感谢下google，yahoo和microsoft这三大神，参考了他们一些html。
先看一组图：
微软
yahoo
提炼出几个主要的元素：标签、输入框、提示、贴士（提示的补充）、信息（填写正确或者错误的信息）。那么一行表单自然就出来了：label、input、hint、tips、message。给这些加上不同的html，就是label、input/textarea/select、span、p、div。一般label的float为左，text-align为右，margin-right可以加上几个像素，甚至可以:after加上“：”。input的float为左。hint为换行居左，。tips为浮动，默认隐藏，当onfocus时候显示。message这个没固定，微软是在输入框上面，google在输入框下面，yahoo则是本行。个人还是倾向于yahoo的，没有歧义。
当然，有复杂的输入框部分，那个input变成一个整div去排版。
清爽了吧。附忙了几天的页面对比：
最后确认的,简单就是美嘛
