工作简报

forJD

通过最近几天的项目熟悉，和简单开发，已对hotel项目有基本的理解，现在此节点做一工作简报。

框架级别的改动

• webpack.base.conf.js中autoprefixer的浏览器版本配置与package.json配置重复且不一致，若非有意为之，应去除webpack.base.conf.js中内联配置，autoprefixer官方建议在package.json中使用browserslist配置，这样可以在今后加入 babel-preset-env或Stylelint等工具时共享配置信息，易于扩展。（已提交dev-wq分支）

    {
        // webpack.base.conf.js中postcss配置项
        test: /\.vue$/,
        loader: 'vue-loader',
        options: {
          js: 'babel-loader',
          postcss: [
            require('autoprefixer')({
              browsers: ['last 2 version', '> 1%']
            })
          ]
        }
      }
      // package.json 配置项
      "browserslist": [
        "> 1%",
        "last 2 versions",
        "not ie <= 8"
      ]

• 常量类
  加入常量类（已提交dev-wq分支）

浏览历史功能开发

• 已完成：现完成路由增加，localStorage存取数据，页面展示。（已提交dev-wq分支）
• 待完成：编辑删除功能，梳理优化。

建议与期望

通过最近几天对hotel项目的熟悉，学习到了很多新的知识和思路，后续继续深入了解。同时有一些浅薄之见，希望在后期重构或新建项目得以参考实施。

1. 建议对文件命名，组件命名，类命名，方法命名加以规范，并加入jsLint等工具统一代码风格，结合Vue风格指南，相信可以显著增加代码可读性，可维护性，避免开发过程部分低级错误的发生。
2. 关于rem布局的改进。我近几天开发是用肉眼比对设计稿，然后设定一个粗略的rem值，若今后视觉设计稿中元素可以精确到像素值，那么rem布局则有重构必要。利用UE中元素宽度 / UE文档总宽度 * 100设置，则可以实现原比例高保真的弹性布局。理论来自颜海镜的博客。

综上，为近几天工作总结及一些衍生想法，如有不妥处，还请领导批评指正。:)