iframe框架 跳出所有的框架，跳转到你所要的地址

由Goofy发布在JavaScript、前端开发在 iframe框架 跳出所有的框架，跳转到你所要的地址上留下评论

以下都是在iframe 框架中

1，<a href=”http//:www.baidu.com” target=”_blank”>百度</a>

2，

javascript：
function window.onload()
{
if(window.parent.length>0)
window.parent.location=location;
}

或者：

<script>

if (window != top)
top.location.href = location.href;

</script>

3，自动跳出iframe的代码
<script type=”text/javascript”>
if (top.location !== self.location) {
top.location=self.location;
}
</script>

4，在框架页内的退出操作：
<script type=”text/javascript”>
if (top.location !== self.location) {
top.location = “../index.jsp”;//跳出框架，并回到首页
}
</script>

js复制内容到剪贴板功能

由Goofy发布在Html、JavaScript、前端开发在 js复制内容到剪贴板功能上留下评论
$(document).ready(function(){
$(“#btn_copy”).click(function(){
$(“#TextArea1”).select();
copyValue(“TextArea1”);
})
})
//复制功能
function copyValue(txtid) {
if (isIE()) {
clipboardData.setData(“Text”, document.getElementById(txtid).value);
alert(“您已成功复制了CDKEY！”);
}
else {
prompt(“您的浏览器不支持自动复制，请您手动复制对话框中的内容:”,document.getElementById(txtid).value);
}
}
function isIE(number) {
if (typeof (number) != number) {
return !!document.all;
}
}

Speed Up Your Website

由Goofy发布在交互效率、前端开发、建站相关在 Speed Up Your Website上留下评论

原文地址：http://www.codeproject.com/Articles/26376/Speed-Up-Your-Website-By-Example

说在前面的：这个文章是08年的，比较老了，带着批判和找不同的心态去研究一下，会有收益的。

 

部分翻译：（翻译来自CSDN）

为什么减少请求数量
请求执行顺序：
e.g.: index.htm and then global.css, spring.css, logo.jpg, menu1.jpg, menu2.jpg, menu3.jpg, 1×1.gif, corner1.gif, common.js, validation.js etc…)
在加载页面时，浏览器从URL中（src)中提取头链接href={url},css文件链接和发送每个请求的资源。
大体上，浏览器在每台客户机提出页面请求时只并发下载2-4个资源请求，（取决于http和浏览器版本），一般来说，Firefox要比IE略好一些.
结论：请求与连接越少，则响应越快.
怎样减少请求数量？
减少文件数目（css,js,image)
合并文件（尽可能的）所有的CSS文件尽量合并归一，所有的JS文件尽量合并归一，

使用浏览器缓存
当第一次请求时，减少资源，之后将依靠cache机制，不必再请求资源。
使用”expires”头。

优化html
为什么优化它？
大体来说html只耗20%的时间而其它（CSS，Javascript,images)要消耗80%的时间
html包裹所有的对象（标签控件）和styles，这些都提供与浏览器进行解析,解包和render(生成）.
由于浏览器之争（竞争）和x/html/css的兼容问题.浏览器被设计为两种模式：普通（快模式，信任模式），quirk模式（必须要验证HTML/CSS,找到和”原谅错误”)
怎么优化它？
1.减少下载时间
将冗长的一页尽量载减为多页
2.快速生成render
使用非常简单的设计
standard vs quirk mode两种模式的选择.
建立信任的standard模式（前提，设计者达到专业水平遵循标准)以使得浏览器使用最优化的解析
切换模式为标准模式

移除inline CSS改为外部CSS引用（减少内部脚本书写，如document.write())
如果遵循以上原则：浏览器会在生成内容与应用CSS和脚本改变布局之间踌躇，这种情况下会暂停内容的生成，所以要引用外部CSS，JS。
如果不遵循这条原则：外部文件意味着多了一个外部资源请求，如果主页CSS，JS很少，则用内联，减少请求数，加快响应速度。

减裁内容

少用table,转用div.为什么呢？浏览器不能生成实体控件对象（标签对应）直到捕捉到标签尾ie.</table>

若布局用bigger outer，（超多标签）

 

优化image
为什么要优化？
image消耗大量下载时间及带宽，在这方面节省时间会得到卓著的功效。
怎样优化？
1.减少图片的使用频率
2.使用css rollovers代替图片链接。
3.设置恰当的宽度与高度（尽量小）
4.仔细地选择图片的颜色与格式;
GIF: works best for solid colors and sharp-edged transitions from one color to other, Maximum colors: 256.
JPEG: works best for continuous gradations of many colors or grey tones.

 

5.避免动画与flash
6.背景尽量用颜色而不用图片
7.不要把图片放在服务器的多个目录上，（避免在两个请求中，得不到最优从第一次缓存图片）
8.在下载大图片时用进度条掩饰，这是个小把戏，但不会引起用户的反感.
9.尽量使用小于10kb的一张图片，尽量不要把大图裁成小图，因为这样会增加request的次数。
使用CSS Sprites或image maps代替
可以把零碎的一些小图拼成一张大图，然后使用css sprites或image maps。

 

注意细节 提高CSS的网页渲染效率

由Goofy发布在交互效率、前端开发在 注意细节 提高CSS的网页渲染效率上留下评论

CSS学习越深入，我们需要关注的细节之处就越多，今天我们通过11个注意点来提高CSS的网页渲染效率。

1、十六进制的颜色值对位数与大小写

编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。
* 不赞成 – color:#f3a;
* 建议用 – color:#FF33AA;

2、display与visibility的差异

他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时，会有所消耗资源。
* 不赞成 – visibility:hidden;
* 建议用 – display:none;

3、border:none;与border:0;的区别

和display与visibility的关系类似，分别不保留与保留空间。更多的是border:0;尽管可以隐藏掉边框，但它会为你保留border-color/border-style的使用权。
* 不赞成 – border:0;
* 建议用 – border:none;

4、不宜用过小的背景图片平铺

一张宽高1px的背景图片，虽然文件体积非常之小，但渲染宽高500px的板块需要重复平铺2500次。提高背景图片渲染效率跟图片尺寸及体积有关，最大的图片文件体积保持约70KB。
* 不赞成 – 宽高8px以下的平铺背景图片
* 建议用 – 衡量适中体积及尺寸的背景图片

5、慎用IE滤镜

IE的滤镜除了比较消耗资源外也有兼容性问题。当中有让PNG透明的滤镜，可采用GIF或JPG似透非透的办法来避免使用此滤镜。建议只在IE6应用GIF透明，因为IE7以上已经支持了PNG透明。
* 不赞成，滥用IE滤镜因为消耗资源外也有兼容性问题。
* 建议用，最好选择其它方法能避免使用滤镜。

6、*{ margin:0; padding:0;}避免浏览器样式差异

*号通配符把所有标签都初始化一遍，浏览器的渲染消耗一定的资源。有部分在标签在不同浏览器上几乎无差异，或是某些已经不推荐使用的标签(因为你不会去用它)，它们不需通配符要重新初始化一遍这样做能节省一点资源。
* 不赞成，使用*号通配符
* 不赞成，div span button b table等标签纳入通配符控制内外填充样式
* 建议用，有选择性地使用通配符控制内外填充样式。

7、不要添加额外的标签来描述class或id

如果你有一个选择器是以id作为关键选择符，请不要添加多余标签名上去。因为ID是唯一的，你不要为了一个不存在的理由而降低了匹配的效率。
* 不赞成 – button#backButton { }
* 不赞成 – .menu-left #newMenuIcon { }
* 建议用 – #backButton { }
* 建议用 – #newMenuIcon { }

8、尽量选择最特殊的类来存放选择器

降低系统效率的一个最大原因是我们在标签类中用了过多的选择符。通过添加 class 到元素，我们可以将类别进行再细分为class 类，这样就不用为了一个标签浪费时间去匹配过多的选择符了。
* 不赞成 – treeitem[mailfolder=”true”] > treerow> treecell { }
* 建议用 – .treecell-mailfolder { }

　9、避免子孙选择符

子孙选择符是CSS中最耗资源的选择

 

唠唠IE6中PNG透明滤镜AlphaImageLoader

由Goofy发布在CSS、前端开发在 唠唠IE6中PNG透明滤镜AlphaImageLoader上留下评论

AlphaImageLoader

说明：

在对象容器边界内，在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式，则0%-100%的透明度也被提供。

语法：

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。
true：默认值。滤镜激活。
false：滤镜被禁止。

sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
crop：剪切图片以适应对象尺寸。
image：默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale：缩放图片以适应对象的尺寸边界。

src：必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。

具体操作：

  1. 为预览区域（比如要在某个 div 中预览）添加样式：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);。
  2. 为 AlphaImageLoader 设置 src 属性。

—————————————大名叫分割线————————————————

ie6的这个滤镜解决png的问题还是很不错的，我最近都不怎么用iepng.js了。

说说缺点，首先是不能作为循环背景，不能做定位(background-position)。

昨天做项目发现了另一个问题，就是sizingMethod对图片和容器间的影响，你可以仔细看一下上面的参数说明。

这个很有意思，如果是scale这个参数，你就可以把这个容器当作图片来使用了(我的意思是类似img标签)。

另外就是我的png背景透明的父级DOM下的内容不能操作，这个我还没搞清楚，不过我的解决办法是单拿出来一个层写背景，放在我需要背景的元素下面，这样总算是解决了png的大部分问题。

 

3DS Mii广场内置“すれちがい伝説”攻略

由Goofy发布在Nintendo在 3DS Mii广场内置“すれちがい伝説”攻略上留下评论

注意！摘自电玩巴士论坛的文章http://bbs.tgbus.com/forum.php?mod=viewthread&tid=2403077

 

序：

开始我只觉得这游戏好蛋疼，怎么看怎么落俗，不过这游戏奇就奇在它的游戏方式，想召集勇者只有2个方法，要么擦身，要么用硬币。这2种方法都有各自的用途。

因为上限的关系，每次最多只能召集10个勇者，当然最好是通过擦身召集，因为一天就10个硬币，召集1个勇者需要2个硬币，如果单用硬币显然无法满足10人的需求，那么硬币的用途就只好体现在这里，是在通过擦身召集不满10人时临时采取的补救措施，为什么推荐10人一起战斗，下面会着重阐述。

首先要说明2点，第一，召集的勇者是有等级的，而等级又由擦身的次数决定。比如，我今天和A，B，C擦身，那么今天召集的就是3个lv1的勇士，第2天我又和A，D，E擦身，那么第2天我召集来的就是1个lv2和2个lv1的勇士了，如果第3天我还跟A擦身，那么就能召来lv3的勇士，结论就是，和同一个人擦身的次数决定所能召集的勇士等级，等级上限为7。

第二，可能大家也注意到了，不同的勇者（同等级）使用攻击命令效果是一样的，无论性别还是其他，而使用魔法就会出现各种各样的情况，最衰的莫过于放完后说明效果也没有就“哎呀累死了回去了”。其实并不是魔法没有效果，而是没有正确的使用方法。这也是为什么推荐10人推勇者的原因所在。

以下部分资料引自日站wiki。

命令：

剣（普通攻击）：连续3回合物理攻击，攻击力等于勇者的等级，有一定几率miss或者暴击，miss几率个人感觉在10%-20%，暴击约在10%左右，暴击伤害为3倍攻击力。

  • 普通攻击只可以进行单体攻击
  • 每次攻击都会进行命中以及暴击判定
  • 铠甲兵有1的防御，所以lv1的勇者攻击铠甲兵不破防，永远是0的伤害，除非出暴击，暴击伤害为3-1=2点
  • 有些敌人前面会有一个小盾牌，破盾的方法只有用相同颜色的勇者进行普通攻击才可以，与等级无关
  • 如果有勇者使用过黄魔法或者黑魔法，那么理论上可以连续攻击31回（魔法说明见下文）

まほう（魔法攻击）：本作最有意思的莫过于魔法，魔法的效果与勇者的颜色有关，不同颜色的勇者使用魔法的效果各不相同。

  • 红：全屏火焰攻击，伤害值为等级*2，对蓝色敌人效果拔群，伤害为等级*3，对红色敌人无效。
  • 橙：队伍全员攻击次数+1，效果持续至战斗结束，不可带入下一关，效果不可叠加。
  • 黄：降低我方少许命中，但可以使敌人偶尔无法行动。效果持续至战斗结束。
  • 黄绿：催眠全体敌人，在敌人醒来之前可以不间断地攻击，魔法攻击也不会唤醒敌人。
  • 绿：使下一个出场的勇者等级翻倍，如果下一个勇者等级已经到达上限lv7则无效果，等级翻倍后的勇者如果选择待机则效果消失。
  • 青：全屏水系攻击，伤害值为等级*2，对红色敌人效果拔群，伤害为等级*3，对蓝色敌人无效。
  • 水蓝：冰封全体敌人，在敌人恢复行动之前可以不间断地攻击，魔法攻击也不会解冻敌人
  • 粉：大大降低我方命中但大大提升我方暴击，效果持续至战斗结束。
  • 紫：使全体敌人中毒，每回合强制扣除1点HP。
  • 茶：召唤一个流浪者，流浪者等级为召唤者等级或者随机加减1，颜色随机。
  • 白：照亮黑暗的房间（げんえいの塔4层），如果不照亮那么勇者只好乖乖回去了，只需照亮过一次，效果一直持续至该层被推倒（无论来几次都行，只要没过这层）。
  • 黑：使房间变暗。降低我方命中但偶尔可使敌人无法行动。效果持续至战斗结束。

魔法使用技巧：

红、青：对付铠甲兵比较给力，因为绝大多数勇者都只会是lv1，lv1的勇者用普通攻击不但有几率miss，就算命中也不破防，就算出暴击也只有2的伤害，而红，青魔法必定出2的伤害。另外对付多个敌人时也推荐使用。

橙：这就是为什么推荐10人群殴的原因了，使用魔法后后面9个勇者的普通攻击将全部变成4回，变相地多出3个勇者。非常bt的魔法。可惜效果不能叠加。

黄、黑：乍一看有点鸡肋，其实还是很不错的魔法，虽然会降低点命中，但换来的是敌人无法行动，敌人无法行动一次就意味着我方又可以进行3回攻击……rp特别好的童鞋就可以以31回合连续攻击为目标了……

黄绿、水色：极为bt的魔法，同时也是极其考验rp的魔法，这个可以参考口袋妖怪的睡眠和冰冻效果，rp高的童鞋基本上可以用1个勇者清场了……

另外这里要提一下最后一个命令——あどで。即待机。这个命令用好了也是很bt的。比如刚才那个催眠，由于待机后并不会使敌人的debuff消失，所以可以一直待机到等级高的勇者出现，或者待机到出现绿色勇者，放个绿魔法后进行攻击也是不错的选择。记住，debuff消失的判定只发生在攻击后，而与别的命令无关。

绿：这个就不用多说了，但一定要注意强化后的勇者一定要立刻进行攻击，如果选择待机那么效果消失，所以出击时一定要把最牛B的勇者放在绿色勇者的后一位。

粉：堵博式的魔法，对自己rp有信心的童鞋可以用，否则强烈不推荐。

紫：原则上作为最优先魔法使用，但等级高的勇者则另当别论。

茶：对lv1勇者来说百利而无一害，必须用的。而lv2以上则需掂量下rp……

白：除了照亮没别的用处，但就是有个地方非用不可……

怪物资料：

鬼魂：大概7点HP，其他没什么特别的，使劲推就是了。
蓝色/红色鬼魂：注意别用错魔法就行。
带盾的鬼魂：看清颜色再攻击。如果用魔法攻击则伤害减半（如有小数点则只取整）。
铠甲兵：分为鬼魂，恶魔，魔王3种，就是HP越来越长了，其他没什么区别。因为有1点的防所以lv1的勇者就不要指望那点暴击推了，老老实实用魔法或者升级吧。
BOSS：魔防+1。推倒过铠甲魔王的勇者貌似无法参战。另外据说推倒这个BOSS需要50-80个勇者……

宝箱资料：

一周目：

马里奥的帽子：诱惑要塞（这个真不知道怎么翻译好）
猫耳朵：诱惑要塞地下1层
红色皮克敏的帽子：忧郁洞穴
卡比之帽：忧郁洞穴出口
林克的帽子：幻影之塔
狗耳朵：未知（希望有爱的同学提供信息）
萨姆斯头盔：幻影之塔3层
王冠：通关

二周目：

路易的帽子：诱惑要塞
未知的帽子：诱惑要塞地下1层
蓝色皮克敏的帽子：忧郁洞穴

 

关于最终幻想零式的联机和换人问题~

由Goofy发布在ACG、Sony在 关于最终幻想零式的联机和换人问题~上留下评论

如果你用的是PSP2000且是普罗米修斯4.04那你玩最终幻想零式可能会出现：

  1. psp2000被识别成psp1000，继而无法联机
  2. 无法换人

我用的方法是下载了机战2Z的补丁解决的，打了一天还没发现问题。

因为最近115网盘扯了蛋了，所以很多补丁下载资源也扯到了蛋。我丢一个链接在下面大家去下，如果废了大家可以搜一下。

http://www.962.net/gl/27286.html

这里还有一个通用工具修改的方法，贴给大家做参考。

http://zhidao.baidu.com/question/370960831.html&__bd_tkn__=75ff18293f2a9a6b5b10bd63b5a76fbd840abba78078338d51fed8133ea5c69d362ad36bb4bcda3b39bb3949f6bbe47087ac3af56e60b1f4e7eb60157b5bfd3b9b67a1fb5f0f03de0125277ad03bca0e4a769e720d5acefbda48370c745d3a5acd100d3b4fbcadaeee7dfcaccbdc8d0ccb322afe4aaa

女神异闻录之《恶魔幸存者-超频》攻略心得

由Goofy发布在Nintendo、前端开发在 女神异闻录之《恶魔幸存者-超频》攻略心得上留下评论

写在前面：最近查询该游戏包括原版的资料都是各种大坑，NDS上的汉化是大坑，游戏攻略是大坑，就连游戏里面的大BOSS（路西法）也是大坑。但是需要的资料又是那么多，无奈只能自己填坑，填点是点。

 

首先发一个日文攻略网站http://alphawiki.net/dsoc/index.php?FrontPage，语言障碍可以通过chrom浏览器自带的翻译，看个大概，应该是够用的。

 

但是这个攻略只给了前7天的说明，没有结局分支解说，就算是第七天也是通用时间表。

下面是日文站上得简要说明（人名是美版的，表格是人肉缩进的，如果错位了自行纠错）

  • 第七天不同路线需要打的boss

角色名             NaoyaA    翔門会    Bel    四天王    蝿様    天使’s    Berit(多脸怪)    NaoyaB    Bel

Gin                       －           －         Ｏ        Ｏ         Ｏ        －                Ｏ                －          Ａ

Atsurou                Ｏ           －         －        Ｏ         Ｏ        －                Ｏ                －          Ｂ

Naoya&Kiddo      －           Ｏ         Ｏ        Ｏ         Ｏ        Ｏ                Ｏ                －          Ｃ

Amane                 －           －         Ｏ         Ｏ         Ｏ        －               Ｏ                 Ｏ          Ｃ

 

从上表看出实质区别并不大，所以网上流传的NDS版的难度说根本就是逗新手玩。

 

我现在除了Atsurou和Naoya结局(实际上第六天选择结局的时候我只看到Yuzu，没看到Atsurou，不知道是不是我打的有问题)，其他都已经打掉，但是因为我前两次都没有成功救到Mari(英文苦手的悲剧)，所以Kiddo的结局貌似打出了死循环，每次打完都让我创建第八天，这个我之后攻略了再补。

 

我一周目选择的是Amane打的救世主结局，这个应该是所有周目boss最多的，而且最后的须佐之男是鬼神(攻击两次)，打起来绝对过瘾。但是srpg苦手建议2周目以后打，简单的多。

 

二周目选择的是Kiddo看日文网站攻略感觉Naoya和Kiddo的结局可能都是一样，King of Bel。这个结局的第八天我现在是打出了两个路线。

当上King of Bel让天使滚蛋，主角去恶魔世界管理恶魔。

干掉天使，主宰世界。

选择路线的分水岭在于是否要杀人类，英文苦手也看得懂。

 

三周目选的是Gin的，也就是Haru唱歌送天使恶魔都滚蛋的结局。仲魔都没了，第八天没戏唱了，所以这个结局没有第八天…

但是值得一提的是，网上流传的仲魔送走后只剩下人对战，他们没有说这个对战不是人对人，是人对最后Boss(第七天的boss，那个柱子的最后形态)，还好我坚持到了第二次转属性，弱无力暴力推倒，不然我真的要尿了…

 

第四周目打的Yuzu的，逃跑这条线心灵上受到了摧残，不过这个周目没什么好说的，亲Yuzu对话就好，但是第八天有个要注意的是如果让Gin幸存，并在第八天倾向与跟他有关的事情会得到另一个结局，而且这个结局会解开一个成就。

 

其他的结局正在打，回头补…

 

说一下奖励兑换系统（P点兑换）

虽然我打的结局比较难，但是一周目得分并不是很高（貌似给了不到500P）

继承1只已有恶魔 10pts

继承4只已有恶魔 60pts

继承8只已有恶魔 180pts

继承所有恶魔 300pts

继承技能 10pts

继承Macco 110pts

这个貌似是恶魔书列表的继承 40pts

经验无限制解除  60pts （这个就是假如一个20级的怪有1000EXP，那么不管你是多少级都是得到1000EXP，不会因为你等级高了经验会打折）

恶魔书召唤恶魔打9折 40pts

恶魔书召唤恶魔打7折 120pts

恶魔书召唤恶魔打5折 200pts

恶魔合成不受等级限制 70pts

开放路西法对战 100pts

 

先写这些，有问题问，我会解答我知道的，并补充在里面，填坑辛苦，有砖轻拍。

 

————————吐槽——————–

打完救世主结局，整个故事就清晰了，这根本就是亚伯-该隐-神的三角恋故事！

官方壁纸女性部分竟然还有个路人甲充数，坑爹呀。

 恶魔幸存者1

恶魔幸存者2