学习笔记(最近比较忙看的时间很少)

时间:2021-05-12 14:32:48
vue文档学习 https://cn.vuejs.org/v2/guide/


生产环境部署,使用构建工具
使用 webpack 的 DefinePlugin 来指定生产环境,以便在压缩时可以让 UglifyJS 自动删除警告代码块。例如配置:
var webpack = require('webpack')
module.exports = {
  // ...
  plugins: [
    // ...
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: '"production"'
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false
      }
    })
  ]
}


路由




过滤器(感觉就想angular里面的管道类似 改变数据)
自定义过滤器
模板里面用法(也是用管道符)
{{ message | capitalize }}


filters: {
  capitalize: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)//第一个字母转大写
  }
}
{{ message | filterA | filterB }}
过滤器可以串联(angular里面的管道也可以串联)


{{ message | filterA('arg1', arg2) }} 
filterA 被定义为接收三个参数的过滤器函数。其中 message 的值作为第一个参数,普通字符串 'arg1' 作为第二个参数,表达式 arg2 的值作为第三个参数。


近期把ngx-echarts 和angular-gridster2 看了下 并结合了下
https://xieziyu.github.io/ngx-echarts/api-doc/index.html  api关于ngx-echarts
https://xieziyu.github.io/ngx-echarts/#/demo/map/hongkong-pd demo关于ngx-echarts
https://github.com/tiberiuzuld/angular-gridster2 api关于angular-gridster2
https://tiberiuzuld.github.io/angular-gridster2/angular/  demo关于angular-gridster2