今天完后的事情：

完成了找职位侧边栏。

代码如下：

angular.module("app", ['ui.bootstrap'])

    .controller("findJobPerson", ['$scope', 'httpService', findJobPerson]);

    function findJobPerson($scope, httpService) {

        var vm = this;

        // 轮播图设置

        vm.active = 0;

        vm.myInterval = 5000;

        vm.noWrapSlides = false;

        // 侧边栏职位分类数据

        httpService.getJobType()

            .then(function(response) {

                if(response.data.code === 0) {

                    vm.list = response.data.data;

                }

                console.log(response)

            });

        // 轮播图

        vm.page = 1;

        vm.size = 4;

        httpService.getBannerList('', vm.page, vm.size)

            .then(function(res) {

                if(res.data.code === 0) {

                    vm.slides = res.data.data.articleList;

                }

                else {

                    alert(res.data.message);

                }

            });

    }

然后我今天写简书的时候又去查了下webpack的通用写法：

//一个常见的Webpack配置文件

var webpack = require('webpack');

var HtmlWebpackPlugin = require('html-webpack-plugin');

var ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {

  entry: __dirname + "/app/main.js",

  output: {

    path: __dirname + "/build",

    filename: "[name]-[hash].js"

  },

  module: {

    loaders: [

      {

        test: /\.json$/,

        loader: "json"

      },

      {

        test: /\.js$/,

        exclude: /node_modules/,

        loader: 'babel'

      },

      {

        test: /\.css$/,

        loader: ExtractTextPlugin.extract('style', 'css?modules!postcss')

      }

    ]

  },

  postcss: [

    require('autoprefixer')

  ],

  plugins: [

    new HtmlWebpackPlugin({

      template: __dirname + "/app/index.tmpl.html"

    }),

    new webpack.optimize.OccurenceOrderPlugin(),

    new webpack.optimize.UglifyJsPlugin(),

    new ExtractTextPlugin("[name]-[hash].css")

  ]

}

这个亲测有效！

明天计划的事情：

完成竖向轮播

遇到的问题：

暂无

收获：

webpack的config文件的通用写法。

六个问题：

1.怎么查找资料：

百度、谷歌是常用的查找资料的工具，如果对于插件的使用，直接去官网找api文档看

2.怎么定位问题：

样式问题一般直接打卡浏览器进行调试，js问题我一般先打印控制台，如果不能解决，我就debug，基本上就能定位是哪里出了问题，angular问题我一般先看报错，看的懂就去找对应的问题，看不懂就百度报错的信息

3.怎么解决问题：

解决问题要看难易程度，小问题一般自己百度解决，解决不了就问师兄，因为自己踩过的坑他们肯定踩过。

4.怎么重构代码：

一般重复性比较高的代码块我就看着不舒服就要重构，一般采用函数封装，angular更简单，有各种服务，工厂,常量，其实就是按模块封装好再去使用。然后就是bug比较多的代码我会重构。

5.怎么选择框架：

按需求来选择，比如项目比较小的情况下，我就直接采用jq，css可能就直接写不采用bootstrap，如果项目比较大，那就使用当下流行的angular、vue等等，但是目前只会angular，所以首选了。

6.怎么测试：

目前就是自测，瞎点，然后思考比较沙比用户的不正常操作，就是不按要求来的，基本能找到bug，其他的发现不了的就是让别人瞎点。