猪八戒实习笔记（工具总结）

1. Chrome插件
   1. Https Everywhere
      1. 之前用google搜索，搜着搜着容易就断了，用这个插件，基本能稳定搜索
   2. 科学上网
      1. 免费账户一个月限额免费流量，不用找代理即可FQ;会影响别的抓包工具，如fiddler
   3. hosts文件管理工具 --> 域名host到本地服务器
      1. 之前的配置图，简单易用，缺点较明显，会影响别的抓包工具，如fiddler,配host的原因，是为了网络环境

         ---

   4. 单元测试工具，腾讯开发（老谭推荐）
      1. 非插件，保存书签即可使用。详情点击https://www.tenpay.com/v2/unit_demo/
      2. 简单易用，分辨率，文字溢出，空链接，图片没alt属性等
   5. vimium 键盘浏览网页
      1. 基本操作
      2. t--新建；x--关闭；X--还原；u--上滚一屏;d--下滚一屏；j--下滚；k--上滚；J--左边标签页，K--右边标签页；H--后退；L--前进；
      3. 按f/F键后出现如图，输入你想点的地方的字母即可到那里;f当前标签页；F新建标签页；（好像按f键后输入大写F,也是会新建一个标签页）

         ---

      • 禁用缓存
      • 1. F12开发者工具 --> 右下角小齿轮(setting) --> General --> Disable cache(while Dev Tools is open)
2. fiddler
   1. 前端开发利器—FIDDLER | TID-财付通设计中心
   2. 安装willow之后
      1. 基本使用功能也为host域名（host list) 还有 host某个具体的文件(rule list)
   3. 抓包
3. fences(图标管理工具）
   1. 使用说明
      1. 左键或者右键按住拖动会出一个菜单，选择"Create Fence Here"即可创建一个自定义文件夹
      2. 把图标拖进里面就比较美观大方
      3. 双击隐藏图标
4. Firework
   1. 牛逼之处，在于，你点击设计稿的控件，你就可以知道该控件的宽高与位置，也能很方便的切出来

      ---

   2. 打开psd文档的时候，选择维持photoshop层外观，避免和设计稿有较大的不一致

      ---

   3. 切片
      1. 步骤
         1. 用切片工具切好之后
         2. F6键调出优化选项，用指针工具选中切片进行优化 --> png 8位 或者 jpeg( 60 -- 80 )
         3. 选择需要的切片（话说adobe的软件好像都是按住shift键多选啊）
         4. 文件--导出
            1. 导出 -- 仅图像；切片 -- 导出切片；仅已选图片 -- 看情况打勾
   4. 其他功能好像都没怎么用过
5. svn（目前装的是tortoise svn)
   1. 使用说明
      1. checkout
         1. 新建一个文件夹目录（这就是以后你放项目的地方）
         2. 右击该文件夹选择 svn checkout
         3. URL of repository 填的是svn的地址
         4. 其他OK 输入用户名和密码即可
      2. commit
         1. 有修改之后，点击commmit选中需要提交的文件即可
      3. add/delete/rename 新建或者删除的文件目录时候用到
         1. 新建一个文件夹后，右键点击tortoise svn -- add
         2. 删除一个文件夹之前 右键点击tortoise svn -- delete
         3. 重命名一个文件夹之前 右键点击tortoise svn -- rename
      4. commit的时候提示XX目录被锁，请使用cleanup命令
         1. 先删除xx目录下的.svn\log文件
         2. 再使用cleanup
         3. 最后commit 
      5. checkout权限不够，但是无法更改用户 （IP地址一样，svn只能保存一个账户信息）
         1. 删掉C:\Documents and Settings\Administrator\Application Data\Subversion\auth\svn.simple（有多个，可以根据日期来决定删哪个）
6. grunt
   1. 安装nodejs和npm(最新版本已经安装有npm), http://nodejs.org/
   2. 安装步骤见  http://docs.spmjs.org/contrib/simple-grunt
   3. 使用grunt需要在你想使用grunt的目录中新建两个文件，而不是在nodejs的安装目录（配置文件，目前在t6中，已经写好）
   4. cd到指定目录之后 ，npm install 会安装需要配置文件中需要的插件
   5. 使用的话，cd到指定目录之后，输入grunt即可自动监听变化

   • WAMP（集成环境配置） 
     1. httpd.conf
        1. LoadModule alias_module modules/mod_alias.so #解锁
           
        2. Virtual hosts #Include解锁
        3. LoadModule rewrite_module modules/mod_rewrite.so#解锁
        4. DocumentRoot 改为虚拟目录， <Directory 改为虚拟目录 （影响不大）
     2. conf/extra/httpd-vhosts
        1. ServerName 域名 影响不大

           ---

     3. 配置host(利用工具，如fiddler或者浏览器插件）
     4. DocumentRoot目前有两个问题，配置基础的专题的话，图中的配置貌似比较合理
        1. alias命令 绑定了 专题需要的css目录和img目录
     5. 目前t6的配置主要调用几个压缩了的js,如min/base?dajdkajdkajdkajdk.js
        1. 目前的解决办法为将DocumentRoot --> t6/branches/1.1里面
     6. 具体的操作还要更多实践操作
     7. cdn -- > t5.zbjimg.com  静态资源 --> t.v5.zbj.com
   • beyond compare
   • 1. 简单操作，不介绍
   • SSH配置
   • 1. 见文档（发布流程已修改，具体不清楚了……）

稍后回去整理
知识

疑问

BUG处理

常用信息