最前端

我的工作,我的生活,点点滴滴...

重装系统

一是两年多没重装系统了,二是买了一个固盘,三,也是最主要的喉咙溃疡了请了一天假,所以重装了系统。重装系统后,把旧系统的工作环境无痛的恢复过来真是一件耗时耗力的活。

工作环境:

  1. sublime text 备份了Packages,Settings等
  2. fastone captrue 直接网上下载
  3. nodejs 及相关包,如uglify,seajs等
  4. python
  5. latext
  6. chrome 相关插件同步了所有设置,包括应用,扩展程序,书签,历史记录,密码等(vimium,onTab,evernote clipper,悦读,web developer)
  7. powercmd包括设置,主要是快速启动命令,用于各种程序的命令行构建,如合并压缩等
  8. qq,新浪uc
  9. 有道字典
  10. everything
  11. listary
  12. 搜狗五笔输入法 设置同步 340433246@qq.com
  13. fiddler 安装My Projects 目录映射
  14. 打印客户端
  15. 豌豆夹
  16. filezilla ftp client
  17. autohotkey,SciTE4AutoHotkey,vim脚本
  18. 7-zip
  19. beyond compare 3
  20. aslocal 网盘聚合
  21. 招行专业版
  22. photoshop
  23. github
  24. office 2010
  25. 迅雷 7
  26. CTex
  27. evernote
  28. irfanview
  29. xampp 端口80,443别被占用了;重启时可能要手动结束httpd.exe;403时,修改httpd.config # Require all denied,修改httpd-xampp.config Deny from all.
  30. tortoise svn
  31. windows xp mode
  32. sina vpn
  33. Mozilla Thunderbird 插件加设置 SmartTemplate
  34. java ant

经验教训:

整个安装过程最痛苦的是tortoise svn手痒安装到1.8了,xampp短路;是了爽的是chrome,搜狗五笔输入法,一个同步操作,全部和原来一模一样了,其它sublime text,powercmd等也是配置文件覆盖就ok了。

重装系统前备份很重要,尤其重要数据及工作环境的各种配置最重要。

使用sublime text中快速预览服务器对应页面

  1. 前端页面需要在服务器支持下预览
  2. 通常浏览器里直接输入前端页面对应的地址,如 http://dc.sina.com.cn/comment/bbs.html,使用 sublime,open in brower 时也需要修改本地地址为服务器地址
  1. 安装sublime插件SideBarEnhancements
  2. 添加一个文件夹
  3. 文件夹右键>Project > Edit Project Preview Urls
  4. 添加类似设置:
    {
        "E:/": {
            "url_testing": "http://dc.sina.com.cn/",
            "url_production": "http://dc.sina.com.cn/"
        }
    }
  5. F12,alt + F12 就可以分别在 Testing Server 和 Production Server 下浏览了

HTML5 Shiv

  1. 自定义标签在ie9以下浏览器的问题:

    我是<abc>,我包含着<span>
    <!-- ie9以下浏览器,对应的css样式不起作用,且不能包含子元素, 如: -->
     
    <!-- 高级浏览器 -->
    <abc><span></span></abc>
     
    <!-- ie9以下浏览器 -->
    <abc></abc>
    我是<abc>,我包含着
    <span>span</span>
    </abc><//abc>
  2. 解决方法:在head引用 html5shiv-printshiv.min.js.

    <head>
    <!--[if lt IE 9]>
    <script src="http://imgs.bq69.com/blog/wp-content/themes/dcTheme/js/html5shiv-printshiv.min.js"></script>
    <![endif]-->
    </head>
  3. 详细解决方案: html5shiv