zxhfighter

那些相见恨晚的sublime插件

为了提高效率，做一个life-saver，用过各式各样的sublime插件，个人总结了几个让我相见恨晚的插件。

Emmet

---

Emmet，用来快速编写HTML和CSS的神器，你值得拥有。

zxhfighter

URL编码总结

阮一峰老师写过一篇《关于URL编码》，不过该篇文章较为久远，且现在浏览器升级迭代迅速，文中不少案例需要进行修正。

一、问题的由来

URL就是网址，只要上网，就一定会用到。

通常，URL只能使用英文字母、阿拉伯数字和某些标点符号，不能使用其他文字和符号。比如，世界上有英文字母的网址“http://www.abc.com”，但是没有希腊字母的网址“http://www.aβγ.com”（读作阿尔法-贝塔-伽玛.com）。这是因为网络标准RFC 1738做了硬性规定：

zxhfighter

IE下查询字符串后缀引起的问题

---

背景介绍：下面这个Flash文件，由框架和资源组成，即先请求Flash框架（哪些位置放哪些东西等），然后每个位置去请求具体的资源。

http://ubmcmm.baidustatic.com/media/v1/0f000nUxY-8GqMBVo9bc7s.swf?url_type=1&id_281261619=media%2Fv1%2F0f0005TkYicFT0Q8Eyan30.jpg&id_452755053=media%2Fv1%2F0f000FhisGx-_Qb7nIsPCs.gif&id_434813977=media%2Fv1%2F0f000PLikfdq98A67ncy10.png&id_434805402=media%2Fv1%2F0f0000gKbw6aY5-bUffi50.png&id_452734991=media%2Fv1%2F0f000F4h8XHrKJjd0u_Lv0.swf&id_452755121=media%2Fv1%2F0f00052A6uzu0fMxYNkIlf.swf&id_452755057=media%2Fv1%2F0f000FhisG5-_Qb7nIsPos.swf&id_423357099=media%2Fv1%2F0f0005DLCDtuih4TKT7ty0.swf&id_452609372=media%2Fv1%2F0f00052A6uau0fMxYNkI4f.gif

问题来了：在Chrome和Firefox下面，该Flash都能正常预览，但是IE8下，则只请求了那个框架文件，而没有去请求具体的Flash资源。

zxhfighter

Nginx的405错误

绝大多数服务器，都不允许静态文件响应POST请求(GET请求静态文件是天经地义的)，否则会返回HTTP/1.1 405 Method not allowed错误。

然而在前端开发中，前端开发工程师经常模拟后端请求，返回静态数据来查看页面效果，怎么办？

目前有两种方案解决：

方案一：修改配置文件nginx.conf（推荐）

zxhfighter

normalize.css

简介

---

normalize.css是一个可自定义的CSS文件，使所有浏览器呈现一致的元素，并且符合现代浏览器标准。

该项目通过依赖研究不同浏览器的样式差别来精确定位需要重置的样式。

zxhfighter

关于JavaScript中的bind函数

为什么需要bind函数?

---

首先，举个简单的例子，下面代码的运行结果是什么？

var x = 9;

var module = {

zxhfighter

不同浏览器使用object元素和embed元素嵌入Flash的差异

问题描述

---

通常情况下，IE系列浏览器通过ActiveX控件使用object元素引入Flash；而其他浏览器则是通过相应的NPAPI插件使用embed元素。这造成了各浏览器插入Flash方式的差异。

因此，如果仅仅使用object元素设置了classid属性引入Flash，则有可能在某些浏览器中无法引入Flash。而若嵌套的object和embed元素参数不统一，也可能造成引入的Flash在不同浏览器中存在差异，甚至无法正常加载。

zxhfighter

chrome开发工具小技巧

chrome开发工具乃前端神器，基本上能够解决前端开发的大部分问题，不过为了更高的提高开发效率，下面这些小技巧你是否已经get√呢？

技巧一：快捷键

---

• ctrl + o: 定位文件（采用首字母匹配定位）
• ctrl + shift + o: 定位函数名（JS中）或选择器（CSS中）

zxhfighter

Promises-异步编程范式

由于JavaScript的事件机制，很多场合需要异步回调，有些情况下会有多层的回调嵌套，代码风格不可避免偏向于“意大利面条式”，非常不优雅。

$.get(URL1, function(data) {
    $.get(URL2, function(data) {
        $.get(URL3, function(data) {
            doSomething();
        });

});

zxhfighter

鲎

下面这种古怪生物就是鲎（音同“后”）。

鲎主要生存在墨西哥灣和北美洲東岸，它的最大特点就是其蓝色血液能够检测出含量低至万亿分之一的细菌和其他污染物，因此很多制药公司从鲎中提取血液制成药剂，不过不要担心，鲎并不会死去。