那些有关 CSS 的前卫实验 

几个月前，作者在 Six Revisions 发表了一篇文章，介绍了 5 个有趣的 CSS 实验：

• CSS3 Transforms & @font-face Experiment
• CSS Posters
• Pure CSS Line Graph
• CSS3 Leopard-style Stacks
• Pure CSS Twitter Fail Whale

每个实验都是用了不同的方法，其中一些，如 CSS 线图，在现实中可以找到实际的应用，其它的，如 CSS 实现的 Twitter Fail Whale 图画，则纯属实验，这些实验的目的仅仅为了说明 CSS 能够实现的效果，并不意味着应当这样来做。

让我们实际一点 


上图是用纯 CSS 实现的社会媒体网络标志，很神奇不是？

我最近读了 Faruk Ateş 的文章，Pure CSS Icons: Make The Madness Stop，文中对这一做法提出了质疑，作者表示，一些人开始尝试将 CSS 当作设计工具并迅速引发大量效仿，然而，这种做法有多少易用性可言？它并不容易集成到你的设计与开发当中，也不容易调整。

就像上面的完全基于 CSS 的社会网络标志，无非是一堆各式各样的线条的组合，固然令人印象深刻，也算有创意，但并不实用，因为创作这样一个标志可能需要几个小时的艰辛劳动，在 Photoshop 中画一个同样的图根本不费任何力气，而且效果更好（更细腻）。

Ateş 认为，这种方式生成的图标的可维护性也很成问题，调整一个图标原本只需要调整像素，现在却需要修改 CSS 定义，同时，上述 CSS 标志的设计者 Nicolas Gallagher 也表示，做这类事情，CSS 并非最适合。
降低 HTTP 请求？ 


上面这幅图中的图标全部用 CSS 生成，而且作者将它们拿出来卖，40个图标卖25美金。不得不承认，这些图标设计得非常漂亮，作者设计这些 CSS 的初衷是为那些使用的网站降低 HTTP 请求数，因为这些图标不需要额外的图片文件请求。然而，一个小小的图标文件带来的 HTTP 请求真的很值得一提吗，何况，使用 CSS Sprite 技术，这些图标完全可以放在同一个图片中，靠 CSS 定位显示，这样，只需要一个 HTTP 请求就够了。而且，我实在怀疑，这些 CSS 版的图标到底能减少多少带宽。

本着语义化的精神 
必须承认，我有时候会为了实现某种视觉上的需要，而额外使用 DIV 或 SPAN 等标签，这很不语义。然而 CSS 绘图是更不语义的事，CSS 的真实使命是对网页中的内容进行修饰，而不是创建内容本身。网页中的图形本身属于内容的范畴，不应该由 CSS 创建。

本文原文来源：blog.echoenduring.com Are We Taking CSS Too Far? （原文作者：Matt Ward）
中文节译来源：锐商企业CMS 网站内容管理系统 官方网站

[CODE=css]filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1);[/CODE]

打个比方，如果你想用到CSS3中的圆角新特性，你应该使用 border-radius 义他们。但是因为这个特性仍然还没有最终定稿，所以浏览器们只支持他们对应的自己实现的版本。所以 -moz-border-radius 就对应于Mozilla Firefox， 而 -webkit-border-radius 则相对应于Safari和Chrome了。 对于Opera呢？也有自己的版本：-o-border-radius。

特有的前缀都不会验证，这不太理想。对于CSS验证器来说，对浮动环绕的效果而使用了特定的前缀的时候，则应该提出一个建议而不是一个错误。无论如 何，如果你想在你的CSS代码中使用绝对的标准的话，你都应该远离这些特定的前缀。

不过，如果你想玩玩CSS3这个新玩具的话，你就会了解为什么这些特定前缀有很好的理由存在，而为什么你在现阶段也会使用到这些来体验到目前的 CSS3规范的。

让我们继续停留在这个圆角效果的例子上，设想一下假如你只想应用到一个对象的一个角上会产生什么情况。CSS3规范还在继续变化时，Webkit项 目决定使用 –webkit-border-top-right-radius时，Mozilla却使用了 –moz-border-radius-topright。没有这些前缀的话，你将要处理两条不同的CSS规则，而且其中一条是绝对会被永远废弃掉的，但 是仍然有可能会有旧版本的浏览器会使用到。

从纯粹的技术上来说，这两个前缀都是“错误的”，这是好事。将来，最终的规范一定会发布，而只有一种规则会被标准化，那时候所有的浏览器都会实现这 一标准。在这一点上，你可以简单地在你的代码中将特定的前缀删除掉就行了。这些特定的前缀好处就体现出来了，它使得这些代码很容易被找到和删除。

有一件你绝对就应该做的事情就是只针对一个浏览器的前缀。苹果的HTML5展示最近被大家关注，只支 持Safari，而不支持其它实现了HTML5的浏览器[虽然，你可以不 使用Safari 5查看苹果的HTML5演示]，而同时Google也 发布了HTML5展示站点：HTML5Rocks[HTML5在同为使用Webkit内核的Safari和Chrome上支持不同]，这些都证明 了只为一种浏览器做优化不是一个好主意，甚至有人认为HTML5是应用程序 设计中的新冒险。

如果你必须要使用特定的前缀这个非标准化的行为让你感到不安的话，你还有一个办法。那就是使用Javascript来自动完成它。

开发人员阿龙.古斯塔夫森写了一篇“列表的关键文 章”，他在文章里嘲笑了这些特定的前缀并且提供了一段Javascript的替代方案给和他感觉一样的人们。

古斯塔夫森把这些特定的前缀叫做CSS的分支。虽然我们基本上同意他的观点，但是这个“分支”这个词是有问题的，因为分支代码没有任何错误，事实上 这是开源世界中的规范（你在使用Git或者是Mercurial吗？）。而且这些特定前缀并不是分支，它们是在标准化还没有完成的时候推动网络进步的临时 的解决办法。

抛开那些术语之后，古斯塔夫森的观点是有效的——忽略标准和使你的CSS代码只工作在特定的浏览器中的做法两个都是糟糕的主意。

古斯塔夫森的这个小小的Javascript库可以帮助你避免将特定的前缀写进你的CSS中。但是令人印象深刻的是，这个脚本确实做到了与将前缀写 进CSS文件中的一样的效果。这个方法有些缺点——会延长加载时间，而且对于那些禁用了Javascrpt脚本的用户来说，也是无效的。

如果你现在就开始使用CSS3的特性，你将无法避免使用特定的前缀，但是至少，你可以选择如何处理他们。例如：直接在样式表中使用这些前缀、将这些 特定前缀的样式写到单独的分离的文件中或者是使用古斯塔夫森提供的这种类似的脚本来解决它。

供稿：SafariX — Safari中文博客，分享Safari资讯、技巧和扩展。
中文出处：http://safarix.net/dealing-with-browser-differences-in-css-3
英文出处：http://www.webmonkey.com/
 

无穷尽的选择


在 Web 开发与设计领域，我们有太多的选择，HTML 还是 XHTML, RSS 还是 Atom, PHP 还是 ASP.NET, SVG 还是 VML, JavaScript 还是 VBS？这样的对决还可以列出很多，然而，它们往往没有固定答案，取决于个人嗜好，在你对各种语言和技术彻底了解之前，你自己也未必有任何清晰的想法。
如何选择


答案是，取决于具体情况。不仅要看站点的类型，还要看你希望涉足的技术深度。本文会将 Web 相关的各种开发与设计语言，按不同的类别进行展示，并注明其复杂程度，流程程度以及浏览器支持程度。值得庆幸的是，任何一门 Web 语言都有很好的文档可以参考。
Web 开发与设计语言的层级


Web 语言按层级分，传统上是这样分的，标记层（HTML），修饰层（CSS），客户端脚本层（JavaScript），服务器端（PHP，ASP.NET）。如果按功用分，参看上图，我们可以将它们分为15层，每个层级代表一种功用，比如用户交互，矢量图等等等。当然，并不是所有用户都需要全部掌握这些不同层级的语言。
标记语言


最常用的 Web 标记语言有四种。
 

• HTML
• XHTML
• XML
• WML (Deprecated)
• Others: MHTML and SGML

Web聚合语言


There are two commonly used syndication languages for content delivery. 最常用的 Web 聚合语言有 Atom 和 RSS 两种。
 

• Atom
• RSS
• Others: EventsML, GeoRSS, MRSS, NewsML, OPML, SportsML and XBEL

元数据定义语言


常见的元数据定义语言有5种。
 

• DCMI
• META (Classic)
• Microformats
• OWL
• RDF
• Others: APML, FOAF, hSlice, OpenService Accelarators, P3P, PICS (Deprecated), SIOC and XFN

式样表与转换语言


常见的有2种。
 

• CSS
• XSL
• Others: DSSSL and JSSS (Deprecated)

客户端脚本


这些脚本语言多数和 JavaScript 有关联。
 

• AJAX (XHR)
• DOM Scripting
• Flex (ActionScript)
• JavaScript
• VBScript
• Others: E4X, ECMAScript, JScript, JScript.NET and WMLScript (Deprecated)

服务器端开发语言


可选的余地很大。
 

• ASP
• ASP.NET
• ColdFusion
• JSP
• Perl
• PHP
• Python
• Ruby On Rails
• Others: Lasso, OpenLaszlo, Smalltalk, SMX, SSI and SSJS

数据库语言


有4种常见数据库脚本语言。
 

• MS-SQL
• mySQL
• Oracle
• PostgreSQL
• Others: Derby, MongoDB and SQLite

插件


这些插件运行在浏览器的沙盒环境中。
 

• ActiveX
• Flash
• Java
• Shockwave
• Silverlight

服务器端配置语言


用于访问管理，服务器端配置，搜索引擎引导等。
 

• .htaccess
• Robots.txt
• Web.config

RIA - 富 Internet 应用


这些技术可以实现桌面化的 Web。
 

• Air
• Gears
• JavaFX
• Prism
• Others: Cappuccino, Curl and Titanium

矢量建模语言


常见的 2D 和 3D 建模与渲染语言有 5 种。
 

• 3DMLW
• Canvas (HTML5)
• SVG
• VML
• X3D
• Others: 3DML, 3DXML, SMIL, UML, VRML and XVRML

PostScript 语言

 

• PDF
• XPS
• Others: FlashPaper and OpenXML

数据格式化语言

 

• DocBook
• KML
• MathML
• OpenSearch
• PAD
• Sitemap
• VoiceXML
• Others: DOAC, DOAP, GML, GraphML, InkML, OpenMath, SISR, SRGS, SSML and XMLTV

文档纲要语言

 

• DTD
• XSD
• Others: DSD, RelaxNG and Schema XML

初学入门者
对于初学入门者，建议遵照下图进行学习，不管如何选择，HTML 是最重要的开端。



译者注：

HTML + CSS + JS 是前段开发必须掌握的三种语言，这毫无争议，即时有，也只是 XHTML 和 HTML 之争，而二者的争议也只限于对语言的严格程度上。PHP 和 MySQL 属于服务器端的开发语言，服务器端的开发语言有更广泛的选项，除了 PHP ， MySQL，还有 ASP.NET，MS SQL，JSP，Ruby 都是可以考虑的选项，关键看你的项目要求。

本文国际来源：sixrevisions.com Web Languages: Decoded （原文作者：Alexander Dawson）

中文翻译来源：锐商企业CMS 网站内容管理系统 官方网站
 

　　关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一种非标准技术，应该是CSS3规范的一部分。
 

1. 旧的Opacity设置

　　以下代码是Firefox和Safari旧版本所需的透明度设置:

#myElement {  
    -khtml-opacity: .5;  
    -moz-opacity: 0.5;  
}  

　　-khtml-opacity设置是针对旧版本的Webkit渲染引擎，这种专用属性现在已经过时了，除非你还有需要兼容Safari 1.x.的用户。

第二行使用专用属性 -moz-opacity是 为了兼容Mozilla渲染引擎的早期版本，以及追溯到Netscape Navigator。Firefox 0.9以后就不要求使用-moz-opacity属性，Firefox 3.5（现在使用Gecko引擎）已经不在支持这个属性。

2. 在Firefox, Safari, Chrome和Opera下的CSS透明度

　　以下代码是除了IE外的所有当前浏览器的最简单，最最新的不透明度设置的CSS语法：

#myElement {  
    opacity: .7;  
}  

　　上述语法将设置一个元素为70％不透明（或30%透明）。设置opacity:1将使元素不透明，而设置opacity:0将使得元素完全不可见。你 只要记住“opacity”等同于“不透明”就很容易记住了，opacity值越小就越接近透明。

　　opacity属性可以精确地小数点后两位，所以值取“.01”和“.02”实际上是不同的，虽然可见度很难被发觉。一般情况下，精确到一位就可以了，取值如“.3”或“.7”。

3. IE下的CSS透明度

　　IE下照旧有别于其他浏览器，并且目前也有三个不同版本的IE在广泛使用，透明度设置是不同的，有时需要额外的CSS来控制：

#myElement {  
    filter: alpha(opacity=40);  
}  

　　上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意：为了使得透明设置生效，元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局，有如width 和 position。关于微软专有的hasLayout属性详情，以及如何触发它，参考这里。

　　另外一个设置IE8的CSS透明度的方法语法如下（注意注释中指出的版本）：

#myElement {  
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);  
   /* 第一行在IE6, IE7和IE8下有效 */ 
    -ms-filter: 
      "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";
    /*第二行仅在IE8下有效 */
}  

　　第一行代码针对当前所有IE版本，第二行仅针对IE8。

　　注意两行代码的不同之处：在第二行代码中，在filter属性前跟着-ms-前缀，并且属性值有加引号，这些都是语法所必须的。

　　说实在，有了如前一个例子中用alpha(opacity=40)的语法来作用于任何版本的IE下的任何有布局的元素之后，我也不确定是否还有必要用“progid”的方法。

4. 使用JavaScript设置和改变CSS透明度 

　　您可以使用下面的语法访问JavaScript中的CSS opacity 属性：

document.getElementById("myElement").style.opacity = ".4"; 
 // 针对所有现代浏览器  
document.getElementById("myElement").style.filter =
 　　 "alpha(opacity=40)";// 针对IE

　　上面的代码可以使用行内循环或者其他动态函数递增修改透明度的值。当然，你必须先通过特征检测来决定使用哪一行代码。

5. 使用JQuery设置和改变CSS透明度 

　　直接使用jQuery设置CSS透明度更直观更容易实现，因为在所有浏览器代码都一样，并且你不必担心在IE下元素是否“haslayout”：

$("#myElement").css({ opacity: .4 }); 
// 所有浏览器有效

　　您也可以使用一下jQuery代码使一个元素动画透明：

$("#myElement").animate({  
    opacity: .4  
    }, 1000, function() {  
    // 动画完成，所有浏览器下有效  
});  

　　不管元素的透明度在动画开始时是多少，它都会渐变到透明度为“.4”。动画的速度通过值“1000”设定，动画时间以毫秒为单位。代码中的最后一个属性是一个可选回调函数，将在动画完成后执行。

　　如果该元素的透明度在CSS中已经设定为“.4”，那在动画运行的时候，你将不会发觉有任何不同，所以动画开始和最终透明度要有所不同。

6. 通过 RGBA的透明度

　　另一个CSS3技术只支持部分新的浏览器（Firefox 3+, Opera 10.1+, Chrome 2+,Safari 3.1+），可通过RGBA的alpha通道的方式设定。语法如下：

#rgba {  
    background: rgba(98, 135, 167, .4);  
} 

　　在上面的定义中，通过RGB（前三个数字）给背景设定颜色，然后最后一个是alpha设置，以执行给定颜色的透明度。这个alpha设置跟opacity 属性一样，可设定任何0到1的数字，精确得到两位小数点。数字值越大，就越接近完全不透明的颜色。

7. 通过 HSLA的透明度

　　类似之前的定义，CSS3还允许使用HSLA单独设置颜色和alpha值，HSLA表示Hue（色调）, Saturation（饱和度）, Lightness（亮度）, 和Alpha。以下是HSLA透明的例子：

#hsla {  
    background: hsla(207, 38%, 47%, .4);  
}  

　　更多关于HSLA颜色的解释，参考这篇来自W3.org的文章。如同RGBA透明度，最后的数字表示透明度设置，跟RGBA起同样的作用。注意RGBA和HSLA透明度的一个重要的好处是这些透明度设置不会影响到子元素的，但通过opacity属性的方式则会。alpha设置的RGBA和HSLA只影响背景颜色的透明度，仅此而已。

　　我希望我能涉及主要的跨浏览器的CSS透明度代码。如果内容有错漏，欢迎随时评论指出，我将乐意作更正或补充。

鄙人想弄一个帖子让大家了解一下我们最关注的电池bp-4l 1500（欢迎高手拍砖）

不知道E63有没有人是玩航模的，我入魔5年了。（为什么说这个，因为对电池最敏感的就是航模）

在航模里，用的是高放电的2C 3C 4C电池（串联多少片锂电池，标准一片都是3.7V）
我们的电池也就是1C的呵呵，单片

锂电池在充电满后是4.2V  大小0.1都可以，不能大也不要小过4.15（除非是老电池或恐怖电池）
但是我们的的B4我用软件测试充电满后是4.17（属于正常）
能不能充到4.20正好就是要看充电器的好坏了。
航模的充电器400多一个。。智能充电。所以NOKIA不可能都配很好的，所以就用一般的。
3X 5X 8X其实是速度，不是质量
电池的寿命取决于，电池本身质量（电芯重要）30%，使用者使用方法 40%， 充电器占 30%
以上是非常权威的部门在航模演讲上发布的。

B4的充电：它是标称1500mah，但是出厂都会又偏差，测试工具也会有偏差，所以在1400+到1600都有可能
但是很多人都找详细的测试电池耗电数据的软件
其实是有的，就是大家用的电池能量Nokia_Energy_Profiler（下面我上传了）
打开Nokia_Energy_Profiler，最上面的中间又一个电压数
（这个只是一个参考的工具，方便大伙，更准确的还是用万用表测量）
原装电池B4充满电在4.16-4.18之间。（大多数）
没有电的电压是多少？我不能告诉你，为什么，因为我从来不等它没有电

B4使用方法1：在你打开软件看到3.65V的时候，就要充电了。
理论是3.6-3.69之间就充电。但是这个时候电池可能是2格电很久了，马上进入最后一格电
所以强烈建议各位爱护电池人士在3.65之前充电。



么豆检验真假原电方法：
1，潜水看富贵兄的电池外表鉴别方法，
2，因为人民币现在银行都分不出来了，所以根据电量来判断
     软件现实1555，不要高兴的说哇是原电
     论坛有位兄弟说那个软件，用那个计算方法（我觉得太麻烦了，因为我们那么强的电池待机测试，要花几天时间）
3，花个几分钟，打开Nokia_Energy_Profiler，运行开始。看到电池耗电一般你看到的是025W左右
     但是待机中不到0.1，所以根据上面的电压是4.17的话，他要降到4.15的话需要4个小时左右（参考）
     这个就是看电压测电池方法。

BL充电注意事项：
1：开关机充电完全一样的性质，只是关机会快那么10多分钟
2：杜绝用万能充，普通座充，能用机充就用，觉得麻烦的花心思弄个好的座充
3：充电中杜绝使用手机，这个绝对影响电池寿命也辐射死你。不过你要接一个生意电话，值得的。呵呵
4：充电中强烈注意就是不能断电，我们的不是智能充，特别是充电到一般拿走手机使用，又充。
      这样的你自己看看你的电压。（论坛有个人这样做了，后果自负了。呵呵）
5：论坛上有一个方法就是丢电池在桌子上，看它弹起来，我建议大家不要做！
      当然这样主要测试电芯的密度，但是他不知道电池是不能强烈撞击的，这个是非常危险的
      后果是：电池容量减小，电芯使用寿命大大简短，电池形状有凹陷。
6：充电提示完毕后，就吧电源取下来了，别贪多，无用功，取下充电后才能去看电压。





2.15更新内容：
B4属于充电的电池称为二次性电池(也称为蓄电池)。它能将电能转变成化学能储存起来，在使用时，再将化学能转换成电能，它是可逆的，如市面上常见的锂离子手机电池。
为什么容量会越来越小
1：正常使用下，电芯（就是电能转换所损耗内部构建）的损耗。
2：锂电池过充（高于4.21），过放（低于3.6）（导致电池里面产生小气泡，累积后就“电池怀孕”，容量受到严重影响）。
     PS：不过现在品牌大厂技术解决了“怀孕”这个现象，但是电量还是一样被影响。
3：电池受到撞击，其实都会照成电池内部的损伤。
4：大多数锂电池都是“北极熊”，很怕热，我们手机在看电影的时候，会发热，因为持续供电产生的热能
     夏天，注意下电池温度。当然有些电池针对高温设计的，但是我想我们的B4还是一只熊。



2.17
更新：手机关机对电池的弊端

大多数白领在一天的忙碌过后，夜晚就寝的时候，会习惯的吧手机关电。
这样做其实对电池非常不好
1  电池在重新启动机子的时候是最损耗的（寿命）
2  电池在快没有电了，感觉还没有到充电的时候，关机睡觉，第二天开机发现多了许多电量
    然后接着使用，但是发现这些电量根本不耐用（虚电），这样使用损耗电芯
    最容易照成过放。





4.4更新：
最近看到有人发帖，说电池还是前3次还是需要充电12小时
现在做一下详细的解释
原理
1  电池在机充或智能充完成后会在一个规定的电压值停止工作，启动保护工作。
2  电话不管在开机还是关机，电池都会消耗，只能消耗的大小不一样。
3  机充与智能充都有检测电量不足时给电池充电，当然，每个充电器自身的检测标准不一样，但是，没有一个充电器会检测电池到达最低值时才给于充电。所以，当充电器自身检测电池不足时会给电池充电
4  不管什么充电器，持续充电12个小时都会发热，热是电子产品的杀手

总结：
很多商家都叮嘱，说电池最好前三次充12个小时，如果有卖电池的商家，请你对我说作于反驳， 。

有的说电池在长期不用了，电池会有间隔性的空缺，需要放完电后充饱和，这样就把电池性能发挥完全。
反驳：1 锂电池是绝不能完全放电，这个是毙命之处
         2 我们充满后，充电器会停止工作，哪里来的持续充电，要是这样，我们电池爆炸了。假如4L电池机充是4.15满电后，4.14时充电器还是不会给它充电的，有些等到4.12左右才继续充电，那这样，12个小时里面有好几个小时都在 《充电放电》，电池的充放次数是有限的，这样是在扼杀电池。而且为什么都要12个小时？4L是1500MAH，有些是600MAH的电池也要12小时？回答，因为镍氢电池需要时间去激活。需要的也正是所说的12小时，锂电池已经有几代了，目前的已经不需要了。所以12个小时之说不存在。



4.5更新：

大部分机油首先是潜水，选中63，然后很高兴的等待，接着上图。
都在怀疑的自己的电池。不停的看，烦啊。。哎。
现在么豆来把原电高贵的帽子给丢了
解除大家对它的心理病

1  现在我们用的电池是聚合物锂电池（记得不是锂聚合物电池）
那个是错误的叫法，叫的多了就习惯了。锂电池分成2种，主要看
采用的电解质是什么，很早以前的锂电池是液态电解质，现在市面已经快淘汰光了。我们用的是固态或胶状的电解质，学名就是叫聚合物锂电池，它比上代锂电池好在，采用的隔膜技术，体积，性能都有提高，因为以前液态的锂电池，需要2次包装，这样防止电解液体被影响，所以体积上会比较大，用的隔膜也比较有限，所以我们现在使用的BP-4L拥有1500的容量，体积却很小。一般拥有500次循环，以前的最多只有200次。

2 认识了我们用的是那类锂电池后可以针对性质去维护它。电池的电芯就是3样东西，电极，电解质，隔膜。构成，现在最厉害的就是大名鼎鼎的小日*本**的三洋电芯，当然我们中国的技术也很厉害，现在又好多工厂在代工做各个电子品牌(诺基亚，三星，索爱，摩托，等，甚至山寨手机也会)的电池，这就不多说了，我们的电池一般都是无锡SONY代工的（如果有些机油拿到的国外进口电芯，我也无话可说，你牛），没有错的话，大多数是国内代工，对于SONY的电芯技术，虽然sony是聚合物锂电池的发明者，但是现在我们广州深圳的一些电子厂有的早就掌握了，开创了自己的品牌，一些代工的电池还不如，一些专门品牌的厂子作出来的好，很多人都不敢拿来跟原电做比较，但是答案是出乎人意料的，国内品牌的电芯有的已经超过sony代工的电芯质量，所以，经常潜水的会发现有一些人觉得备用电池比原电还持久的帖子，这是完全可能的。（本人在针对做相对应的试验中下次更新发布）。
所以，大伙不要把原电看着那么神乎其神，下次测评会给大伙一下惊奇的答案。现在性价比测试其实已经出来了，已经战胜原电，只是我再做更详细的对比，来满足机油的需求。

这此发言不对于电池各个品牌宣传或纰漏。

么豆初步试验获得，排除原装电池心理因素，一些品牌的性价比是战胜原电的，但是由于原装电池是根据手机规格定做的，所以在外观，与使用是完美的。看个人的喜好了。





4月7日更新：应机油要求上国内品牌电池测评


每个回帖，么豆都有去回帖，请发问的机油去查看。
应众多机油强烈要求上一款国内品牌电池的测评
原则性不推荐的我，今天发表一款性价比很高的电池（不是推荐只是做一下与原电PK的中国电池）
切记，国内品牌电池也有仿的了，本人这次是亲自去了专卖店买回
这次抓住  性价比   为主要的测试  也就是性能和价值都比较高的。

本次测评的是弘*电池，如果经济允许，本人将继续测评其他电池

本来坚持一块原电可以玩2天，不买备用电的想法
但是充电的时候，如果有急事，就是很郁闷。
所以寻找一块性价比电池来试验，（没米哦。。。）
观察了各个机油买的，MOMAX，飞毛腿，弘毅，等。。。
最后在到电子市场，发现弘*的专卖，价格还可以，
于是开工。MOMAX也有专卖，但是。。钱不够 ，还有不喜欢
电池太大的BUG。不过MOMAX的电池是很好的，如果不介意的，
可以亲自去测试一下。飞毛腿的，就是买到正品就好了，这个假的
太泛滥，所以也没有考虑。

话不多说上实验成果：

么豆个人查看电池容量方法先分享一下
1：首先用机充测试电池，原电是1500，完成充电式2个小时15分钟
测试电池是：2个小时10分钟。确定时间后，再看使用时间
（以上是测试电池连续3次充电的平均值）

2： 测试电的使用时间也是2天，电池电量已经没有了BUG（本人使用手机都很规律，上班嘛）

结合2点，结论测试电电量不管是多少，应该在1500左右了。满足了

接着，就是电池的体积大小与机子适合度问题
因为，MOMAX，电池是很不多的，就是大了一点
我是完美主义者，心里好难受，所以这也是选择现在这个测试电
（有图在下面）








40元左右的电池与百元原电对比：
（个人意见仅供参考）
先说原电优点
1，安全性能是没有话说的。（排除少数部分原电质量和防电）
2，体积大小的适应度。
3，发热量比较低。
4，各个部分的做工，特别是触点。
5，心里很舒服，放心，安心。
6，机油来说吧。。。。。。

测试电优点
1，性价比是没有话说的。（4-5块顶一块原电）
2，可以做备用电，实现不断电玩机。
3，摆脱机充的困扰

说说测试电的不足，（原电就是价格不足之处而已 ）
1，电池大小没有做到跟原电的规格，但是不用********服就可以放进
2，外表太山寨了，可以没有花费外形设计费，米少机油的喜欢
3，触点做工没有原电那么好，但是不影响。

目前就此测评，有不足之处请指出，别丢砖，好疼。
请到正规的店面去购买电池，只能这样，因为太多仿的了
重申，测评只是一个参考，后果自负。




4月13日更新：电池温度

测试使用的弘毅电池，在使用WIFI后，电池温度明显上升，因为今天大约有30度左右。

我也测试了原点，温度也是有，但是没有弘毅那么明显。

WIFI是用电老虎，也是一个考验电池的方法。

上文提过，温度是手机电池的天敌。

么豆希望大家在即将夏天时刻注意一下手机的温度。




4月21日更新：

夏天到了，用了上面测试的弘毅电池上WIFI
那个温度越来越。。。。
想提示个位耗电猛将的兄弟。
夏天到了，注意手机的温度哦。
还有用座充的机油，注意下手机电池的温度。（又智能充散热好的就好）









么豆建议：新的锂电池需要的是：正常充放几以上，就可以定性了。
新的电池是需要保养的，就像耳机需要煲一样。




下次继续更新



各位朋友希望你可以找到你要的答案。

谢谢支持么豆，欢迎高手指教。。。。振兴E63。

原文地址：

http://bbs.dospy.com/thread-2955129-1-4.html

　　自动转向(Auto-Redirecting)，也叫自动重定向。自动跳转，指当访问用户登陆到某网站时，自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页，也可以是其它网站。通常情况下，浏览器会收到一个网页，该页面含有自动加载一其它网页的代码。该页面有可能在服务器端被转换，这样的话，浏览器只收到一个页面，而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。 

　　对自动转向技术(Auto-Redirecting)的合理应用包括：将用户转向到指定浏览器的网页版本；当网站的域名变更或删除后将人们转向到新域名下，等等。但现在这种技术却往往被搜索引擎优化人士用来作为提高网站的搜索引擎排名的一种手段。例如，先专门针对搜索引擎做一个高度优化的网页，也就是我们通常所说的“桥页”，然后把这个网页提交给搜索引擎来获得好的排名。但是，当搜索用户通过搜索引擎的搜索结果列表点击该网页列表进入后，将被自动转向到一个用户本来无意去访问的网站地址。搜索引擎常常认为自动转向的网页是对读者的误导，所以它会对这种网页或网站施以惩戒，不过对一些自动转向方法它目前还无法自动检测出来。 

　　Meta Refresh Tag自动转向法 

　　由于搜索引擎能够读取HTML，而Meta tags也是HTML，所以对于这种自动转向法，搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的，都很容易被搜索引擎视做对读者的误导而受到惩罚。不过，如果跳转延迟时间设置合适，搜索引擎就不会视之为作弊。 

　　页面定时刷新元标识(Meta Refresh Tag)只能放在HTML代码的< HEAD>区里。如下所示： 

<meta http-equiv="Refresh" content="10;url=跳转的文件或地址">

　　其中的“10”是告诉浏览器在页面加载5秒钟后自动跳转到url这个页面。 

　　这种方法常可以在论坛中见到。如果在论坛上发信息，先会看到一个确认页面，几秒后会自动重新跳转回当前的论坛页面中。 

　　从搜索引擎优化的角度出发，一般不希望自动转向有延迟。不过，如果是用Meta Refresh标识进行转向，一定要注意把延迟时间设定成至少10秒以上。 

　　“javascript”自动转向法 

　　由于不能解析javascript，所以搜索引擎无法察觉(自动检测到)用javascript脚本进行的自动转向。javascript自动重定向脚本可以放在网页的任何位置上，如果要求立即跳转，则可以将其放入网页源码的<head>区内的最上面。用javascript实现跳转的范例如下： 

<script language="javascript"><!--location.replace("pagename.html")//--></script> 

　　其中的“pagename.html”指特定的重定向目标地址，用相对/绝对URL地址均可。 

　　用javascript实现自动重定向的好处在于：用户所访问的目标URL不会保留在用户浏览器的历史记录中，如果用户按返回按钮返回，则将回到跳转前的网页，而不是包含javascript自动重定向脚本的跳转页面，所以不会出现当用户点击返回按钮后返回至重定向页，然后该页自动跳转到用户本来想离开的那个页面的尴尬情形。 

　　如果需要，可以把javascript自动重定向脚本存在一个外部文件中，并通过下面的命令行来加载，其中“filename.js”是该外部文件的路径和文件名： 

<script language="javascript" src="filename.js"></script> 

　　注意：若需实现即刻转向，或不希望人们看到转向前的那个页面，一般常用javascript脚本实现。在这种情况下应将javascript脚本放入HTML源码的<HEAD>区中。 

　　表单(FORM)自动转向法 

　　搜索引擎的“爬行”程序是不会填写表单的，所以它们也不会注意到提交表单，因而可以利用表单来实现自动转向(重定向)而不让搜索引擎察觉。 

　　对于表单，人们往往很少意识到：表单的Action参数中包含的URL地址其实正是浏览器向服务器所请求的URL。浏览器将会通过向请求的URL地址增加一些格式为name=value的参数给予它以特殊的对待。在什么都没有的情况下，浏览器仍旧会为该URL安排请求至服务器。 

　　用javascript脚本可让页面开始加载时即提交表单。下面是一个用javascript实现表单自动提交，以及提交表单的范例： 

<script language="javascript"><!--document.myform.submit()//--></script> </p><p>　　<form name="myform" action="pagename.html" method="get"></form> 

　　其中“myform”可以是任意名称，“pagename.html”用相对/绝对URL地址均可。 

　　小结 

　　如果访问用户最终看到的是他们想看到的，那么在搜索引擎优化中使用自动转向技术并没有什么不对，也并不是什么不道德的行为。但有些人往往会在利用“自动跳转”技术，利用“桥页”吸引访问者，然后把他们送到他们无意浏览的页面或网站，这种做法只会引起访问用户的反感，又怎么能够期望访问流量可以有效转化为最终客户呢?

1. Strict DOCTYPE
要做就做对的。不管是 HTML 4.01 还是 XHTML 1.0，它们都提供 Strict 模式，使用 Strict 模式可以保证我们的代码不隐藏任何错误。


参考资料:
 

• W3C: Recommended DTDs to use in your Web document
• Fix Your Site With the Right DOCTYPE!
• No more Transitional DOCTYPEs, please

2. 字符集声明，特殊字符进行编码处理
字符集声明应当放在 <hea> 部分的最前面，以便让浏览器知道如何显示网页中的所有内容，包括标题。另外，一些特殊字符，如 & 最好用 &amp; 代替，这是一种最安全的方法。


参考资料:
 

• Wikipedia: UTF-8
• A tutorial on character code issues
• The Extended ASCII table

3. 恰当的锁进
缩进不会影响网页的渲染，但会明显改善阅读源代码时的体验。缩进没有特定的规则，但始终保持一致是个好习惯。


参考资料:
 

• Clean up your Web pages with HTML TIDY

4. 将 CSS 和 JavaScript 放在外部文件中
将 CSS 和 JavaScript 放在外部文件中引用，不仅减低单个网页的尺寸，而且意味着其它网页也可以共用这些代码，另外，浏览器的缓存机制可以很好地降低对相同代码的重复下载。

  5. 正确地嵌套 Tag 标签
如下图，第一行代码中，<h1>标签嵌套在 <a>标签中，尽管多数浏览器会正确渲染，但这不是好的习惯， 标签是 block 对象，而 是 inline 对象，inline 对象不应该容纳 block 对象。


6. 消除不必要的 <div>
<div> 常被滥用（尤其在我们现在所处的 DIV+CSS 神话中 - 译者），人们希望把任何东西都放在 <div> 中以便为它们分配 CSS 式样，这种滥用会导致的臃肿。


参考资料:
 

• Divitis: what it is, and how to cure it.

7. 使用更好的命名规则
如下图，Cat 的 CSS 类被命名为 red italic，暗示着 Cat 使用红色斜体，如果你想将 Cat 改成兰色的粗体呢？



8. 尽量使用 CSS 控制文字的排版
如下图所示，不要直接使用大写，用 CSS 对这些文字排版方面的格式进行控制，这样会更灵活。


9. 为 <body> 分配独立的 class/id
为 body Tag 分配一个独立的 class/id，可以很好地定位页面中任何对象，因为页面中所有对象都位于 body 中。


参考资料:
 

• ID Your Body For Greater CSS Control and Specificity
• Case study: Re-using styles with a body class

10. 验证
无需多言，你应当尽可能对网页的代码进行验证，尽管有些代码错误浏览器能自动更正，但有些错误是会带来不好的后果的，尤其当你位于 Strict 模式下。即使什么都不为，看到那个绿色的 W3C 验证标志至少可以让自己舒服一些。

W3C 验证是否通过并不一定要什么拘泥，Web 设计中存在更多的考量，只拘泥 W3C 验证结果，可能影响一些更重要的因素，比如，IE6 在 W3C 标准方面存在不少 BUG，如果你为了100%通过 W3C 验证而宣布自己的网站不支持 IE6，至少在国内会得不偿失的 - 译者


参考资料:
 

• The W3C Markup Validation Service
• XHTML-CSS Validator
• Free Site Validator (checks entire site, not just one page)

11. 合理的结构次序
将网页结构保持一个合乎逻辑的次序。

12. 尽你所能
如果你从零开始写，保持以上的原则当然要容易的多，如果要修改旧的代码，将会很痛苦，一些 CMS 系统拙劣的编码会让你陷入泥沼，或者你的网站规模宏大要改动的东西太多，不管怎样，始终保持良好的习惯非常重要。


更多阅读：
 

• 完美网站的101项指标

本文国际来源：http://www.smashingmagazine.com/2008/11/12/12-principles-for-keeping-your-code-clean/
中文翻译来源：COMSHARP CMS