zxhfighter

使用python托管文件夹

• python 3.X: 输入python -m http.server
• python 2.X: 输入python -m SimpleHTTPServer

zxhfighter

get请求和post请求对比

get请求

get请求将查询字符串跟随url发送到服务器，类似如下的格式：

/test/demo_form.asp?name1=value1&name2=value2

参数除了一般的英文字母和数字，有时也免不了要传递一些汉字、特殊符号什么的。

zxhfighter

curl 命令

如果你再*nix机器下，运行man curl命令查看具体的使用用法。

curl 简介

curl is a tool to transfer data from or to a server, using one of the supported protocols (http, https, ftp, ftps...). The command is designed to work without user interaction.

curl offers a busload of useful tricks like proxy support, user authentication, ftp upload, http post, ssl connections, cookies, file transfer resum and more.

zxhfighter

{
    // if allow use bit-wise operators like ^,|,&
    "bitwise": false,
    
    // camelCase or UPPER_CASE
    "camelcase": true,
    
    // always use curly braces
    "curly": true,
    

zxhfighter

创意汇

nginx.conf自动生成程序

前端测试的测试数据来源可以是本地数据桩，也可以来自真实数据，在这两者之间切换时，经常需要修改ngnix.conf文件，可以开发一个小软件，该软件采用c#开发，打包成.exe文件，配置存储在文本文件中。

完成：否

zxhfighter

shim和polyfill的区别

前端工程师经常会遇到这两个词：shim和polyfill，这两个是啥东西呢?

shim

英文意思为“垫片”，“垫片”一般是为了填充两个事物的缝隙或者使两件事物结合起来。

在JavaScript的世界里，shim就是一个库，用于将一个新的API引用到一个旧环境中，并且仅仅依靠旧环境中已有的手段实现。

zxhfighter

HTTP的406错误

经常和HTTP协议的200，50X，302，404等状态码打交道，这次在使用一个Flash上传控件，上传文件时，在ie下遇到了406。

具体情况描述如下：

chrome可以正常上传，之后接受响应的JSON对象；而ie则返回406（火狐则302重定向了）。

对比两次请求，发现请求头的accept参数不一样，chrome下为*/*，而ie下为text/*，后台框架(spring mvc)处理响应时，默认不支持text/*类型，从而导致了406。

zxhfighter

使用Flash上传控件上传文件，一般都要知道是谁（标志用户的session或cookie等）上传的文件，放什么地方，因此需要获取已登录的用户身份信息，增强安全性，避免攻击。

以java型应用为例，一般请求和响应都会携带有名为JSESSIONID的cookie。开发时发现，在IE和chrome下面，上传文件时，请求头都会携带JSESSIONID，但是Firefox下面则不会携带JSESSIONID（其它cookie也不携带）。

搜索发现原因如下（未验证准确性）：

IE浏览器下ActiveX模式下的Flash插件使用的是IE的链接池，所以获取的Session和Cookie是一致的，而在Firefox下的是Plugin模式，使用自有的链接，没有使用FF的链接池，所以FF下便产生了两个不同的链接，所以Session和Cookie找不到了。（Chrome呢？）

解决方案是将标志用户的JSESSIONID传递给Flash，然后上传。

zxhfighter

1. bootstrap是由twitter推出的一个开源的前端框架。

2. bootstrap脚本部分依赖jquery，样式部分采用LESS开发，然后经过编译（即将LESS->CSS）和压缩（压缩脚本和CSS），生成最终版本。

3. bootstrap诱人特性：友好学习曲线、卓越兼容性、响应式设计、12列网格、基于LESS和jquery、移动支持，使用Normalize支持扩浏览器渲染、媒体查询等等。

4. 网格系统需要注意的地方：

• 每一行(.row)必须包含在(.container)中
• 使用行(.row)来对列进行分组

zxhfighter

2013-11-15

Web性能优化评测指标和用户体验性能评测指标。

Web性能可以有技术型的评测指标，例如dns解析时间、首字节时间等。对于用户来说，更加关注首次渲染时间、首屏时间等。下面两篇文章就对此进行了介绍。

• Essential Web Performance Metrics — A Primer, Part 1
• Essential Web Performance Metrics — A Primer, Part 2