Bootstrap

1. 页面的modal元素记得加上 data-backdrop='static' 和 data-keyboard='false'，禁用非 modal 内点击和点击键盘 ESC 键 取消 modal。

JQuery

1. 批量删除并返回批量删除的结果时，ajax 方法中 async 一定要配置成 false，否则页面无法正确响应批量删除的结果。

2. 使用 qrcodejs 生成二维码图片之后直接使用 $('img').attr('src') 返回的值是undefined，这时需要使用 setTimeout(function(), delay_time) 来拿到图片的 src 。

3. js数组遍历删除元素的方法：

   for (let i = 0; i < arr.length; i++) {
       if (...) {
           arr.splice(i, 1);
           i--;
       }
   }

CSS

1. 局部列表滚动查看css，height和max-height二选一。

   .grid-list {
       height: 190px; //固定高度的列表
       max-height: 500px; //列表最大高度
       overflow-x: hidden;
       overflow-y: scroll;
   }
   .grid-list::-webkit-scrollbar {
       display: none;
   }

2. 一个基于网格的响应式布局简单示例：

   .grid-container {
       display: grid;
       grid-template-rows: 1fr;
       grid-gap: 1rem;
   }
   @media screen and (max-width: 719px) {
       .grid-container {
           grid-template-columns: 1fr;
       }
   }
   @media screen and (min-width: 719px) {
       .grid-container {
           grid-template-columns: 1fr 1fr;
       }
   }

   浏览器窗口宽度大于719px时，元素呈2列排布，反之呈1列排布。

HTML

1. 使用原生HTML进行表单开发时，如果没有指定 <button> 的 type 属性，则默认 type="submit"，最终导致点击之后 window.location.href 的路径中会自动多一个 ?，这是因为原生的表单提交是以path后拼接form的参数进行请求的，所以在进行异步请求时需要指定提交的按钮为 <button type="button">。

缓存

1. 使用 redis-cli 进入 redis 的命令行模式时，可以使用 keys ** 查看所有 key 值，使用 get [key] 查看 key 对应的 value 值。需要注意的是，使用 keys ** 查看到的 key 值如果使用 “” 包括，那么 get [key] 的 key 也需要用 “” 包括起来。

构建

1. 使用 frontend-maven-plugin 整合前后端项目构建时，需要注意web模块需要放在server模块之前，保证web先构建，这样才能将web构建好的文件复制到server的 resources/public 目录下。

   <modules>
       <module>xxx-web</module>
       <module>xxx-server</module>
   </modules>

   同时要注意后台不要对 @RequestMapping("/") 做处理，否则有可能会使得访问 "/" 无法显示前端构建好的index.html页面。

2. maven引用私服的jar包时，需要在 pom.xml 文件的 <repositories> 标签下中指定私服的 <id>、<name>、<url>。

3. gitlab-runner的 config.toml 在 [runners.docker] 中配置 extra_hosts = ["xxx.xxx.com:172.17.0.1"]可实现runner容器的ip和host映射关系的配置。

4. 设置maven的 setting.xml 中 mirror 节点的 mirrorOf 有以下配置策略：

   • *：everything
   • external:*：everything not on the localhost and not file based
   • repo,repo1：repo or repo1
   • *,!repo1：everything except repo1

部署

1. windows 下使用 Nginx 相关命令如下：

   #启动
   点击 Nginx 目录下的 nginx.exe；cmd 运行 start nginx
   
   #关闭
   nginx -s stop #立即停止nginx，不保存相关信息
   nginx -s quit #正常退出nginx，并保存相关信息
   
   #重启（重新加载配置）
   nginx -s reload

2. nginx 的配置文件 root 路径不识别 \ 只识别 /。

3. Letsencrypt通配符证书的申请和在nginx配置：

   • 申请Let’s Encrypt通配符HTTPS证书
   • How to configure Nginx with Let’s Encrypt on Debian/Ubuntu Linux

4. 使用 nginx 解决 CORS 问题使用反向代理将服务端（接口提供方）与客户端（接口调用方）部署在同一个域下。

5. 使用 nginx 解决 X-Frame-Options: deny 问题使用headers-more插件，推荐直接下载带headers-more模块的openresty，下载地址。在 nginx.conf 中（一般是在server下）配置：

   # 删除 "X-Frame-Options" header
   more_clear_headers 'X-Frame-Options';
   # 设置 "X-Frame-Options: SAMEORIGIN" 同域可嵌入iframe
   more_set_headers 'X-Frame-Options: SAMEORIGIN';

6. 指定MySQL时区，在mysqld.conf中增加 default-time-zone='+8:00' 配置。

7. 在做微信公众号开发时，需要在公网上调用开发机器的接口，除了使用花生壳等软件进行内网穿透之外，如果有富余的公网服务器资源，可以使用一些简单方便的内网穿透工具，推荐 ichWebpass。

8. gitlab pg数据库配置

   修改/var/opt/gitlab/postgresql/data/pg_hba.conf文件，增加下面的配置：

   host all all 192.168.1.10/22 trust

   上述的修改会在使用gitlab-ctl reconfigure命令之后失效，通过修改gitlab配置文件中pg数据库的entries可以避免这种情况。具体为： 在gitlab.rb中增加

   postgresql['custom_pg_hba_entries'] = {
     APPLICATION: [{ # APPLICATION should identify what the settings are used for
       type: 'host',
       database: 'all',
       user: 'all',
       cidr: '192.168.1.0/24',
       method: 'trust',
       #option: 0
     }]
   }

   注意： 这里的APPLICATION对象是一个数组，有些gitlab版本默认不是数组，需要手动修改。

Git

1. GitHub 现在支持创建私有代码仓库了，但使用时需要注意：将 GitHub 的 repository 从 public 切换成 private 再切回 public 之后，需要 push 代码到 master 分支才能让已经404的 Github Pages 页面恢复正常。

Windows

1. 为了在windows系统上安装docker，需要将win10系统升级到专业版开启HyperV虚拟机才行。

   win10专业版升级密钥：DR9VN-GF3CR-RCWT2-H7TR8-82QGT

Linux

1. Ubuntu/Debian开机启动脚本 spider.sh 示例：

   #!/bin/bash
   
   ### BEGIN INIT INFO
   # Provides: spider
   # Required-Start:
   # Required-Stop:
   # Default-Start: 2 3 4 5
   # Default-Stop: 0 1 6
   # Short-Description: spider
   # Description: spider service start
   ### END INIT INFO
   
   [shell content]

   • 开机启动：update-rc.d spider.sh defaults
   • 移除开机启动：update-rc.d spider.sh remove

2. 使用netstat查看系统网络端口情况：netstat -tunlp；如果发现没有 PID(进程号)，需要使用 sudo netstat -tunlp。

3. 对于新安装的官方Ubuntu-server等系统，可以通过指令 sudo apt-get install build-essential 安装gcc环境。

4. 取消sudo密码：sudo visudo 进入编辑界面；添加行 username ALL=(ALL) NOPASSWD:ALL，username为登录用户名，如果想作用于某个用户组则使用 %usergroup ALL=(ALL:ALL) NOPASSWD:ALL。

5. linux系统添加ssh公钥的方式：

   • 本地

   # 覆盖
   cat [ssh_pub_key] > ~/.ssh/authorized_keys
   
   # 追加
   cat [ssh_pub_key] >> ~/.ssh/authorized_keys

   • 远程

   scp ~/.ssh/id_rsa.pub root@[remote-server-ip]:/root/.ssh/authorized_keys

   注： 需要输入远程服务器的登录密码进行认证。

6. ssh对目录的权限有要求，具体如下：

   目录/文件	权限
   ~/.ssh	700
   ~/.ssh/*	600
   ~/.ssh/config	700

7. 在终端中执行curl -X GET http://www.sample.com/api?a=1&b=2指令时，实际上只会传入a=1参数，想要同时传入a=1和b=2，可使用以下两种方式：

   • &符号转义: curl -X GET http://www.sample.com/api?a=1\&b=2
   • url加上双引号: curl -X GET "http://www.sample.com/api?a=1&b=2"

8. 当linux服务器重置之后，通过ssh再次访问时可能出现以下信息：

   ECDSA host key for xxx.xxx.xxx.xxx has changed and you have requested strict checking.
   Host key verification failed.

   简单的说就是服务器的Host key发生了变更，进行ssh访问时验证失败，通过以下命令可以进行修复：

   ssh-keygen -R xxx.xxx.xxx.xxx

   其中的xxx.xxx.xxx.xxx为服务器ip。

Docker

1. 使用docker-compose的build参数构建docker镜像时，要注意指定的context目录下默认的Dockerfile文件名必须为 Dockerfile。如果想使用其他文件名，可以通过 -f filename 指定。

2. docker环境为docker for windows，有效避免host为windows系统时 docker run -v 绑定的目录映射关系在系统重启之后失效的方法为：使用 docker volume create path1 创建volume，再使用 -v path1:/container/path。简单地说就是使用 “自定义数据卷” 代替 “容器自动创建的临时数据卷” 进行映射，完成docker容器的数据持久化。

3. 指定docker的dns，防止网络环境变化时导致容器网络的不稳定。

   编辑docker的daemon.json:

   {
       "dns": ["114.114.114.114", "8.8.8.8"]
   }

4. 使用docker-compose来部署redash时，注意需要先创建redash数据库才能启动：

   sudo docker-compose run --rm server create_db
   sudo docker-compose up -d

5. 使用docker方式部署consul时，由于consul在docker虚拟网络中无法正确识别注册服务的hostname，因此需要在注册服务中配置 spring.cloud.consul.discovery.hostname=192.168.1.xxx (注册服务的局域网ip，要注意的是必须是docker宿主机所在地局域网ip，使用172.17.0.1等docker内网ip也不行)，才能确保consul正确地进行健康检查。