ChinaCPU 资讯网 http://www.chinacpu.com ChinaCPU 资讯网 Wed, 22 Feb 2012 08:40:02 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 联通称已修复被黑客攻击10010短信平台 http://www.chinacpu.com/2012/02/%e8%81%94%e9%80%9a%e7%a7%b0%e5%b7%b2%e4%bf%ae%e5%a4%8d%e8%a2%ab%e9%bb%91%e5%ae%a2%e6%94%bb%e5%87%bb10010%e7%9f%ad%e4%bf%a1%e5%b9%b3%e5%8f%b0/ http://www.chinacpu.com/2012/02/%e8%81%94%e9%80%9a%e7%a7%b0%e5%b7%b2%e4%bf%ae%e5%a4%8d%e8%a2%ab%e9%bb%91%e5%ae%a2%e6%94%bb%e5%87%bb10010%e7%9f%ad%e4%bf%a1%e5%b9%b3%e5%8f%b0/#comments Wed, 22 Feb 2012 08:40:02 +0000 虚网人 http://www.chinacpu.com/?p=274 2月22日消息，中国联通于今天下午透露，已全面修复被黑客攻击10010短信平台，并已向公安部门报案。 近日，黑客对10010短信平台进行攻击，并利用平台发送垃圾短信，给部分用户带来负面影响，联通公司在获悉相关信息后第一时间对平台进行了修复。 10010短信平台是运营商为公众用户提供服务的基础电信平台，受法律保护，任何攻击此类平台的行为都是违法行为。联通公司已着手就本次事件向公安部门报案。 中国联通表示，对本次事件给用户带来的不便表示歉意。]]>
2月22日消息，中国联通于今天下午透露，已全面修复被黑客攻击10010短信平台，并已向公安部门报案。

近日，黑客对10010短信平台进行攻击，并利用平台发送垃圾短信，给部分用户带来负面影响，联通公司在获悉相关信息后第一时间对平台进行了修复。

10010短信平台是运营商为公众用户提供服务的基础电信平台，受法律保护，任何攻击此类平台的行为都是违法行为。联通公司已着手就本次事件向公安部门报案。

中国联通表示，对本次事件给用户带来的不便表示歉意。
















]]> http://www.chinacpu.com/2012/02/%e8%81%94%e9%80%9a%e7%a7%b0%e5%b7%b2%e4%bf%ae%e5%a4%8d%e8%a2%ab%e9%bb%91%e5%ae%a2%e6%94%bb%e5%87%bb10010%e7%9f%ad%e4%bf%a1%e5%b9%b3%e5%8f%b0/feed/ 0 UC报告显示Android将成中国第一大移动操作系统 http://www.chinacpu.com/2012/02/uc%e6%8a%a5%e5%91%8a%e6%98%be%e7%a4%baandroid%e5%b0%86%e6%88%90%e4%b8%ad%e5%9b%bd%e7%ac%ac%e4%b8%80%e5%a4%a7%e7%a7%bb%e5%8a%a8%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f/ http://www.chinacpu.com/2012/02/uc%e6%8a%a5%e5%91%8a%e6%98%be%e7%a4%baandroid%e5%b0%86%e6%88%90%e4%b8%ad%e5%9b%bd%e7%ac%ac%e4%b8%80%e5%a4%a7%e7%a7%bb%e5%8a%a8%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f/#comments Wed, 22 Feb 2012 08:38:51 +0000 虚网人 http://www.chinacpu.com/?p=270 用户网络接入方式统计 iPhone、Android用户区域分布统计 　　2月22日下午消息，优视科技今日发布的报告称，Android将成中国第一大操作系统。优视科技董事长俞永福透露，今年上半年优视科技将进入美国市场。 UC发布的移动互联网趋势报告显示，通过对3亿UC浏览器用户的使用情况分析， 在Android用户中，使用WiFi接入的用户为25.4%，使用3G接入的用户为11.4%。使用2G或2.5G接入的用户下降到63.2%。 2012年Android将成中国第一大操作系统。 “移动互联网用户今年有望达到5亿，从量变到质变。将有一半的手机用户用手机上网。”俞永福说，千元智能手机将推动智能终端的普及。 俞永福认为，从几大操作系统来看，2012年，Android终端将比去年有3倍以上的增长，Android将成中国第一大操作系统。iPhone由于受价格因素制约无法与Android抗衡，Windows Phone 是市场上潜在的力量，但是具有不确定性。 根据UC的统计，目前UC已经覆盖Android、iPad、Meego多个操作平台，其中Android月活跃用户超过4000万，市场渗透率超过70%。 对于优视科技的战略，俞永福透露，去年，优视科技已经进入印度市场，今年上半年优视科技将进入美国市场。(秀倩)]]>
用户网络接入方式统计
用户网络接入方式统计

iPhone、Android用户区域分布统计

iPhone、Android用户区域分布统计

　　2月22日下午消息，优视科技今日发布的报告称，Android将成中国第一大操作系统。优视科技董事长俞永福透露，今年上半年优视科技将进入美国市场。

UC发布的移动互联网趋势报告显示，通过对3亿UC浏览器用户的使用情况分析， 在Android用户中，使用WiFi接入的用户为25.4%，使用3G接入的用户为11.4%。使用2G或2.5G接入的用户下降到63.2%。 2012年Android将成中国第一大操作系统。

“移动互联网用户今年有望达到5亿，从量变到质变。将有一半的手机用户用手机上网。”俞永福说，千元智能手机将推动智能终端的普及。

俞永福认为，从几大操作系统来看，2012年，Android终端将比去年有3倍以上的增长，Android将成中国第一大操作系统。iPhone由于受价格因素制约无法与Android抗衡，Windows Phone 是市场上潜在的力量，但是具有不确定性。

根据UC的统计，目前UC已经覆盖Android、iPad、Meego多个操作平台，其中Android月活跃用户超过4000万，市场渗透率超过70%。

对于优视科技的战略，俞永福透露，去年，优视科技已经进入印度市场，今年上半年优视科技将进入美国市场。(秀倩)
















]]> http://www.chinacpu.com/2012/02/uc%e6%8a%a5%e5%91%8a%e6%98%be%e7%a4%baandroid%e5%b0%86%e6%88%90%e4%b8%ad%e5%9b%bd%e7%ac%ac%e4%b8%80%e5%a4%a7%e7%a7%bb%e5%8a%a8%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f/feed/ 0 UC CEO俞永福:中国手机浏览器“假内核”泛滥 http://www.chinacpu.com/2012/02/uc-ceo%e4%bf%9e%e6%b0%b8%e7%a6%8f%e4%b8%ad%e5%9b%bd%e6%89%8b%e6%9c%ba%e6%b5%8f%e8%a7%88%e5%99%a8%e5%81%87%e5%86%85%e6%a0%b8%e6%b3%9b%e6%bb%a5/ http://www.chinacpu.com/2012/02/uc-ceo%e4%bf%9e%e6%b0%b8%e7%a6%8f%e4%b8%ad%e5%9b%bd%e6%89%8b%e6%9c%ba%e6%b5%8f%e8%a7%88%e5%99%a8%e5%81%87%e5%86%85%e6%a0%b8%e6%b3%9b%e6%bb%a5/#comments Wed, 22 Feb 2012 08:37:44 +0000 虚网人 http://www.chinacpu.com/?p=268 UC优视公司董事长兼CEO俞永福今日下午表示，时下很多手机浏览器厂商都在宣称自主研发内核，但其中大部分都是假内核，只能炒炒概念，他同时提出检验“真核”的4个标准，跨平台能力，技术创新能力、标准引领能力和安全能力。 俞永福现场对DoNews 表示，时下不少“壳”浏览器厂商都表示要打造内核能力，推出了自主研发内核，但他们都源自一个共同的技术基础“webkit”.但区分真假内核的关键要看webkit的操作系统是简单的边缘还是独立发展。 俞永福指出，浏览器与内核的关系，如同汽车与发动机，若发动机是别人的，在此基础上谈提升产品体验，只是皮毛。 资料显示，目前遨游、腾讯、欧朋等浏览器厂商先后宣称拥有自主浏览器内核，俞永福认为只有基于webkit独立发展才能打造出完整浏览器内核能力，但他拒绝透露哪些浏览器才是“假内核”。]]>
UC优视公司董事长兼CEO俞永福今日下午表示，时下很多手机浏览器厂商都在宣称自主研发内核，但其中大部分都是假内核，只能炒炒概念，他同时提出检验“真核”的4个标准，跨平台能力，技术创新能力、标准引领能力和安全能力。

俞永福现场对DoNews 表示，时下不少“壳”浏览器厂商都表示要打造内核能力，推出了自主研发内核，但他们都源自一个共同的技术基础“webkit”.但区分真假内核的关键要看webkit的操作系统是简单的边缘还是独立发展。

俞永福指出，浏览器与内核的关系，如同汽车与发动机，若发动机是别人的，在此基础上谈提升产品体验，只是皮毛。

资料显示，目前遨游、腾讯、欧朋等浏览器厂商先后宣称拥有自主浏览器内核，俞永福认为只有基于webkit独立发展才能打造出完整浏览器内核能力，但他拒绝透露哪些浏览器才是“假内核”。
















]]> http://www.chinacpu.com/2012/02/uc-ceo%e4%bf%9e%e6%b0%b8%e7%a6%8f%e4%b8%ad%e5%9b%bd%e6%89%8b%e6%9c%ba%e6%b5%8f%e8%a7%88%e5%99%a8%e5%81%87%e5%86%85%e6%a0%b8%e6%b3%9b%e6%bb%a5/feed/ 0 8个简化CSS3开发的最佳工具 http://www.chinacpu.com/2012/02/8%e4%b8%aa%e7%ae%80%e5%8c%96css3%e5%bc%80%e5%8f%91%e7%9a%84%e6%9c%80%e4%bd%b3%e5%b7%a5%e5%85%b7/ http://www.chinacpu.com/2012/02/8%e4%b8%aa%e7%ae%80%e5%8c%96css3%e5%bc%80%e5%8f%91%e7%9a%84%e6%9c%80%e4%bd%b3%e5%b7%a5%e5%85%b7/#comments Mon, 20 Feb 2012 14:08:55 +0000 虚网人 http://www.chinacpu.com/?p=257 1）CSS3 Generator 这是一个非常有用的CSS3代码生成器，能为许多最受欢迎的css3属性生成代码，如：text-shadow, border-radius, Box Resize等 2）CSS3 Pie CSS3带来了一些非凡的样式特性：圆角、阴影、梯度填充等等，这些都是设计者们乐于使用的，但是实现起来困难而耗时。 3）Layer Styles 它使用起来就像浏览器中你最爱的图片编辑器一般，而它能够帮助你生成CSS。 4)Cascader Cascader是一个能够将你的Html中内嵌的CSS代码独立分离的工具。 5）CSS3 Gradients Generator 它能够帮助你选取颜色，在你选择好颜色后，它将生成对应的样式代码 6）CSS3 Cheat Sheet 备忘单在开发过程中扮演了重要的角色，次备忘单囊括了所有CSS3的功能和样式 7）CSS3 Please 你可以编辑css文件中需要设定下划线的值，但不用担心匹配页面上对应的值，这些CSS3 Please会为你做好 8）CSS3 Button Maker 利用CSS3中的圆角、阴影能够创造出卓越的按钮效果，在旧版浏览器中，则已另一种无阴影，直角样式显示。 via webinsightlab]]>

1）CSS3 Generator

这是一个非常有用的CSS3代码生成器，能为许多最受欢迎的css3属性生成代码，如：text-shadow, border-radius, Box Resize等

2）CSS3 Pie

CSS3带来了一些非凡的样式特性：圆角、阴影、梯度填充等等，这些都是设计者们乐于使用的，但是实现起来困难而耗时。

3）Layer Styles

它使用起来就像浏览器中你最爱的图片编辑器一般，而它能够帮助你生成CSS。

4)Cascader

Cascader是一个能够将你的Html中内嵌的CSS代码独立分离的工具。

5）CSS3 Gradients Generator

它能够帮助你选取颜色，在你选择好颜色后，它将生成对应的样式代码

6）CSS3 Cheat Sheet

备忘单在开发过程中扮演了重要的角色，次备忘单囊括了所有CSS3的功能和样式

7）CSS3 Please

你可以编辑css文件中需要设定下划线的值，但不用担心匹配页面上对应的值，这些CSS3 Please会为你做好

8）CSS3 Button Maker

利用CSS3中的圆角、阴影能够创造出卓越的按钮效果，在旧版浏览器中，则已另一种无阴影，直角样式显示。

via webinsightlab
















]]> http://www.chinacpu.com/2012/02/8%e4%b8%aa%e7%ae%80%e5%8c%96css3%e5%bc%80%e5%8f%91%e7%9a%84%e6%9c%80%e4%bd%b3%e5%b7%a5%e5%85%b7/feed/ 0 用 CSS3 创建一个漂亮的多种色彩的菜单 http://www.chinacpu.com/2012/02/%e7%94%a8-css3-%e5%88%9b%e5%bb%ba%e4%b8%80%e4%b8%aa%e6%bc%82%e4%ba%ae%e7%9a%84%e5%a4%9a%e7%a7%8d%e8%89%b2%e5%bd%a9%e7%9a%84%e8%8f%9c%e5%8d%95/ http://www.chinacpu.com/2012/02/%e7%94%a8-css3-%e5%88%9b%e5%bb%ba%e4%b8%80%e4%b8%aa%e6%bc%82%e4%ba%ae%e7%9a%84%e5%a4%9a%e7%a7%8d%e8%89%b2%e5%bd%a9%e7%9a%84%e8%8f%9c%e5%8d%95/#comments Thu, 16 Feb 2012 10:05:44 +0000 虚网人 http://www.chinacpu.com/?p=255 代码片段(4) [文件] source.zip ~ 2KB    下载(17) [图片] thumb.png [代码] [HTML]代码 01 <!DOCTYPE html> 02 <html lang="en" > 03     <head> 04         <meta charset="utf-8" /> 05         <title>CSS3 multicolor menu | Script Tutorials</title> 06         <link href="css/styles.css" rel="stylesheet" type="text/css" /> 07         <link href="css/menu.css" rel="stylesheet" type="text/css" /> 08     </head> 09     <body> 10         <header> 11             <h2>CSS3 multicolor menu</h2> 12             <a href="http://www.script-tutorials.com/css3-multicolor-menu/" class="stuts">Back to original [...]]]>

代码片段(4)

[文件] source.zip ~ 2KB    下载(17)

[图片] thumb.png

[代码] [HTML]代码

01 <!DOCTYPE html>
02 <html lang="en" >
03     <head>
04         <meta charset="utf-8" />
05         <title>CSS3 multicolor menu | Script Tutorials</title>
06         <link href="css/styles.css" rel="stylesheet" type="text/css" />
07         <link href="css/menu.css" rel="stylesheet" type="text/css" />
08     </head>
09     <body>
10         <header>
11             <h2>CSS3 multicolor menu</h2>
12             <a href="http://www.script-tutorials.com/css3-multicolor-menu/" class="stuts">Back to original tutorial on <span>Script Tutorials</span></a>
13         </header>
14         <div class="container">
15
16             <span id="red"></span>
17             <span id="orange"></span>
18             <span id="pink"></span>
19             <span id="green"></span>
20             <span id="blue"></span>
21             <span id="indigo"></span>
22             <span id="violet"></span>
23             <span id="grey"></span>
24
25             <div class="colorScheme">
26                 <a href="#red" class="red"></a>
27                 <a href="#orange" class="orange"></a>
28                 <a href="#pink" class="pink"></a>
29                 <a href="#green" class="green"></a>
30                 <a href="#blue" class="blue"></a>
31                 <a href="#indigo" class="indigo"></a>
32                 <a href="#violet" class="violet"></a>
33                 <a href="#grey" class="grey"></a>
34             </div>
35
36             <ul id="nav">
37                 <li><a href="http://www.script-tutorials.com/">Home</a></li>
38                 <li><a class="hsubs" href="#">Menu 1</a>
39                     <ul class="subs">
40                         <li><a href="#">Submenu 1</a></li>
41                         <li><a href="#">Submenu 2</a></li>
42                         <li><a href="#">Submenu 3</a></li>
43                         <li><a href="#">Submenu 4</a></li>
44                         <li><a href="#">Submenu 5</a></li>
45                     </ul>
46                 </li>
47                 <li><a class="hsubs" href="#">Menu 2</a>
48                     <ul class="subs">
49                         <li><a href="#">Submenu 2-1</a></li>
50                         <li><a href="#">Submenu 2-2</a></li>
51                         <li><a href="#">Submenu 2-3</a></li>
52                         <li><a href="#">Submenu 2-4</a></li>
53                         <li><a href="#">Submenu 2-5</a></li>
54                         <li><a href="#">Submenu 2-6</a></li>
55                         <li><a href="#">Submenu 2-7</a></li>
56                         <li><a href="#">Submenu 2-8</a></li>
57                     </ul>
58                 </li>
59                 <li><a class="hsubs" href="#">Menu 3</a>
60                     <ul class="subs">
61                         <li><a href="#">Submenu 3-1</a></li>
62                         <li><a href="#">Submenu 3-2</a></li>
63                         <li><a href="#">Submenu 3-3</a></li>
64                         <li><a href="#">Submenu 3-4</a></li>
65                         <li><a href="#">Submenu 3-5</a></li>
66                     </ul>
67                 </li>
68                 <li><a href="#">Menu 4</a></li>
69                 <li><a href="#">Menu 5</a></li>
70                 <li><a href="#">Menu 6</a></li>
71                 <li><a href="http://www.script-tutorials.com/css3-multicolor-menu/">Back</a></li>
72             </ul>
73
74         </div>
75     </body>
76 </html>

[代码] css/menu.css

001 #nav,#nav ul {
002     list-style: none outside none;
003     margin: 0;
004     padding: 0;
005 }
006 #nav {
007     background-color: #000000;
008     border-radius: 5px 5px 5px 5px;
009     box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
010     display: table;
011     padding: 10px;
012     position: relative;
013 }
014 #nav ul {
015     background-color: red;
016     border:1px solid red;
017     border-radius: 0 5px 5px 5px;
018     border-width: 0 1px 1px;
019     box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
020     left: -9999px;
021     overflow: hidden;
022     padding: 20px 0 10px;
023     position: absolute;
024     top: -9999px;
025
026     -moz-transform: scaleY(0);
027     -ms-transform: scaleY(0);
028     -o-transform: scaleY(0);
029     -webkit-transform: scaleY(0);
030     transform: scaleY(0);
031
032     -moz-transform-origin: 0 0;
033     -ms-transform-origin: 0 0;
034     -o-transform-origin: 0 0;
035     -webkit-transform-origin: 0 0;
036     transform-origin: 0 0;
037
038     -moz-transition: -moz-transform 0.1s linear;
039     -ms-transition: -ms-transform 0.1s linear;
040     -o-transition: -o-transform 0.1s linear;
041     -webkit-transition: -webkit-transform 0.1s linear;
042     transition: transform 0.1s linear;
043 }
044 #nav li {
045     float: left;
046     position: relative;
047 }
048 #nav li a {
049     color: #FFFFFF;
050     display: block;
051     font-size: 16px;
052     padding: 7px 20px;
053     text-decoration: none;
054 }
055 #nav li:hover > a {
056     background-color: red;
057     border-radius: 5px 5px 5px 5px;
058     color: #FFFFFF;
059 }
060 #nav li:hover > a.hsubs {
061     border-radius: 5px 5px 0 0;
062 }
063 #nav li:hover ul.subs {
064     left: 0;
065     top: 34px;
066     width: 180px;
067
068     -moz-transform: scaleY(1);
069     -ms-transform: scaleY(1);
070     -o-transform: scaleY(1);
071     -webkit-transform: scaleY(1);
072 }
073 #nav ul li {
074     width: 100%;
075 }
076 #nav ul li:hover > a {
077     background-color: #222222 !important;
078     border-radius: 5px 5px 5px 5px;
079 }
080
081 /* colors */
082 .colorScheme {
083     height: 32px;
084     list-style: none outside none;
085     margin: 0 auto 25px;
086     width: 320px;
087 }
088 .colorScheme a {
089     cursor: pointer;
090     float: left;
091     height: 30px;
092     margin: 0 5px;
093     width: 30px;
094 }
095 .colorScheme .red {
096     background-color: red;
097 }
098 .colorScheme .orange {
099     background-color: orange;
100 }
101 .colorScheme .pink {
102     background-color: pink;
103 }
104 .colorScheme .green {
105     background-color: green;
106 }
107 .colorScheme .blue {
108     background-color: blue;
109 }
110 .colorScheme .indigo {
111     background-color: indigo;
112 }
113 .colorScheme .violet {
114     background-color: violet;
115 }
116 .colorScheme .grey {
117     background-color: grey;
118 }
119
120 #red:target ~ #nav ul {
121     background-color: red;
122     border: 1px solid red;
123 }
124 #orange:target ~ #nav ul {
125     background-color: orange;
126     border: 1px solid orange;
127 }
128 #pink:target ~ #nav ul {
129     background-color: pink;
130     border: 1px solid pink;
131 }
132 #green:target ~ #nav ul {
133     background-color: green;
134     border: 1px solid green;
135 }
136 #blue:target ~ #nav ul {
137     background-color: blue;
138     border: 1px solid blue;
139 }
140 #indigo:target ~ #nav ul {
141     background-color: indigo;
142     border: 1px solid indigo;
143 }
144 #violet:target ~ #nav ul {
145     background-color: violet;
146     border: 1px solid violet;
147 }
148 #grey:target ~ #nav ul {
149     background-color: grey;
150     border: 1px solid grey;
151 }
152
153 #red:target ~ #nav li:hover > a {
154     background-color: red;
155 }
156 #orange:target ~ #nav li:hover > a {
157     background-color: orange;
158 }
159 #pink:target ~ #nav li:hover > a {
160     background-color: pink;
161 }
162 #green:target ~ #nav li:hover > a {
163     background-color: green;
164 }
165 #blue:target ~ #nav li:hover > a {
166     background-color: blue;
167 }
168 #indigo:target ~ #nav li:hover > a {
169     background-color: indigo;
170 }
171 #violet:target ~ #nav li:hover > a {
172     background-color: violet;
173 }
174 #grey:target ~ #nav li:hover > a {
175     background-color: grey;
176 }
















]]> http://www.chinacpu.com/2012/02/%e7%94%a8-css3-%e5%88%9b%e5%bb%ba%e4%b8%80%e4%b8%aa%e6%bc%82%e4%ba%ae%e7%9a%84%e5%a4%9a%e7%a7%8d%e8%89%b2%e5%bd%a9%e7%9a%84%e8%8f%9c%e5%8d%95/feed/ 0 网网 情人节 3D动态玫瑰（js实现） http://www.chinacpu.com/2012/02/%e7%bd%91%e7%bd%91-%e6%83%85%e4%ba%ba%e8%8a%82-3d%e5%8a%a8%e6%80%81%e7%8e%ab%e7%91%b0%ef%bc%88js%e5%ae%9e%e7%8e%b0%ef%bc%89/ http://www.chinacpu.com/2012/02/%e7%bd%91%e7%bd%91-%e6%83%85%e4%ba%ba%e8%8a%82-3d%e5%8a%a8%e6%80%81%e7%8e%ab%e7%91%b0%ef%bc%88js%e5%ae%9e%e7%8e%b0%ef%bc%89/#comments Thu, 16 Feb 2012 07:29:36 +0000 虚网人 http://www.chinacpu.com/?p=251 [代码] [JavaScript]代码 01 <html> 02 <head> 03 <title>情人节 3D动态玫瑰（js实现）</title> 04 <meta charset="utf-8" /> 05 </head> 06 <body> 07 <canvas id="c"></canvas> 08 <script> 09 var b = document.body; 10 var c = document.getElementsByTagName('canvas')[0]; 11 var a = c.getContext('2d'); 12 document.body.clientWidth; 13 </script> 14 <script> 15 // start of submission // 16 with(m=Math)C=cos,S=sin,P=pow,R=random;c.width=c.height=f=500;h=-250;function p(a,b,c){if(c>60)return[S(a*7)*(13+5/(.2+P(b*4,4)))-S(b)*50,b*f+50,625+C(a*7)*(13+5/(.2+P(b*4,4)))+b*400,a*1-b/2,a];A=a*2-1;B=b*2-1;if(A*A+B*B<1){if(c>37){n=(j=c&1)?6:4;o=.5/(a+.01)+C(b*125)*3-a*300;w=b*h;return[o*C(n)+w*S(n)+j*610-390,o*S(n)-w*C(n)+550-j*350,1180+C(B+A)*99-j*300,.4-a*.1+P(1-B*B,-h*6)*.15-a*b*.4+C(a+b)/5+P(C((o*(a+1)+(B>0?w:-w))/25),30)*.1*(1-B*B),o/1e3+.7-o*w*3e-6]}if(c>32){c=c*1.16-.15;o=a*45-20;w=b*b*h;z=o*S(c)+w*C(c)+620;return[o*C(c)-w*S(c),28+C(B*.5)*99-b*b*b*60-z/2-h,z,(b*b*.3+P((1-(A*A)),7)*.15+.3)*b,b*.7]}o=A*(2-b)*(80-c*2);w=99-C(A)*120-C(b)*(-h-c*4.9)+C(P(1-b,7))*50+c*2;z=o*S(c)+w*C(c)+700;return[o*C(c)-w*S(c),B*99-C(P(b, 7))*50-c/3-z/1.35+450,z,(1-b/1.2)*.9+a*.1, P((1-b),20)/4+.05]}}setInterval('for(i=0;i<1e4;i++)if(s=p(R(),R(),i%46/.74)){z=s[2];x=~~(s[0]*f/z-h);y=~~(s[1]*f/z-h);if(!m[q=y*f+x]|m[q]>z)m[q]=z,a.fillStyle="rgb("+~(s[3]*h)+","+~(s[4]*h)+","+~(s[3]*s[3]*-80)+")",a.fillRect(x,y,1,1)}',0) 17 [...]]]>

[代码] [JavaScript]代码

01 <html>
02 <head>
03 <title>情人节 3D动态玫瑰（js实现）</title>
04 <meta charset="utf-8" />
05 </head>
06 <body>
07 <canvas id="c"></canvas>
08 <script>
09 var b = document.body;
10 var c = document.getElementsByTagName('canvas')[0];
11 var a = c.getContext('2d');
12 document.body.clientWidth;
13 </script>
14 <script>
15 // start of submission //
16 with(m=Math)C=cos,S=sin,P=pow,R=random;c.width=c.height=f=500;h=-250;function p(a,b,c){if(c>60)return[S(a*7)*(13+5/(.2+P(b*4,4)))-S(b)*50,b*f+50,625+C(a*7)*(13+5/(.2+P(b*4,4)))+b*400,a*1-b/2,a];A=a*2-1;B=b*2-1;if(A*A+B*B<1){if(c>37){n=(j=c&1)?6:4;o=.5/(a+.01)+C(b*125)*3-a*300;w=b*h;return[o*C(n)+w*S(n)+j*610-390,o*S(n)-w*C(n)+550-j*350,1180+C(B+A)*99-j*300,.4-a*.1+P(1-B*B,-h*6)*.15-a*b*.4+C(a+b)/5+P(C((o*(a+1)+(B>0?w:-w))/25),30)*.1*(1-B*B),o/1e3+.7-o*w*3e-6]}if(c>32){c=c*1.16-.15;o=a*45-20;w=b*b*h;z=o*S(c)+w*C(c)+620;return[o*C(c)-w*S(c),28+C(B*.5)*99-b*b*b*60-z/2-h,z,(b*b*.3+P((1-(A*A)),7)*.15+.3)*b,b*.7]}o=A*(2-b)*(80-c*2);w=99-C(A)*120-C(b)*(-h-c*4.9)+C(P(1-b,7))*50+c*2;z=o*S(c)+w*C(c)+700;return[o*C(c)-w*S(c),B*99-C(P(b, 7))*50-c/3-z/1.35+450,z,(1-b/1.2)*.9+a*.1, P((1-b),20)/4+.05]}}setInterval('for(i=0;i<1e4;i++)if(s=p(R(),R(),i%46/.74)){z=s[2];x=~~(s[0]*f/z-h);y=~~(s[1]*f/z-h);if(!m[q=y*f+x]|m[q]>z)m[q]=z,a.fillStyle="rgb("+~(s[3]*h)+","+~(s[4]*h)+","+~(s[3]*s[3]*-80)+")",a.fillRect(x,y,1,1)}',0)
17 // end of submission //
18 </script>
19 </body>
20 </html>

[图片] QQ截图20120210104243.jpg

转自开源中国
















]]> http://www.chinacpu.com/2012/02/%e7%bd%91%e7%bd%91-%e6%83%85%e4%ba%ba%e8%8a%82-3d%e5%8a%a8%e6%80%81%e7%8e%ab%e7%91%b0%ef%bc%88js%e5%ae%9e%e7%8e%b0%ef%bc%89/feed/ 0 25 个网站导航菜单设计实例 http://www.chinacpu.com/2012/02/25-%e4%b8%aa%e7%bd%91%e7%ab%99%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95%e8%ae%be%e8%ae%a1%e5%ae%9e%e4%be%8b/ http://www.chinacpu.com/2012/02/25-%e4%b8%aa%e7%bd%91%e7%ab%99%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95%e8%ae%be%e8%ae%a1%e5%ae%9e%e4%be%8b/#comments Thu, 16 Feb 2012 04:09:30 +0000 虚网人 http://www.chinacpu.com/?p=223 Red Tiki scozzese design David Navarro metajive Jux. FCINQ Royale Planilandia Agencia Creativa Push LiveAreaLabs Kitchen Sink Studios Pub Design Agência de Internet Red Interactive Agency Small Studio Nerisson Tommy TAXI Europe Art4web Agence LunaWeb Massive Digital Creative Agency Digital One Sparks Develoweb Ringsy Aurora Creative Business Source: http://designmodo.com/navigation-menus-web-design/ 文章转载自：开源中国社区 [http://www.oschina.net]]]>

Red Tiki

scozzese design

David Navarro

metajive

Jux.

FCINQ

Royale

Planilandia Agencia Creativa

Push

LiveAreaLabs

Kitchen Sink Studios

Pub Design Agência de Internet

Red Interactive Agency

Small Studio

Nerisson

Tommy

TAXI Europe

Art4web

Agence LunaWeb

Massive Digital Creative Agency

Digital One

Sparks

Develoweb

Ringsy

Aurora Creative Business

文章转载自：开源中国社区 [http://www.oschina.net]
















]]> http://www.chinacpu.com/2012/02/25-%e4%b8%aa%e7%bd%91%e7%ab%99%e5%af%bc%e8%88%aa%e8%8f%9c%e5%8d%95%e8%ae%be%e8%ae%a1%e5%ae%9e%e4%be%8b/feed/ 0 如何定义 NoSQL http://www.chinacpu.com/2012/02/%e5%a6%82%e4%bd%95%e5%ae%9a%e4%b9%89-nosql/ http://www.chinacpu.com/2012/02/%e5%a6%82%e4%bd%95%e5%ae%9a%e4%b9%89-nosql/#comments Thu, 16 Feb 2012 04:07:48 +0000 虚网人 http://www.chinacpu.com/?p=219 本文的作者是著名的技术作家、敏捷软件开发宣言的编写人Martin Fowler，本文是他在编写一本关于NoSQL的新书《NoSQL Distilled》时附带写出的一篇博客。 当我们开始着手写《NosqlDistilled》的时候，我们遇到了一个棘手的问题——要写什么？究竟什么是NoSQL数据库？对这个概念我们没有发现一个很权威的定义，没有任何商标注册，没有标准化组织，甚至没有一个宣言。 NoSQL这个术语最初出现在2009年6月11日在旧金山由Johan Oskarsson组织的一个非正式的会议上。与会人员来自Voldemort, Cassandra, Dynomite, HBase, Hypertable, CouchDB, VPork, 以及MongoDB的公司。这个词迅速的被人们注意到，有人认为只有出席了这次会议的几个数据库公司的产品才是NoSQL。 事实上，就是对NoSQL这个名字本身的理解也是有分歧的：很多NoSQL的倡导者认为它不仅仅指的是”No” to SQL，应该把它理解成Not Noly SQL才对。对于此，我认为，应该从目前的数据库生态环境中分离出一个独立的数据库类型，这样对NoSQL的未来更有好处。当我们说“x 是一个NoSQL数据库”时，我认为把NoSQL解释成“Not Only”是愚蠢的，因为这会让这个术语变得没有价值。(因为这样一来你实际上可以认为SQL Server也是一个NoSQL数据库)。我们应该把NoSQL的“not only”做另外一种理解——尽管这个时候我更愿意使用PolyglotPersistence这个词。 虽然有这么多的讨论，定义如何才是一个NoSQL数据库仍然不那么容易。难道所有不使用SQL的数据库都有资格叫这个名字吗？那如何看待那些更老的数据库如IMS 或 MUMPS呢？如何看待那些没有SQL的关系型数据库系统(例如早期的Ingres)？如果有人试图在这最初的八种数据库上外挂一个SQL接口呢？ 所以，对于我们这本书来说，我们采取的观点是，NoSQL是目前的数据库家族的外来者。它们有些通用的特征，但没有一个是被明确定义的。 不使用关系数据库模型(或SQL语言) 开源 针对大型集群而设计 基于21世纪互联网特征的需求 没有schema，可以在任何时候向一条记录添加新字段 虽然在软件产业里我们已经习惯了这种模糊的边界定义，但我承认当看到又多了这样一个定义后，心里还是有些不爽。但重要的是，在我们以后数十年的开发工作中，这些数据库提供了我们重要的补充。在未来普遍使用的过程中，这些不清晰的定义顶多就像一个蚊子的叮咬。 [本文英文原文链接：NosqlDefinition ] 本文转载自: 外刊IT评论 http://www.aqee.net/]]>
本文的作者是著名的技术作家、敏捷软件开发宣言的编写人Martin Fowler，本文是他在编写一本关于NoSQL的新书《NoSQL Distilled》时附带写出的一篇博客。Martin Fowler

当我们开始着手写《NosqlDistilled》的时候，我们遇到了一个棘手的问题——要写什么？究竟什么是NoSQL数据库？对这个概念我们没有发现一个很权威的定义，没有任何商标注册，没有标准化组织，甚至没有一个宣言。

NoSQL这个术语最初出现在2009年6月11日在旧金山由Johan Oskarsson组织的一个非正式的会议上。与会人员来自Voldemort,
Cassandra, Dynomite, HBase, Hypertable, CouchDB, VPork, 以及MongoDB的公司。这个词迅速的被人们注意到，有人认为只有出席了这次会议的几个数据库公司的产品才是NoSQL。

事实上，就是对NoSQL这个名字本身的理解也是有分歧的：很多NoSQL的倡导者认为它不仅仅指的是”No” to SQL，应该把它理解成Not Noly SQL才对。对于此，我认为，应该从目前的数据库生态环境中分离出一个独立的数据库类型，这样对NoSQL的未来更有好处。当我们说“x 是一个NoSQL数据库”时，我认为把NoSQL解释成“Not Only”是愚蠢的，因为这会让这个术语变得没有价值。(因为这样一来你实际上可以认为SQL Server也是一个NoSQL数据库)。我们应该把NoSQL的“not only”做另外一种理解——尽管这个时候我更愿意使用PolyglotPersistence这个词。

虽然有这么多的讨论，定义如何才是一个NoSQL数据库仍然不那么容易。难道所有不使用SQL的数据库都有资格叫这个名字吗？那如何看待那些更老的数据库如IMS 或 MUMPS呢？如何看待那些没有SQL的关系型数据库系统(例如早期的Ingres)？如果有人试图在这最初的八种数据库上外挂一个SQL接口呢？

所以，对于我们这本书来说，我们采取的观点是，NoSQL是目前的数据库家族的外来者。它们有些通用的特征，但没有一个是被明确定义的。

  • 不使用关系数据库模型(或SQL语言)
  • 开源
  • 针对大型集群而设计
  • 基于21世纪互联网特征的需求
  • 没有schema，可以在任何时候向一条记录添加新字段

虽然在软件产业里我们已经习惯了这种模糊的边界定义，但我承认当看到又多了这样一个定义后，心里还是有些不爽。但重要的是，在我们以后数十年的开发工作中，这些数据库提供了我们重要的补充。在未来普遍使用的过程中，这些不清晰的定义顶多就像一个蚊子的叮咬。

[本文英文原文链接：NosqlDefinition ]

本文转载自: 外刊IT评论 http://www.aqee.net/
















]]> http://www.chinacpu.com/2012/02/%e5%a6%82%e4%bd%95%e5%ae%9a%e4%b9%89-nosql/feed/ 0 Piwik 1.7 发布，网站访问统计系统 http://www.chinacpu.com/2012/02/piwik-1-7-%e5%8f%91%e5%b8%83%ef%bc%8c%e7%bd%91%e7%ab%99%e8%ae%bf%e9%97%ae%e7%bb%9f%e8%ae%a1%e7%b3%bb%e7%bb%9f/ http://www.chinacpu.com/2012/02/piwik-1-7-%e5%8f%91%e5%b8%83%ef%bc%8c%e7%bd%91%e7%ab%99%e8%ae%bf%e9%97%ae%e7%bb%9f%e8%ae%a1%e7%b3%bb%e7%bb%9f/#comments Thu, 16 Feb 2012 04:06:40 +0000 虚网人 http://www.chinacpu.com/?p=216 Piwik 1.7 是一个 Piwik 非常重要的一个里程碑版本，带来很多新的改进、安全修复和性能方面的大幅提升。 主要特性描述： 全新的 Web 分析报告 New Loyalty report “Number of visitors who visited the website 1 time, 2 times, etc.” New Recency report “Last visit was 0 day ago, 1 day ago, 2 days ago, etc.” For each Goal and for your Ecommerce analytics, two new reports: “Visits until conversion”, “Days [...]]]>
Piwik 1.7 是一个 Piwik 非常重要的一个里程碑版本，带来很多新的改进、安全修复和性能方面的大幅提升。

主要特性描述：

  • 全新的 Web 分析报告
    • New Loyalty report “Number of visitors who visited the website 1 time, 2 times, etc.”
    • New Recency report “Last visit was 0 day ago, 1 day ago, 2 days ago, etc.”
    • For each Goal and for your Ecommerce analytics, two new reports: “Visits until conversion”, “Days until conversion”
  • 可调度的报表 (PDF/HTML) 和图片图形提升
    • “All Websites” summary can now be included in the scheduled reports.
      You can now in 3 clicks receive a daily/weekly summary of ALL your websites analytics in your email box. Enjoy!
    • Email Reports now include Graphs by default for key metrics.
      For example you will automatically see a graph for all reports that plot metrics such as the “Visits overview” report or “Goal overview” report.
    • Possibility to include a graph before each table report in PDF/HTML reports (disabled by default)
    • New horizontal bar graphs that look very pretty and allow for better data visualization. These graphs are the default graphs used in Scheduled reports.
    • Graphs now support Unicode characters (chinese, arabic, hebrew, etc.) after you upload the unicode font.
  • 大幅的提升可用性

    • On most graphs, you can now select the metric to plot. For example you can now plot Pageviews, Revenue or Conversion rate over the last 30 days.
    • You can even plot multiple metrics at once, for example you can compare Conversion rate and Revenue for all goals, or for a specific goal.
    • Dashboard: you can now change the Dashboard Layout to choose 2 columns, 4 columns, or 3 columns with the first one taking half of the width, etc.
      There are many layout options available for everyone to have the optimal analytics experience.
    • Dashboard: you can now “reset” the dashboard layout to the default selection of widgets.
    • In Visitors > Overview, Piwik used to report “Actions” which include all of Page views, Downloads and Clicks on external links.
      Starting in Piwik 1.7 you will now see the detail, ie. 3 different stats and sparklines for Page views, Downloads and Outlinks separately.
  • 性能提升
    • New archive.php script, replacing the previous archive.sh, much more efficient and optimized
    • “All websites dashboard” used to fail to load when you track dozens or hundreds of websites. Now it should take a few seconds/less than a minute to load.

其他方面的改进请看发行说明：http://piwik.org/blog/2012/02/7775/

Piwik是一套基于Php+MySQL技术构建的开源网站访问统计系统，前身是phpMyVisites。Piwik可以给你详细的统计信息，比如网页 浏览人数, 访问最多的页面, 搜索引擎关键词等等，并且采用了大量的AJAX/Flash技术，使得在操作上更加便易。此外，它还采用了插件扩展及开放API架构，可以让开发人员根据 自已的实际需求创建更多的功能．
















]]> http://www.chinacpu.com/2012/02/piwik-1-7-%e5%8f%91%e5%b8%83%ef%bc%8c%e7%bd%91%e7%ab%99%e8%ae%bf%e9%97%ae%e7%bb%9f%e8%ae%a1%e7%b3%bb%e7%bb%9f/feed/ 0 Scientific Linux 6.2 正式版发布 http://www.chinacpu.com/2012/02/scientific-linux-6-2-%e6%ad%a3%e5%bc%8f%e7%89%88%e5%8f%91%e5%b8%83/ http://www.chinacpu.com/2012/02/scientific-linux-6-2-%e6%ad%a3%e5%bc%8f%e7%89%88%e5%8f%91%e5%b8%83/#comments Thu, 16 Feb 2012 04:04:19 +0000 虚网人 http://www.chinacpu.com/?p=213 Scientific Linux是重新编译的Red Hat Enterprise Linux，由费米国家加速器实验室和欧洲核研究组织（CERN）共同开发。尽管它旨在与Red Hat Enterprise Linux完全兼容，它也提供了上游产品中未收入的额外软件包，这当中最值得一提的是各种文件系统，包括Cluster Suite和Global File System（GFS）、FUSE、OpenAFS、Squashfs、Unionfs，以及对Intel无线固件的无线网络支持、MadWiFi和 NDISwrapper、Sun Java及Java Development Kit（JDK）、轻量级的IceWM窗口管理器、面向统计计算的R语言环境，以及Alpine邮件客户端。 发行通知： http://listserv.fnal.gov/scripts/wa.exe?A2=ind1202&L=scientific-linux-announce&T=0&P=222 下载地址： SL-62-i386-2012-02-06-Install-DVD.iso (3,600MB, SHA256) SL-62-x86_64-2012-02-06-Install-DVD.iso (4,213MB, SHA256).   老虚标注: 这个是老虚最喜欢的红帽子重新发行版本,比centos多了一些实用的功能.值得下载!]]>
Scientific Linux是重新编译的Red Hat Enterprise Linux，由费米国家加速器实验室和欧洲核研究组织（CERN）共同开发。尽管它旨在与Red Hat Enterprise Linux完全兼容，它也提供了上游产品中未收入的额外软件包，这当中最值得一提的是各种文件系统，包括Cluster Suite和Global File System（GFS）、FUSE、OpenAFS、Squashfs、Unionfs，以及对Intel无线固件的无线网络支持、MadWiFi和 NDISwrapper、Sun Java及Java Development Kit（JDK）、轻量级的IceWM窗口管理器、面向统计计算的R语言环境，以及Alpine邮件客户端。

发行通知：
http://listserv.fnal.gov/scripts/wa.exe?A2=ind1202&L=scientific-linux-announce&T=0&P=222

下载地址：
SL-62-i386-2012-02-06-Install-DVD.iso (3,600MB, SHA256)
SL-62-x86_64-2012-02-06-Install-DVD.iso (4,213MB, SHA256).

 

老虚标注: 这个是老虚最喜欢的红帽子重新发行版本,比centos多了一些实用的功能.值得下载!
















]]> http://www.chinacpu.com/2012/02/scientific-linux-6-2-%e6%ad%a3%e5%bc%8f%e7%89%88%e5%8f%91%e5%b8%83/feed/ 0