redis

一、redis支持的数据类型

string（字符串）

• 描述:
  二进制安全，基本的常用的数据类型，大能存储 512MB
• 基本用法:
  1、写入： SET key “value”
  2、读取： GET key
• 使用场景:
  常用的kv存取

  hash（哈希）

• 描述:
  是一个键值(key=>value)对集合，也就是一个key对应多个kv
• 基本用法:
  1、写入：
  多个kv：HMSET hash_key field_key1 “val1” field_key2 “val2”
  一个kv：HSET hash_key field_key3 “val3”
  2、读取：
  HGET hash_key field_key1
• 使用场景:
  例如存用户信息

  list（列表）

• 描述：
  按照插入顺序排序,你可以添加一个元素到列表的头部（左边）或者尾部（右边），常用实现队列，一个列表最多可以包含 232 - 1 个元素 (4294967295, 每个列表超过40亿个元素)
• 基本用法:
  1、头部插入:
  LPUSH listKey val1
  LPUSH listKey val2
  LPUSH listKey val3
  尾部取出：
  RPOP listKey //val3

2、尾部插入:
RPUSH listKey val1
RPUSH listKey val2
RPUSH listKey val3
头部取出：
RPOP listKey //val1

• 使用场景:
  队列实现，消息队列，商品抢购等等需要有序排队的情况

  set（集合）

• 描述：
  String 类型的无序集合。成员是唯一的，不能出现重复的数据。
• 基本用法：
  1、写入：
  SADD set_key val1 [val…]
  SADD set_key val2 [val…]
  2、读取：
  SMEMBERS set_key //读所有合集中的成员
  SCARD set_key //获取集合的成员数
  SREM set_key val2 [val…] //移除集合中一个或多个成员
• 使用场景:
  例如存一个人的粉丝，交集、并集、差集等操作，可以非常方便的实现如共同关注等功能

  zset(sorted set：有序集合)

• 描述：
  String 类型的有序集合。不能出现重复的数据，每个元素都会关联一个 double 类型的分数(score)，分数可重复
• 基本用法：
  1、写入：ZADD key 分数(int) val(value) [分数(int) val(value) …]
  2、读取：
  ZRANGE key 0 10 WITHSCORES //从小到大取10个 从大到小用ZREVRANGE
  ZRANGE key 0 -1 WITHSCORES //返回所有
• 使用场景:
  例如排行榜

  二、缓存穿透、缓存击穿、缓存雪崩区别

  1、缓存穿透（缓存和数据库中都没有的数据）：

• 描述:
  缓存和数据库中都没有的数据，而用户不断发起请求。常规情况存储层查不到数据则不写入缓存，导致这个不存在的数据每次请求都要到存储层去查询
• 解决:
  1)增加查询参数校验，避免一些超过常规情况和非法的参数请求进来，例如（id：-1）
  2)针对在数据库中找不到记录的，仍然将该空数据存入缓存中，设置一个较短的过期时间，如30秒（设置太长会导致正常情况也没法使用）
  3)布隆过滤器(Bloom Filter)，可以快速确定数据是否存在

  2、缓存击穿（缓存没有数据和数据库中有数据，热门key，一般是缓存时间到期）：

• 描述:
  缓存击穿表示某个key的缓存非常热门，有很高的并发一直在访问，如果该缓存失效，那同时会走数据库，压垮数据库。
• 解决:
  1、让该热门key的缓存永不过期。
  2、增加根据key增加互斥锁，通过redis的setnx实现互斥锁

  3、缓存雪崩（大面积缓存同时到期）

• 描述:
  大面积缓存同时到期，导致大量请求来访问数据库
• 解决:
  1、设置缓存过期时间时加上一个随机值，避免缓存在同一时间过期

  三、HyperLogLog使用与应用场景

  1、HyperLogLog：

• 用来做基数统计的算法，结果有 0.81%的误差，和bitmap相比更节省内存
• bitmap用来数组来表示各元素是否出现
• HyperLogLog基数统计的算法（去重后的次数），非redis独有
• 占用内存小
• hyperloglog key占用了12K的内存用于标记基数

  2、基本使用

• pfadd 添加 :pfadd m1 1 2 3 4 1 2 3 2 2 2 2
• pfcount 获得基数值: pfcount m1 //4
• pfmerge 合并多个key:
  pfadd m1 1 2 3 4 1 2 3 2 2 2 2 //1
  pfcount m1 //4
  pfadd m2 3 3 3 4 4 4 5 5 5 6 6 6 1 //1
  pfcount m2 //5
  pfmerge mergeDes m1 m2 //ok
  pfcount mergeDes //6

  2、使用场景

• 需要统计的数据基数很大
• 可以和bitmap配合使用，bitmap标示存在的元素，hyperloglog用来计数
• 统计注册IP数、在线人数、每日访问的uv、ip等

  四、redis的集群高可用方案

  1、主从模式：

  一个master可以拥有多个slave，但是一个slave只能对应一个master
  主可以读写，从只能读
• 缺点：
  主库挂了以后服务将不能写入

  2、Sentinel模式（哨兵）：

  建立在主从模式的基础上，监听redis的mater的状态，如果master挂掉了，会在slave上选出一台机器作为master
  使用时需要连接sentinel的ip和port而不是redis的

3、Cluster模式：

在需要更大规模的存储的时候主从模式或sentinel模式就不能很好的满足需求了
cluster模式的解决单机Redis容量有限的问题，将Redis的数据根据一定的规则分配到多台机器
redis版本低的话需要安装对应版本的ruby
去中心化的，每个节点（master）都是平等的，连接哪个节点都可以获取和设置数据。

一、分布式事务

1、tcc（最终一致性）

• 一般使用tcc分布式事务框架
• 实现的功能需要修改的代码比较多，需要个个系统配合完成try、commit和cancel方法
• 有try、commit和cancel三个阶段
• TCC是业务层面的分布式事务，最终一致性，不会一直持有资源的锁。
• try阶段保证各自服务本地资源一致
• commit 和cancel只会有一个被执行
• try阶段有服务失败将触发cancel 如果cancel失败，那么走补偿机制，保证最终一致性
• 不会阻塞资源
• 执行流程
  1) 成功流程：事务框架->try（请求所有服务预留业务资源,不阻塞）->成功->commit(所有服务正式提交修改)
  2) 失败流程：事务框架->try（请求所有服务预留业务资源,不阻塞）->失败->cancel(告知所有服务取消预约)
  3) commit/cancel 如果失败了，那么走补偿机制，保证最终一致性

  3、xa两段提交（强一致性）（阻塞）

• 分为协调者(xa协调工具)、参与者(各服务)
• XA是资源层面的分布式事务，强一致性，在两阶段提交的整个过程中，一直会持有资源的锁。
• 只有try 和commit 两个阶段
• 执行流程
  1) 成功流程：协调者->try（询问所有服务是否可以执行,持有资源的锁）->成功->协调者通知commit(所有服务正式提交修改),解除资源锁定
  2) 失败流程：协调者->try（询问所有服务是否可以执行,持有资源的锁）->失败->协调者通知rollback,解除资源锁定

2、mq事务消息（最终一致性）

• 实现的功能需要修改的代码相对较少，消费端几乎不需要任何修改
• 只能保证（生产端的业务和消息投递到mq同时成功）
• 消费端消费失败走补偿机制，保证最终一致性
• 执行流程
  1) 服务a向mq发送prepare消息（本地事务，消费端不会收到）->mq得到返回给服务a执行结果->只能服务a本地业务
  2) 服务a本地业务执行成功->向mq发送事务消息的提交commitlog->消息出现在真实的mq消息中->消费端接收处理
  3) 服务a本地业务执行失败->向mq发送事务消息的撤销commitlog->移除事务消息
  4) 如果mq未收到事务的commit/rollback则会回查事务状态，然后继续执行

  4、最大努力通知

• 不可靠消息：业务活动主动方，在完成业务处理之后，向业务活动的被动方发送消息，直到通知N次后不再通知，允许消息丢失(不可靠消息)。
• 定期校对：业务活动的被动方，根据定时策略，向业务活动主动方查询(主动方提供查询接口)，恢复丢失的业务消息。

  5、可靠消息最终一致性

• 是指产生消息的业务动作与消息发送的一致
• 如果业务操作成功，那么由这个业务操作所产生的消息一定要成功投递出去
• 异步确保性
• 一般可以使用mq事务消息实现

mysql

一、锁相关

1、悲观锁：

• 悲观的认为每次操作数据的时候都会有人来修改数据，所以使用数据时对其加锁，确保在自己使用的过程中数据不会被别人修改，使用完成后进行数据解锁。由于数据进行加锁，期间对该数据进行读写的其他线程都会进行等待。写入频繁使用悲观锁

  2、乐观锁：

• 所以每次获取数据的时候都不会进行加锁，但是在更新数据的时候需要判断该数据是否被别人修改过。一般是在sql的where上带版本号或时间戳，写代码时候自己实现，读取频繁使用乐观锁

  3、共享锁：(自己读写，其他读)

• 如果事务T对数据A加上共享锁后，则其他事务只能对A再加共享锁，不能加排他锁。获准共享锁的事务只能读数据，不能修改数据。

  4、排他锁：(只能自己读写)

• 如果事务T对数据A加上排他锁后，则其他事务不能再对A加任任何类型的封锁。获准排他锁的事务既能读数据，又能修改数据。

  5、简要说明为什么会发生死锁?

• 若干事务相互等待释放封锁，就陷入无限期等待状态，系统就进入死锁

  6、解决死锁的方法应从预防和解除的两个方面着手：

• 死锁的预防方法：
  ①要求每一个事务必须一次封锁所要使用的全部数据（要么全成功，要么全不成功）
  ②规定封锁数据的顺序，所有事务必须按这个顺序实行封锁。
• 允许死锁发生，然后解除它，如果发现死锁，则将其中一个代价较小的事物撤消
  ，回滚这个事务，并释放此事务持有的封锁，使其他事务继续运行。

二、事务隔离级别

1、Read uncommitted（读未提交）（脏读）:

• 在该隔离级别，所有事务都可以看到其它未提交事务的执行结果。可能会出现脏读。

  2、Read Committed（读已提交，简称： RC）（幻读）：

• 一个事务只能看见已经提交事务所做的改变。因为同一事务的其它实例在该实例处理期间可能会有新的 commit，所以可能出现幻读。

  3、Repeatable Read（可重复读，简称：RR）（默认，结果相同）：

• 这是 MySQL 的默认事务隔离级别，它确保同一事务的多个实例在并发读取数据时，会看到同样的数据行。消除了脏读、不可重复读，默认也不会出现幻读。

  4、Serializable（串行）：

• 这是最高的隔离级别，它通过强制事务排序，使之不可能相互冲突，从而解决幻读问题。

  三、索引

  摘自

  1、重要概念

• 基数：单个列唯一键（distict_keys）的数量叫做基数。
• 回表：当对一个列创建索引之后，索引会包含该列的键值及键值对应行所在的rowid。通过索引中记录的rowid访问表中的数据就叫回表。回表次数太多会严重影响SQL性能，如果回表次数太多，就不应该走索引扫描，应该直接走全表扫描。
  EXPLAIN命令结果中的Using Index意味着不会回表，通过索引就可以获得主要的数据。Using Where则意味着需要回表取数据。

2、优化原则

• 适合索引的列是出现在where子句中的列，或者连接子句中指定的列；
• 基数- 较小的类，索引效果较差，没有必要在此列建立索引；
• 使用短索引，如果对长字符串列进行索引，应该指定一个前缀长度，这样能够节省大量索引空间；
• 不要过度索引。索引需要额外的磁盘空间，并降低写操作的性能。在修改表内容的时候，索引会进行更新甚至重构，索引列越多，这个时间就会越长。所以只保持需要的索引有利于查询即可。

  四、b-tree索、b-tree索引、hash索引

  1、b+tree

• B+ 树是 B 树的变体，定义基本与 B 树一致，与 B 树的不同点
• 所有叶子节点中包含了全部关键字的信息
• 非叶子节点上只存储 key 的信息，这样相对 B 树，可以增加每一页中存储 key 的数量
• B 树是纵向扩展，最终变成一个 “瘦高个”，而 B+ 树是横向扩展的，最终会变成一个 “矮胖子”
• 各叶子节点用指针进行连接
• mysql使用b+树索引
• innodb索引和数据存在一个文件中
• myisam下索引叶子节点保存数据的地址而不是数据本身

  2、b-tree

• 多路搜索树，每个结点存储M/2到M个关键字，非叶子结点存储指向关键字范围的子结点；
• 所有关键字在整颗树中出现，且只出现一次，非叶子结点可以命中；
• 树的每个节点都包含key值和data值，叶子节点可以看作外部节点，不包含任何信息；
• 如果 data 比较大时，每一页存储的 key 会比较少；当数据比较多时，同样会有：“要经历多层节点才能查询在叶子节点的数据” 的问题。

  3、mysql中的b+tree

• 在B-树基础上，为叶子结点增加链表指针，所有关键字都在叶子结点中出现，非叶子结点作为叶子结点的索引；B+树总是到叶子结点才命中；
• 主聚集索引（clustered index）和辅助索引（secondary index）
• 具体行数据在在聚集索引上，辅助索引叶子节点存储聚集索引的key值，也就是主见
• 辅助索引的叶子节点并不包含行记录的全部数据
• 树的磁盘读写代价更低
• 树的查询效率更加稳定

  4、B*树：

• 在B+树基础上，为非叶子结点也增加链表指针，将结点的最低利用率从1/2提高到2/3；

  5、mysql中的hash 索引

• Hash索引仅仅能满足“=”,“IN”,“<=>”查询，不能使用范围查询
• 联合索引中，Hash索引不能利用部分索引键查询
• Hash索引无法避免数据的排序操作
• Hash索引任何时候都不能避免表扫描
• Hash索引遇到大量Hash值相等的情况后性能并不一定会比BTree高

五、分库、分表

1、为什么要分表：

• 减小数据库的单表负担，缩短查询时间，减少锁等待的情况。

  表垂直分区

• 减少一个表中的字段，根据id关联起来

  表水平分区

• 使用规则（例如按id哈希、id区间、时间）分组，可以单库多表或多库多表

  分库分表后查询问题

• 单库多表
  如果分表为myisam引擎的表，可以创建一个merge引擎的集合表来查询（merge引擎要求被合并表中不能又重复字段）
  如果是innodb引擎，只能根据规则单独查询在合并或使用搜索引擎解决
• 多库多表
  将数据通过同步插件(例如logstash)或者mq同步到Elasticsearch，然后通过lasticsearch查询，
  如果数据量过大可以引入hbase 将数据存到hbase中，然后通过lasticsearch存储hbase的rowkey，然后查到rowkey去hbase中取数据

六、引擎

1、innodb：

• MySQL 5.5 之后的默认存储引擎
• 默认引擎
• 支持行锁
• 索引叶子节点存储数据
• 支持事务
• 默认select不加锁，UPDATE、INSERT、DELETE默认都是排它锁，可以通过（lock in share mode）和（for update）加共享锁和排他锁：
• Record Lock：单个记录上的索引加锁，Gap Lock：间隙锁，对索引项之间的间隙加锁，但不包括记录本身，Next-Key Lock：Gap Lock + Record Lock，锁定一个范围，并且锁定记录本身。
• 如果不通过索引条件检索数据，那么 InnoDB 将对表中所有记录加锁，实际效果跟表锁一样（where不命中索引就锁表）。

2、myisam：

• MySQL 8.0弃用
• MySQL 5.5 之前的默认存储引擎
• 支持表锁
• 不支持行锁
• 不支持事务
• 索- 引叶子节点只保存数据的地址而不是数据本身

七、explain

摘自

1、用途

• 表的读取顺序如何
• 数据读取操作有哪些操作类型
• 哪些索引可以使用
• 哪些索引被实际使用
• 表之间是如何引用
• 每张- 表有多少行被优化器查询
  ……

  2、explain包含的字段

• id //select查询的序列号，包含一组数字，表示查询中执行select子句或操作表的顺序
• select_type //查询类型
• table //正在访问哪个表
• partitions //匹配的分区
• type //访问的类型
• possible_keys //显示可能应用在这张表中的索引，一个或多个，但不一定实际使用到
• key //实际使用到的索引，如果为NULL，则没有使用索引
• key_len //表示索引中使用的字节数，可通过该列计算查询中使用的索引的长度
• ref //显示索引的哪一列被使用了，如果可能的话，是一个常数，哪些列或常量被用于查找索引列上的值
• rows //根据表统计信息及索引选用情况，大致估算出找到所需的记录所需读取的行数
• filtered //查询的表行占表的百分比
• Extra //包含不适合在其它列中显示但十分重要的额外信息

###二进制转十进制
32位机器上的自然数一共有4294967296个，
如果用一个bit来存放一个整数，1代表存在0代表不存在，那么把全部自然数存储在内存只要4294967296 / (8 * 1024 * 1024) = 512MB（8bit = 一个字节）
而这些自然数存放在文件中，一行一个数字，需要20G的容量。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81

     
class BitMap
{
    public static $map = [];
    //插入值
    public static function setValue($value) {
        $index = self::getIndex($value);
        if (isset(self::$map[$index])) {
            self::$map[$index] |= 1 << ($value & 31);
        } else {
            self::$map[$index] = 1 << ($value & 31);
        }
        /* (1) $value & 31 相当于 $value % 32 ，
         *  这个是取当前的值标示是否存在的位置
         *  例如$value = 67 得到3 位置应该是在二进制从右往左数的下标3的位置也就是第四位
         * (2) 1 << ($value & 31) 就是 把当前得到的值转化成二进制的位置
         *  例如$value = 67 得到3  3的二进制 为11 向左偏移3位 得到2进制 1000
         * (3) |= 是 按位或运算并赋值
         *  所以当前$map[$index] 的二进制的值为 1000 十进制就是8
         */


        echo "当前值的二进制：".(decbin($value))."\n";
        echo "取模位置左移1：".(decbin(1 << ($value & 31))).'-'.(1 << ($value & 31))."\n";
        echo "插入后map：".(decbin(self::$map[$index])).'-'.(self::$map[$index])."\n";
    }
    //查找某个值是否存在
    public static function haxValue($value) {
        $index = self::getIndex($value);
        if (!isset(self::$map[$index])) {
            return false;
        }
        /**
         *  例如传入的值为87，bitmap中存的值为67
         * (1) 1 << ($value  & 31) 得到1<<23 ,1左偏移23位，
         * 得到 二进制值为 100000000000000000000000 也就是十进制的8388608
         * (2) 然后和 self::$map[$index] 进行按位与（二进制1000 和 二进制 100000000000000000000000）
         * 得到二进制 000000000000000000000000也就是十进制的0 也就是不存在
         * 如果存在则返回这个数在self::$map[$index] 中的位置转换成的十进制的值 （如67返回8二进制也就是1000）
         */
        if ((self::$map[$index] & (1 << ($value  & 31)))==0) {
            return false;
        }
        return true;
    }

    public static function display()
    {
        $keys = array_keys(self::$map);
        foreach ($keys as $key) {
            print "map index: {$key}, bit:\n";
            $temp = self::$map[$key];
            $bit_str = '';
            for ($i = 0; $i <= 31; $i++) {
                $bit_str = (1 & $temp) . $bit_str;
                echo ($bit_str)."\n";
                $temp >>= 1;
            }
            echo "{$bit_str}\n";
        }

    }
    //去出在数组的第几个key里面
    private static function getIndex($value) {
        return $value >> 5;
        /**
         * 相当于floor($value / 32);
         * 这里是2进制运算当前值右移动5位
         * 例如67 二进制为1000011 右移动5位二进制为10 十进制为2
         */
    }
}


$list = [67];
foreach ($list as $value) {
    BitMap::setValue($value);
}

BitMap::display();
var_dump(BitMap::haxValue(87));

###二进制转十进制

1
2
3
4

例：二进制110101转10进制
= 1 * 2^5 + 1 * 2^4 + 0 * 2^3 + 1 * 2^2 + 0 * 2^1 + 1 * 2^0
= 32 + 16 + 0 + 4 + 0 + 1
= 53

上面是2进制转10进制所以是用2的次方 ， 如果3制转10进制那就用3的次方

###十进制转2进制

1
2
3
4
5
6
7
8

例：十进制53转2进制 
= 53/2  = 26 余1
= 26/2  = 3  余0
= 13/2  = 6  余1 
= 6/2   = 3  余0
= 3/2   = 1  余1
= 1/2   = 0  余1 
然后余数倒序 = 110101

上面是转2进制所以除2 ， 如果转3进制就除3 ，4进制就除4

方法1： 用SET PASSWORD命令

首先登录MySQL。

格式：mysql> set password for 用户名@localhost = password(‘新密码’);

例子：mysql> set password for root@localhost = password(‘admin100’);

上面例子将用户root的密码更改为admin100

方法2：用mysqladmin

格式：mysqladmin -u用户名 -p旧密码 password 新密码

例子：mysqladmin -uroot -p123456 password admin100

上面例子将用户root原来的密码123456改为新密码admin100

方法3：用UPDATE直接编辑user表

首先登录MySQL。

mysql> use mysql;

mysql> update user set password=password(‘admin100’) where user=’root’ and host=’localhost’;

mysql> flush privileges;

方法4：在忘记root密码的时候，可以这样。

以windows为例：

1. 关闭正在运行的MySQL服务。

2. 打开DOS窗口，转到mysql\bin目录。

3. 输入mysqld –skip-grant-tables 回车。–skip-grant-tables 的意思是启动MySQL服务的时候跳过权限表认证。

4. 再开一个DOS窗口（因为刚才那个DOS窗口已经不能动了），转到mysql\bin目录。

5. 输入mysql回车，如果成功，将出现MySQL提示符 >。

6. 连接权限数据库： use mysql; 。

7. 改密码：update user set password=password(“admin100”) where user=”root”;（别忘了最后加分号） 。

8. 刷新权限（必须步骤）：flush privileges;。

9. 退出 quit。

10. 注销系统，再进入，使用用户名root和刚才设置的新密码admin100登录。

HTTP状态码（HTTP Status Code）是用来表示网页服务器HTTP 响应状态的3位数字代码。它由RFC 2616规范定义的，并得到RFC 2518、RFC 2817、RFC 2295、RFC 2774、RFC 4918等规范扩展。所有状态码的第一个数字代表了响应的五种状态之一

HTTP/1.1定义的状态码值和对应的原因短语（Reason-Phrase）的例子。
1XX表示:消息
这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。由于HTTP/1.0 协议中没有定义任何1xx状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发送1xx响应。 这些状态码代表的响应都是信息性的，标示客户应该采取的其他行动。
100 : Continue 客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分.
101 : witching Protocols 服务器已经理解了客户端的请求，并将通过Upgrade消息头通知客户端采用不同的协议来完成这个请求。在发送完这个响应最后的空行后，服务器将会切换到 在Upgrade消息头中定义的那些协议。: 只有在切换新的协议更有好处的时候才应该采取类似措施.
102: Processing 由WebDAV（RFC 2518）扩展的状态码，代表处理将被继续执行。
2XX表示:成功
这一类型的状态码，代表请求已成功被服务器接收、理解、并接受。
200 : OK
201 : Created 已创建
202 : Accepted 接收
203 : Non-Authoritative Information 非认证信息
204 : No Content 无内容
205 : Reset Content 重置内容
206 : Partial Content 服务器已经成功处理了部分GET请求。类似于FlashGet或者迅雷这类的HTTP 下载工具都是使用此类响应实现断点续传或者将一个大文档分解为多个下载段同时下载。
207: Multi-Status 由WebDAV(RFC 2518)扩展的状态码，代表之后的消息体将是一个XML消息，并且可能依照之前子请求数量的不同，包含一系列独立的响应代码.
3XX表示: 重定向
这类状态码代表需要客户端采取进一步的操作才能完成请求。通常，这些状态码用来重定向，后续的请求地址（重定向目标）在本次响应的Location域中指明。
300 : Multiple Choices 多路选择
301 : Moved Permanently 永久转移
302 : Found 暂时转移
303 : See Other 参见其它
304 : Not Modified 未修改
305 : Use Proxy 使用代理
306: Switch Proxy 在最新版的规范中，306状态码已经不再被使用。
307 : Temporary Redirect 请求的资源现在临时从不同的URI响应请求。由于这样的重定向是临时的，客户端应当继续向原有地址发送以后的请求。只有在Cache-Control或 Expires中进行了指定的情况下，这个响应才是可缓存的。
4XX表示: 客户端错误
这类的状态码代表了客户端看起来可能发生了错误，妨碍了服务器的处理。
400 : Bad Request 错误请求
401 : Unauthorized 未认证
402 : Payment Required 需要付费
403 : Forbidden 禁止
404 : Not Found 请求失败，请求所希望得到的资源未被在服务器上发现
405 : Method Not Allowed 方法不允许
406 : Not Acceptable 不接受
407 : Proxy Authentication Required 需要代理认证
408 : Request Time-out 请求超时
409 : Conflict 冲突
410 : Gone 失败
411 : Length Required 需要长度
412 : Precondition Failed 条件失败
413 : Request Entity Too Large 请求实体太大
414 : Request-URI Too Large 请求URI太长
415 : Unsupported Media Type 不支持媒体类型
416 : Requested range not satisfiable 如果请求中包含了Range请求头，并且Range中指定的任何数据范围都与当前资源的可用范围不重合，同时请求中又没有定义If-Range请求头，那 么服务器就应当返回416状态码。
417 : Expectation Failed 在请求头Expect中指定的预期内容无法被服务器满足
421 :There are too many connections from your internet address 从当前客户端所在的IP地址到服务器的连接数超过了服务器许可的最大范围。通常，这里的IP地址指的是从服务器上看到的客户端地址.
422: Unprocessable Entity 请求格式正确，但是由于含有语义错误，无法响应。（RFC 4918 WebDAV）
423: Locked 当前资源被锁定。（RFC 4918 WebDAV）
424: Failed Dependency 由于之前的某个请求发生的错误，导致当前请求失败，例如PROPPATCH。（RFC 4918 WebDAV）
425: Unordered Collection 在WebDav Advanced Collections草案中定义，但是未出现在《WebDAV顺序集协议》（RFC 3658）中。
426:Upgrade Required 客户端应当切换到TLS/1.0。（RFC 2817）
449: Retry With 由微软扩展，代表请求应当在执行完适当的操作后进行重试。
5XX表示: 服务器错误
这类状态码代表了服务器在处理请求的过程中有错误或者异常状态发生
500 : Internal Server Error 服务器遇到了一个未曾预料的状况，导致了它无法完成对请求的处理。一般来说，这个问题都会在服务器的程序码出错时出现
501 : Not Implemented 未实现
502 : Bad Gateway 作为网关或者代理工作的服务器尝试执行请求时，从上游服务器接收到无效的响应
503 : Service Unavailable 由于临时的服务器维护或者过载，服务器当前无法处理请求。这个状况是临时的，并且将在一段时间以后恢复。
504 : Gateway Time-out 网关超时
505 : HTTP Version not supported 服务器不支持，或者拒绝支持在请求中使用的HTTP版本。这暗示着服务器不能或不愿使用与客户端相同的版本。响应中应当包含一个描述了为何版本不被支持以及服务器支持哪些协议的实体。
506 : Variant Also Negotiates 由《透明内容协商协议》（RFC 2295）扩展，代表服务器存在内部配置错误：被请求的协商变元资源被配置为在透明内容协商中使用自己，因此在一个协商处理中不是一个合适的重点。
507 : Insufficient Storage 服务器无法存储完成请求所必须的内容。这个状况被认为是临时的。WebDAV（RFC 4918）
509 : Bandwidth Limit Exceeded 服务器达到带宽限制。这不是一个官方的状态码，但是仍被广泛使用。
510 : Not Extended 获取资源所需要的策略并没有没满足。

插件代码

需要先引入jquery

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145

/**
 * v1.1
 * 田丰硕 tianfs.com
 */
(function ($) { 
 $.extend($.fn, { 
 upload: function (settings) { 
 
 var options = $.extend({ 
 fileType: "gif|jpg|jpeg|png|bmp", //允许的文件格式 
 uploadUrl: "", //上传URL地址 
 inputName: "upfile",
 uploadData: {}, //上传时需要附加的参数 可以是 function
 beforeSubmitFn: "", //上传前执行的方法 原型 beforeSubmit(xhr, $this); 
 successFn: "", //上传成功后执行的方法 uploadSuccess(response, statusText, xhr, $this) 
 errorFn: "", //上传失败后执行的方法 
 onProgress:"" //返回上传进度信息
 }, settings); 
 
 //上传准备函数 
 var methods = { 
 //验证文件格式 
 checkFile: function (filename) { 
 var pos = filename.lastIndexOf("."); 
 var str = filename.substring(pos, filename.length); 
 var str1 = str.toLowerCase(); 
 if (typeof options.fileType !== 'string') { options.fileType = "gif|jpg|jpeg|png|bmp"; } 
 var re = new RegExp("\.(" + options.fileType + ")$"); 
 return re.test(str1); 
 }, 
 createInputFile: function(){
 /*var new_fileType = options.fileType.replace(/\|/g,",");
 new_fileType = "."+new_fileType;
 Prompt.topShow(new_fileType)
 var $input = $("<input type='file' name='"+options.inputName+"'> accept='"+new_fileType+"'");*/
 var $input = $("<input type='file' class='upload_tmp_input' style='display:none' name='"+options.inputName+"'> ");
 return $input;
 },
 onload: function () { 
 
 } 
 }; 
 //上传主函数 
 this.each(function () {
 var $this = $(this); 
 $this.bind("click", function () {
 $(".upload_tmp_input").remove()
 //创建input file 
 var $input = methods.createInputFile();
 $this.before($input);
 $input.change(function(){
 if ($input.val() === "") { 
 alert("请选择要上传的文件！"); 
 return false; 
 } 
 //验证图片 
 if (!methods.checkFile($input.val())) {
 alert("文件格式不正确，只能上传格式为：" + options.fileType + "的文件。"); 
 return false; 
 }
 var pic = $input.get(0).files[0];
 var formData = new FormData();
 formData.append(options.inputName , pic);
 if (typeof options.uploadData == 'function') {
 var data = options.uploadData($this);
 if (data) {
 for (var x in data) {
 formData.append(x , data[x]);
 }
 }
 } else {
 if (options.uploadData) {
 for (var x in options.uploadData) {
 formData.append(x , options.uploadData[x]);
 }
 }
 }
 /** 
 * 必须false才会避开jQuery对 formdata 的默认处理 
 * XMLHttpRequest会对 formdata 进行正确的处理 
 */ 
 $.ajax({
 type: "POST",
 url: options.uploadUrl,
 data: formData ,
 processData : false, 
 //必须false才会自动加上正确的Content-Type 
 contentType : false ,
 dataType : "JSON",
 xhr: function(){
 var xhr = $.ajaxSettings.xhr();
 xhr.upload.addEventListener("progress" , function (evt){
 console.log(evt);
 var loaded = evt.loaded; //已经上传大小情况 
 var tot = evt.total; //附件总大小 
 var per = Math.floor(100*loaded/tot); //已经上传的百分比 
 var onProgress; 
 try { onProgress = eval(options.onProgress) } catch (err) { }; 
 if (onProgress) { 
 onProgress(per, $this); 
 } 
 }, false);
 return xhr;
 },
 beforeSend:function (xhr) {
 $this.attr("disabled", true);
 var beforeSubmitFn; 
 try { beforeSubmitFn = eval(options.beforeSubmitFn) } catch (err) { }; 
 if (beforeSubmitFn) { 
 var $result = beforeSubmitFn(xhr, $this); 
 if (typeof ($result) == "boolean") 
 return $result; 
 } 
 },
 error : function (response, statusText, xhr) { 
 var errorFn; 
 try { errorFn = eval(options.errorFn) } catch (err) { }; 
 if (errorFn) { 
 errorFn(response, statusText, xhr, $this); 
 }
 $this.attr("disabled", false); 
 $input.remove(); 
 },
 //上传成功 
 success : function (response, statusText, xhr) { 
 //response = eval("(" + response + ")"); 
 var successFn; 
 try { successFn = eval(options.successFn) } catch (err) { }; 
 if (successFn) { 
 $.ajaxSetup({ cache: false });//这个不能少，否则ie下会提示下载 
 successFn(response, statusText, xhr, $this); 
 } 
 $this.attr("disabled", false); 
 $input.remove(); 
 }
 
 });
 })
 $input.click()
 }); 
 
 }); 
 } 
 }); 
})(jQuery)

使用代码

1
2
3
4
5
6
7
8
9

$(“.upload-quan”).upload({
uploadData: {},
uploadUrl : “”,
inputName: “upfile”,
fileType: “bmp|png|jpeg|jpg|gif”,
successFn: function (response, statusText, xhr, $this) {
console.log(response);
}
});

##前言
做移动端的朋友应该知道，iphone的默认按钮是个很恶心的圆角，select下拉框也有默认样式无法修改。

###解决办法
这时候可以用到的
在按钮和select样式里加入下面css
–webkit–appearance:none //去除默认样

###示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

input{
 background:#FF9933;
 border–radius:5px;
 color:#fff;
 padding:3px 20px;
–webkit–appearance:none;
}
select{
 background:url(images/img1.jpg) no–repeat;
 background–size:20px;
 background–position:95% center;
 padding:3px 10px;
 width:30%;
–webkit–appearance:none;
}