学习笔记

扩展知识

双系统制作

https://blog.csdn.net/mengxiangjia_linxi/article/details/78965103

1. 电脑已有 Windows系统 的前提下,用 UltraISO 把 centos系统 刻入U盘
2. 启动系统U盘(新机用 uefi启动 ),在系统选择页面,按下 tab健 修改启动项,把 LABEL=CentOS\x207\x20x86_64 改为 /dev/sdb4 (不一定是 sdb4 ,可能是 sda4 , sdc4 等等,具体百度)
3. 安装系统界面,选择硬盘,自动分配分区得以回收空间
4. 重做 PE启动盘 ,启动盘用 NTBOOT 软件做 双系统引导修复

常用 命令&&快捷键

Linux

Git

Vim

Sublime

Vimium

chrome

windows

Linux

• 端口号<1024为系统预留端口
• uid < 500 为系统用户
• 非root用户不能监听<1024的端口(所以一般root启动nginx)
• nobody为Linux非登录用户,其作为nginx运行用户可保证安全
• Linux的共享:NFS协议
• windows与linux共享:SMB协议(Samba软件)

• opessl自签名

openssl genrsa -out key.pem 2048

openssl req -new -key key.pem -out csr.pem #Common Name填写(泛)域名

openssl x509 -req -in csr.pem -out cert.pem -signkey key.pem -days 3650

• 目录描述 :

• Linux配置流程 :

  ufw防火墙关闭
  静态ip
  ali源
  ssh安装及配置
  samba安装及配置;用户:root;密码:root;
  传项目文件
  python升级
  net-tools安装
  iftop安装
  htop安装
  git安装及配置
  tig安装
  tree安装
  screen安装
  docker安装
  docker-compose安装
  golang安装
  hugo安装
  node安装
  php安装
  mysql安装
  
  ~/.vimrc配置
  syntax on
  set autoindent
  set fileencodings=utf-8,gb2312,gb18030,gbk,ucs-bom,cp936,latin1
  set enc=utf8
  set fencs=utf8,gbk,gb2312,gb18030
  set paste
  set nu!
  
  ~/.bashrc配置
  stty ixany
  stty ixoff -ixon
  alias l='ls -CF'
  alias ll='ls -alF'
  alias la='ls -A'
  alias rm='rm -i'
  alias cp='cp -i'
  alias mv='mv -i'
  alias gs='git status'
  alias lg='git log --color --graph --all --oneline  --decorate --pretty=format:"%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset" --abbrev-commit'
  alias hugo1314='hugo server --i18n-warnings --disableFastRender -D --bind 192.168.2.222 -p 1314 --baseURL=http://192.168.2.222:1314'
  alias d='docker'
  alias dps='docker ps --format "table {{.ID}}\t{{.Names}}\t{{.Image}}\t{{.Status}}"'
  alias ds='docker stats --format "table {{.Name}}\t{{.CPUPerc}}\t{{.MemPerc}} / {{.MemUsage}}"'
  alias de='docker exec -it'
  alias tree='tree -NFC'
  alias lt='tree -aNFCL'
  
  开启BBR
  echo "net.core.default_qdisc=fq" >> /etc/sysctl.conf
  echo "net.ipv4.tcp_congestion_control=bbr" >> /etc/sysctl.conf
  sysctl -p
  lsmod | grep bbr
  

• SSL证书申请 :

  详细说明:https://github.com/acmesh-official/acme.sh/wiki/说明

  1. 到cloudflare获取"更新dns"得权限码,教程

     export CF_Key="xxxxxxxxxxxxxx"
     export CF_Email="1174865138@qq.com"
     

  2. 安装acme.sh

     curl https://get.acme.sh | sh -s email=1174865138@qq.com
     source ~/.bashrc
     

  3. 获取证书

     acme.sh --issue --dns dns_cf -d twbhub.com -d *.twbhub.com -d twbhub.top -d *.twbhub.top \
     --yes-I-know-dns-manual-mode-enough-go-ahead-please
     

  4. 验证证书

     acme.sh --renew -d twbhub.com -d *.twbhub.com -d twbhub.top -d *.twbhub.top \
     --yes-I-know-dns-manual-mode-enough-go-ahead-please --force
     

  5. 安装证书到别的位置

     acme.sh --install-cert -d twbhub.com -d *.twbhub.com -d twbhub.top -d *.twbhub.top \
     --key-file /var/www/html/docker/data/cert/twbhub.com_top/key.pem \
     --fullchain-file /var/www/html/docker/data/cert/twbhub.com_top/cert.pem \
     --reloadcmd "docker exec nginx nginx -t && docker exec trojan /bin/bash -c 'systemctl restart trojan && exit' && docker exec nginx /bin/bash -c 'service nginx force-reload && exit'"
     

  6. 自动更新acme.sh版本

     acme.sh --upgrade --auto-upgrade
     

Git

• 初始配置Git

  1. 设置本地用户和邮箱 git config --global user.name <your_name> && git config --global user.email <your_email>
  2. 本地生成公钥 ssh-keygen -t rsa -C <your_email>
  3. 找到公钥,复制到github账号(即添加过公钥的用户才被允许管理github项目)
  4. 测试公钥 ssh -T git@github.com
  5. 到github创建项目
  6. 本地创建项目并初始化 git init
  7. 关联远程库和本地 git remote add <自定义远程仓库名,如origin> <远程项目地址>
  8. 可查看本地关联的所有仓库主机 git remote -v 或者 git remote show origin
  9. 把项目添加到缓存区 git add . 和 git commit –m <备注>
  10. 提交项目到origin仓库的master分支 git push origin master (添加"--tags"可同时上传tag)

• git hook :

  • 第三方仓库git hook
  • 服务器部署git裸仓库 http://kongfangyu.com/2016/02/12/git-deploy

• 备注规范 :

  • feat: 新功能
  • fix: 修复 bug
  • chore: 其他修改,构建过程或辅助工具和库（如文档生成）的更改
  • refactor: bug 修复和添加新功能之外的代码改动,重构大改动
  • perf: 提升性能的改动
  • docs: 文档变动
  • style: 格式调整，对代码实际运行没有改动，例如添加空行、格式化等
  • test: 添加或修正测试代码
  • ci: 持续集成相关文件修改
  • release: 发布新版本
  • revert: 恢复上一次提交

编译安装

# 配置
./configure --prefix=/usr/local/nginx
# 清除编译文件
make clean
# 编译
make
# 安装
make install
# 软连接
ln -s /usr/local/nginx/sbin/nginx /usr/bin/nginx
# 开机自启
vim /etc/init.d/nginx && chmod a+x /etc/init.d/nginx
# 加入chkconfig管理列表
chkconfig --add /etc/init.d/nginx
chkconfig nginx on
systemctl status nginx.service

网络

• TCP :需要三次握手,建立了 TCP 虚拟通道,之后, TCP 运输 HTTP流

• SSL : 位于 TCP 与 HTTP 之间,作为 HTTP 的安全供应商，全权负责 HTTP 的安全加密工作。

• TLS : 在 SSL3.0 版本的基础上，重新设计并命名了这个协议，其全新的名字为 TLS ,形成: TCP连接时间 + TLS 连接时间 + HTTP交易时间

• HTTPS : 通常将 TLS 安全保护的 HTTP 通信，称之为 HTTPS ，以区别于没有 TLS 安全防护的 HTTP 明文通信。

• HTTP/2 : 第一次页面与第二次页面都是同一个网站服务器,重用第一个页面 TCP 连接(多路复用)

• QUIC : http/2 去掉 TCP ,改用不需要连接的 UDP ,形成: UDP / QUIC ,第一次 2.5RTT ,完成 QUIC 交易的连接的 Session ID 会缓存在浏览器内存里,第二次,使用 Session ID ,重连 TLS 连接是一个 0 RTT 事件

• HTTP/3 : 把 QUIC 与 HTTP 分离,形成: UDP / QUIC / HTTP

• 使用 IPv4 进行路由，使用 TCP 进行连接层面的流量控制，使用 SSL/TLS 协议实现传输安全，使用 DNS 进行域名解析，使用 HTTP 进行应用数据的传输。

• IP 是网络层 ; TCP 是传输层

• 网络层 ARP : 保存 IP 与 mac 地址的映射列表,没有则会广播

• TCP/IP 连接 + http 传输 –> 网卡 –> 内核(通过资源包的四元组信息,信息的其中之二是访问的 IP+端口 ) –> socket(它是文件系统,是资源,是网络与进程的中介,储存着端对端的四元组信息,被进程使用) –> 进程

隧道

https://www.zhihu.com/question/39382183

• 隧道是一种技术,有 SSH隧道 和 http隧道 和 UDP隧道(p2p)
• 隧道的中间服务器是不参与流量分析的,只用来传输流量,只是用于简单的过度
• 代理是可以参与流量的处理的,比如 http代理
• 但 http代理 不能传输 https流量 ,因为 https 是端对端的加密,没有中间人
• 为了解决不能代理 https流量 , http隧道 配合 http 的 CONNECT报文 解决了这个问题;
• SOCKS5 方式可以代替 CONNECT报文 的方法, CONNECT报文 只能用于 http流量 ,而 SOCKS5 可以传输任意协议,如 https 或 ftp
• 大致原理: 本地---(1)--->代理---(2)--->服务器; 本地与代理建立动态端口隧道,过程(1) 使用 SOCKS5 或 http 的 CONNECT报文(包裹着https流量) , 过程 (2) 使用 https;

https://www.zsythink.net/archives/2450

1. 动态转发(科学上网)

   # socks5代理的建立
   ssh -N -f -D 127.0.0.1:6666 root@121.199.63.39
   
   # 原理:本地(127.0.0.1:6666)与代理(121.199.63.39)服务器建立隧道后,本地(127.0.0.1)使用socks5协议在外层加密https协议,通过本地代理端口(6666)-(隧道)-代理(121.199.63.39)-https访问服务端(https://www.google.com)
   curl -x socks5://127.0.0.1:6666 https://www.google.com #http为例
   ssh -o ProxyCommand="nc -X 5 -x 127.0.0.1:6666 %h %p" https://www.google.com #ssh为例,参数-X默认socks5
   

2. 本地转发

   ssh -N -f -L 192.168.2.2:6666:121.199.63.39:22 root@121.199.63.39
   

3. 远程转发

   ssh -N -f -R 121.199.63.39:6666:127.0.0.1:22 root@121.199.63.39
   

4. 通过 121.199.63.39 的 22 端口,登录 localhost 的 6666 端口

   ssh -J root@121.199.63.39:22 -p6666 localhost
   

Nftables

防火墙配置例子 :

# my.nft
table inet filter {
    chain input {
        type filter hook input priority 0; policy drop;
        ct state established,related accept
        iif "lo" accept comment "一律接受本地环回"
        ct state invalid drop
        ip protocol icmp icmp type echo-request ct state new accept
        ip protocol udp ct state new jump UDP
        ip protocol tcp tcp flags & (fin | syn | rst | ack) == syn ct state new jump TCP
        ip protocol udp reject
        ip protocol tcp reject with tcp reset
        meta nfproto ipv4 counter packets 0 bytes 0 reject with icmp type prot-unreachable
    }

    chain forward {
        type filter hook forward priority 0; policy drop;
    }

    chain output {
        type filter hook output priority 0; policy accept;
    }

    chain TCP {
        tcp dport ssh ct state new limit rate 15/minute accept comment "避免对SSH施加暴力"
        tcp dport { http, https, mysql } accept comment "80,443,3306"
        tcp dport domain accept comment "DNS:53"
        tcp dport { netbios-ns, netbios-dgm, netbios-ssn, microsoft-ds } accept comment "Samba:137,138,139,445"
        tcp dport { xtel, xtelw } accept comment ":Hugo:1313,1314"
        ip saddr { 192.168.2.100 } drop
    }

    chain UDP {
        udp dport domain accept
    }
}

Ftp

1. 关闭防火墙
2. 安装 ftp
3. 修改三份文件 ftpusers user_list vsftpd.conf
4. 重启 ftp
5. 防火墙配置文件允许 21 端口
6. 开启防火墙
7. ftp 限制用户访问目录思路:修改 /etc/vsftpd/vsftpd.conf 文件中 chroot_local_user , chroot_list_enable , chroot_list_file 三项; 修改用户默认进入的家目录,则修改 /etc/passwd

vsftpd.conf 文件参考配置 :

listen_ipv6=YES
pam_service_name=vsftpd
tcp_wrappers=YES
write_enable=YES
local_umask=022             #用户ftp创建目录的权限掩码,022即为755
listen=NO                   #监听,yes可能导致无法启动ftp
anonymous_enable=NO         #拒绝匿名用户
local_root=/var/www/html    #本地用户初始目录
#登录限制
local_enable=YES
userlist_enable=YES
userlist_deny=NO
userlist_file=/etc/vsftpd/user_list
#目录限制
chroot_local_user=YES
chroot_list_enable=YES
chroot_list_file=/etc/vsftpd/chroot_list
allow_writeable_chroot=YES

Nginx

• linux 支持 缓存/gzip/端口复用(套接字端口共享)功能( nginx 开启 reuseport );从内核层面做 负载均衡 ,避免 锁竞争 ( 惊群效应 ): https://www.zhihu.com/question/51618274

• Nginx实现负载均衡需要源码的同步, 使用 rsync (或+ sersync )实现集群服务器源码同步,源服务器执行的命令: rsync -avH --progress --delete --exclude-from=/etc/exclude.txt --password-file=/etc/pw.txt /var/www/html/ username@192.168.43.175::module1

  其中按顺序是:含有忽略同步列表的 exclude.txt 文件,含有密码的 pw.txt 文件,源服务器的同步目录, username 用户名,ip地址,对应的模块 https://blog.51cto.com/chenfei123/1707746

负载均衡 和 前后端分离 配置 :

#后端应反向给Apache代理
upstream proxys {
    server 127.0.0.1:8080 weight=2;
    server 192.168.43.175:9090 weight=3;
    ip_hash;
}
#前端应反向给Nginx代理
upstream proxys2 {
    server 127.0.0.1:8081 weight=3;
    server 192.168.43.175:9090 weight=2;
}
server {
    listen 80;
    server_name www.domain.top domain.top;
    index index.html index.htm index.php;
    location / {
        proxy_pass http://proxys;
        proxy_http_version 1.1;
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        add_header X-Slave $upstream_addr;
    }
    location ~* \.(css|js|png|jpg|jpeg|gif|txt|ico)$|^~/static {
       proxy_pass http://proxys2;
       proxy_set_header Host $http_host;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       add_header X-Slave $upstream_addr;
    }
}
#前端请求代理的配置
server {
    listen 8081;
    server_name www.domain.top domain.top;
    location / {
       root /var/www/html/tp/public;
    }
}

缓存 和 gzip 配置 :

http {

  # 开启缓存
  proxy_connect_timeout 10;
  proxy_read_timeout 180;
  proxy_send_timeout 5;
  proxy_buffer_size 16k;
  proxy_buffers 4 32k;
  proxy_busy_buffers_size 96k;
  proxy_temp_file_write_size 96k;
  proxy_temp_path /tmp/temp_dir;
  proxy_cache_path /tmp/cache levels=1:2 keys_zone=cache_one:100m inactive=1d max_size=10g;

  server
  {
      listen 8081 reuseport;
      server_name localhost;
      root /usr/share/nginx/tp/public/;

      location /
      {
      }
  }


  server
  {
      #开启gzip压缩资源
      gzip  on;
      gzip_vary on;
      gzip_proxied any;
      gzip_comp_level 6;
      gzip_buffers 16 8k;
      gzip_http_version 1.0;
      gzip_min_length 100;
      gzip_types text/plain text/css application/javascript application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript application/vnd.ms-fontobject application/x-font-ttf font/opentype image/svg+xml image/x-icon;

      #资源文件缓存
      location ~* \.(css|js|json|png|jpg|jpeg|gif|txt|ico|bmp|swf)$|^~/static/
      {
          proxy_pass http://127.0.0.1:8081;
          proxy_redirect off;
          proxy_set_header Host $host;
          proxy_cache cache_one; #cache_one在http设置层proxy_cache_path定义
          proxy_cache_valid 200 302 24h;
          proxy_cache_valid 301 30d;
          proxy_cache_valid any 5m;
          expires 90d;
          add_header wall  "hey!这文件进行了缓存和压缩哟!";
      }
  }

}

数据库读写分离

实现 读写分离 分为两大步 :

• 主从同步
• 读写分离;有两种方式 :
  • 通过程序实现,如TP框架,性能最好;
  • 使用代理工具,如 :
    • Mycat
    • Mysql-Proxy

mysql 之间可相互主从同步,避免 单点 ;当有主从数据库发生宕机,可使用 percona-tooldit 工具解决恢复宕机后主从数据不同步的问题 https://blog.51cto.com/moerjinrong/2352317

Mysql-Proxy 配置文件 mysql-proxy.cnf 参考 :

[mysql-proxy]
  #运行mysql-proxy用户
user=root
  #主从mysql共有的用户
admin-username=proxy
  #用户的密码
admin-password=root
  #mysql-proxy运行ip(不能是127.0.0.1)和端口,不加端口,默认4040
proxy-address=192.168.1.1:4040
  #slave从数据库Ip地址,默认端口3306
proxy-read-only-backend-addresses=192.168.1.2:3306
  #master主数据库Ip地址,默认端口3306
proxy-backend-addresses=192.168.1.3:3306
  #读写分离配置文件
proxy-lua-script=/usr/lib64/mysql-proxy/lua/rw-splitting.lua
  #管理脚本
admin-lua-script=/usr/lib64/mysql-proxy/lua/admin.lua
  #日志
log-file=/var/log/mysql-proxy.log
  #日志级别,高到低有error|warning|info|message|debug
log-level=info
  #以守护进程方式运行
daemon=true
  #崩溃时,尝试重启
keepalive=true

数据库

mysql8 特性 :

• utf8mb4 储存表情符号
• 默认 InnoDB
• 降序索引
• JSON支持,直接操作json里的数据
• 跳过锁等待
• 用户角色管理权限
• innodb_dedicated_server 自适应参数,自动配置 mysql

• redis 只做缓存使用,避免进行 持久性 && 队列 && 事务 (总之一句话:专人专事)

• redis 和 DB 一致性方案:只读 redis ,当更新 DB 之后把受影响的缓存全部干掉(注意:是干掉,不是更新),并且设定过期时间: https://www.zhihu.com/question/319817091

• 出现不能连接数据库的情况,除了防火墙,也可能是数据库没有设置对外添加权限

• 出现用户不能登录的情况,可能是默认登录了 匿名用户 , 要把用户名为 '' 的用户清除

• MyISAM 存储引擎偏向于大量查询和插入事件,表锁

• InnoDB 存储引擎偏向于增删改事件,支持事务,支持索引行锁

• 索引才用 for update 锁库

• 数据库类型 http://www.jb51.net/article/55853.htm

• 免密码登录 skip-grant-tables

• 性能测试 explain select * from dnname

• 性能测试工具(mysql自带) mysqlslap ...

• 数据库导出 mysqldump -uroot -p dbname > dbname.sql

• 新建数据库 CREATE DATABASE mydb CHARACTER SET utf8 COLLATE utf8_general_ci

• 插入数据 insert into $my_name (id,name,tel) values('2','tab',null)

• 删除数据 delete from my_name where id = 1;

• 修改数据 update my_name set id='2',name='tab' where id=1;

• 插入字段 alter table my_name add id varchar(32)

• 删除字段 alter table my_name drop id

• 去掉name重复的 SELECT DISTINCT name FROM my_name

• 计算个数 select count(*) from my_name

• 计算总和 select sum(*) from my_name

• 计算平均 select sum(*)/count(*) from my_name

• 计算平均 select avg(name) from my_name

• 最小值 select min(name) from my_name

• 双重查询,查询指定最小值对应的的所有字段 SELECT * FROM my_name WHERE name=(SELECT max(name)FROM my_name)

• 根据指定字段分类 select * from my_name group by name;

• 表的联合查询 SELECT * FROM my_name as a INNER JOIN my_name2 as b on a.name=b.id

• 左查询,就是当my_name跟my_name2的的值不相对应则以my_name为主要,my_name2多出的值则省略 SELECT * FROM my_name as a left outer JOIN my_name2 as b on a.name=b.id

PHP

php7特性

• 用绝对路径
• 重定向后使用exit
• array_walk
• &引用节省内存
• += array()
• isset($a{1})
• $_SERVER[‘REQUEST_TIME’]
• strtr
• 高亮PHP代码highlight_file
• 2 <=> 1
• echo “\u{41}",PHP_EOL;
• use some\namespace{ClassA, ClassB, ClassC as C};
• function arraysSum(int …$ints): string

•  class A{static private $b = 'hello world';}
   $bb = function (){return A::$b;};
   echo $bb->call(new A);
  

• bug

  [] == []; //为false
  
  'a' == 0;
  
  $a = '0.3' - '0.1';
  json_encode($a);
  0.55 * 100 == 55; //为false
  

• json_encode((array)$array, JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES|JSON_PRETTY_PRINT)
• 有时候exec命令执行失败,却没有报错,请这样使用:exec('ls 2>&1', $a, $b)
• fastcgi就是执行 cgi协议 的,用于定义 Nginx 调用 php 时的数据格式,并减少对 php.ini 的读取
• php-fpm就是 Nginx 服务调用的程序,管理 fastcgi 进程
• php-cli就是 shell 命令行调用的程序
• |||nochange|||表示 input 输入框为空
• htmlentities / htmlspecialchars 可以过滤成 html格式 , 防止 XSS
• addslashes 防止 sql注入
• explain 用于测试 sql语句 性能
• 引用字符串方式: Nowdoc / Heredoc
• 中文简体格式 header('Content-type:text/html;charset=utf-8')
• 解决textarea标签回车编码问题 str_replace(" "," ",str_replace("\n","<br/>",$data))
• 单入口写上: session_start() 才可以使用 $_SESSION
• 跳转到#页面 header('Location:#')
• php格式插入html遍历

  <?php foreach ($my_name as $x => $y){ ?>
      <li><?php echo $y['z'] ?></li>
  <?php } ?>
  

• 内容返回

  ob_start(); //开启echo缓存区
  echo "Hello"; //输出
  ob_end_flush(); //输出全部内容到浏览器,包括echo
  

• php数组排序

  array_multisort(array_column($array,'create_time'),SORT_DESC,$array)
  

• 跨域

  $origin         = isset($_SERVER['HTTP_ORIGIN']) ? $_SERVER['HTTP_ORIGIN'] : '';
  $originsAllowed = [
      'http://cc.cc:8080',
  ];
  if (in_array($origin, $originsAllowed)) {
      defined('CORS_ORIGIN') || define('CORS_ORIGIN', $origin);
  
      header('Access-Control-Allow-Origin: ' . $origin); //可以用*允许所有
      header("Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT");
      header('Access-Control-Allow-Headers: X-Requested-With, X_Requested_With, content-type');
      header("Access-Control-Allow-Credentials: true");
  }
  

前端

• 可以设置类似cookie , 它可永久保存 localStorage.setItem(name, val)
• 死链 <a href="javascript:void(0);">
• CSS加载JS样式 behavior:url()
• 选择div内第二个li,类似js div li:first-child+li{}
• 选择form下类型为text的input标签 form input[type="text"]{}
• 居中CSS背景图片 background-position:center
• 居中HTML图片 <div align="center"><img src="">
• 居中div {top:0;left:0;bottom:0;right:0;margin:auto}/margin:0 auto;
• 单行文字水平/垂直居中 text-decoration:center;/line-height:10px;
• 多行文字垂直居中:div1>div2>p div1{display:table;/*转换成表格*/} div2{display:table-cell;vertical-align:middle;}
• li中间向两边分布 ul{text-align:center}li{display: inline-block;}
• li水平分布,ul宽度平均分割给li ul{display:flex}li{flex:1;text-align:center}
• li水平分布,类似最左和最右浮动两边的效果 div{overflow:hidden;width:11px} div ul{width:12px} li{width:5px;margin_right:1px}
• 轮播图不能有滚动条 在ul父级加overflow:hidden;width:100%;position: relative;//position用于ul居中
• 清除浮动,class是my_name就可以清除浮动 .my_name:after{content:""; display:block; height:0; visibility:hidden; clear:both;}
• 鼠标悬浮图片放大 .div:hover img{transform: scale(1.03);transition: all 1s ease 0s;-webkit-transform: scale(1.03);-webkit-transform: all 1s ease 0s;}
• iframe高度

  var e = window,
      a = 'inner',
      $header = $(".header");//如果页面有头部,则要减去
  if (!('innerWidth' in window)) {
      a = 'client';
      e = document.documentElement || document.body;
  }
  var height = e[a + 'Height'] - $header.outerHeight();
  $(".iframe").css({
      height: height,
      width: "100%"
  });
  

… 以上