发表于: 2017-07-08 22:05:51

1 951


今天完后的事情:

完成了找职位侧边栏。

代码如下:

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,其他的发现不了的就是让别人瞎点。



返回列表 返回列表
评论

    分享到