url: settings_1.settings.pathAPI + path,
method: 'post',
data: { },
transformRequest: [
    function (data) { }
],
withCredentials: true, // [开启 跨站点 证书 访问控制]
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }

let url = requestData.getHeader("Origin");
// console.log("OriginUrl::", url);

responseData.setHeader('Access-Control-Allow-Origin', url)
responseData.setHeader('Access-Control-Allow-Methods', 'POST')
responseData.setHeader('Access-Control-Allow-Headers', 'x-requested-with,content-type')
responseData.setHeader("Access-Control-ALLOW-Credentials", "true") // 跨域设置cookie
responseData.renderJSON(callback)

const path = require('path'); //引入node的path模块
const webpack = require('webpack'); //引入webpack,使用lodash
const HtmlWebpackPlugin = require('html-webpack-plugin') //将html打包
const ExtractTextPlugin = require('extract-text-webpack-plugin') //打包的css拆分,将一部分抽离出来  
const CopyWebpackPlugin = require('copy-webpack-plugin')
// console.log(path.resolve(__dirname,'dist')); // 物理地址拼接
module.exports = {
    entry: './src/index.js', //入口文件  在vue-cli main.js
    output: { //webpack如何输出
        path: path.resolve(__dirname, 'dist'), //定位，输出文件的目标路径
        filename: '[name].js'
    },
    module: { //模块的相关配置
        rules: [ //根据文件的后缀提供一个loader,解析规则
            {
                test: /\.js$/, //es6 => es5
                include: [
                    path.resolve(__dirname, 'src')
                ],
                // exclude:[], 不匹配选项（优先级高于test和include）
                use: 'babel-loader'
            },
            {
                test: /\.less$/,
                use: ExtractTextPlugin.extract({
                    fallback: 'style-loader',
                    use: [
                        'css-loader',
                        'less-loader'
                    ]
                })
            },
            { //图片loader
                test: /\.(png|jpg|gif)$/,
                use: [
                    {
                        loader: 'file-loader' //根据文件地址加载文件
                    }
                ]
            }
        ]
    },
    resolve: { // 解析模块的可选项  
        // modules: [ ] // 模块的查找目录 配置其他的css等文件
        extensions: [".js", ".json", ".jsx", ".less", ".css"], //用到文件的扩展名
        alias: { //模快别名列表
            utils: path.resolve(__dirname, 'src/utils')
        }
    },
    plugins: [ // 插进的引用, 压缩，分离美化
        new ExtractTextPlugin('[name].css'), // [name] 默认  也可以自定义name  声明使用
        new HtmlWebpackPlugin({ // 将模板的头部和尾部添加css和js模板,dist 目录发布到服务器上，项目包。可以直接上线
            file: 'index.html', // 打造单页面运用 最后运行的不是这个
            template: 'src/index.html' // vue-cli放在根目录下
        }),
        new CopyWebpackPlugin([ // src下其他的文件直接复制到dist目录下
            {
                from: 'src/assets/favicon.ico',
                to: 'favicon.ico'
            }
        ]),
        new webpack.ProvidePlugin({ //引用框架 jquery  lodash工具库是很多组件会复用的，省去了import
            '_': 'lodash' //引用webpack
        })
    ],
    devServer: { //服务于webpack-dev-server  内部封装了一个express
        port: '8080',
        before(app) {
            app.get('/api/test.json', (req, res) => {
                res.json({
                    code: 200,
                    message: 'Hello World'
                })
            })
        }
    }
}

npm install `webpack` `webpack-cli` -g 
# 或者 || 
yarn global add `webpack` `webpack-cli`

{
    "scripts": {
        "build": "webpack --mode production" //我们在这里配置，就可以使用npm run build 启动我们的webpack
    },
    "devDependencies": {
        "webpack": "^4.16.0",
        "webpack-cli": "^3.0.8"
    }
}

const path = require('path'); // 引入我们的node模块里的path
// 测试下 console.log(path.resolve(__dirname,'dist')); // 物理地址拼接
module.exports = {
    entry: './src/index.js', // 入口文件  在vue-cli main.js
    output: { // webpack如何向外输出
        path: path.resolve(__dirname, 'dist'), // 定位，输出文件的目标路径
        filename: '[name].js' // 文件名[name].js默认，也可自行配置
    },
}

plugins: [  //插进的引用, 压缩，分离美化
    new HtmlWebpackPlugin({  // 将模板的头部和尾部添加css和js模板, dist 目录发布到服务器上，项目包。可以直接上线
        file: 'index.html', // 打造单页面运用 最后运行的不是这个
        template: 'src/index.html'  // vue-cli放在跟目录下
    }),
],

<body>
    <p class="main">Hello World</p>
    <script type="text/javascript" src="main.js"></script>
</body>

.main {
  color: red;
}

"devDependencies": {

    "css-loader": "^1.0.0",

    "html-webpack-plugin": "^3.2.0",

    "sass": "^1.9.0",

    "sass-loader": "^7.0.3",

    "webpack": "^4.16.0",

    "webpack-cli": "^3.0.8"

}

var a = function () {
  var x = 'a'; // 私有属性
  this.z = 'c'; // 实例属性
}
a.y = 'b'; // 类属性
a.prototype.m = 'd'; // 原型属性

var t1 = new a();
console.log(t1.x) // undefined [`实例`不能访问`私有变量`，私有变量只在`函数内`使用]
console.log(t1.y) // undefined [`实例`不能访问`类属性`，类属性只有类本身才能访问，实例不能访问]
console.log(t1.z) // c [`实例`访问`实例属性`]
console.log(t1.m) // d [`实例`访问`原型属性`]

console.log(a.x) // undefined [`类`不能访问`私有变量`，私有变量只在`函数内`使用]
console.log(a.y) // b [`类属性`只有类本身才能访问]
console.log(a.z) // undefined [`类`本身无法访问`实例属性`]
console.log(a.m) // undefined [`类`本身无法访问`原型属性`]

var b = function() {
  this.method1 = function() {
    console.log('this')
  }
} // 构造函数`this`

var c = new b()
c.method1 = function() {
  console.log('instance')
} // `实例`绑定

b.prototype.method1 = function() {
  console.log('prototype')
} // `原型`绑定

怎么跳槽才能跳的更好?

怎么跳槽才能不跳到坑里?

什么时间跳槽比较合适?

如何高效的跳槽?

如何规避跳槽的各种风险?

如何在跳槽时为自己争取一份更好的薪水?

如何应对背景调查等等一系列问题