在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

你可以用methods來(lái)實(shí)現(xiàn)，這樣簡(jiǎn)潔一些。
Html：

<div id="dataList">
 <div :class="setColor(data1)">{{data1}}</div>
 <div :class="setColor(data2)">{{data2}}</div>
 <div :class="setColor(data3)">{{data3}}</div>
</div>

JS:

new Vue({
  el: '#dataList',
  data: {
   data1: 12,
   data2: -12,
   data3: 0
  },
  methods:{
    setColor: function(dataVal){
      if(dataVal > 0) return 'red';
      if(dataVal < 0) return 'green';
      return 'default';
    }
  }
});

Css:

.red {
  color: red;
}
.green {
  color: green;
}
.default {
  color: gray;
}

text-align: justify; 不過(guò)需要hack一下,增加一個(gè)偽元素占滿

jquery的 ajax progress進(jìn)度

webpack.base.conf.js

entry: {
    app: './src/main.js'
  }

.babelrc

     {
          "presets": [
            ["env", {
              "modules": false,
              "targets": {
                "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
              }
            }],
            "stage-2"
          ],
          "plugins": ["transform-vue-jsx", "transform-runtime","transform-decorators-legacy"]
        }
 

vue-shims.d.ts

 
 declare module "*.vue" {
      import Vue from 'vue';
      export default Vue;
    }

main.js文件不變

tsconfig.json

    
 {
  "compilerOptions": {
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "module": "es2015",
    "removeComments": true,
    "preserveConstEnums": true,
    "sourceMap": true,
    "strict": true,
    "target": "es5",
    "moduleResolution": "node",
    "lib": [
      "dom",
      "es5",
      "es2017",
      "es2015"
    ]
  }
}

App.vue

<template>
  <div>
    <input v-model="msg">
    <p>prop: {{propMessage}}</p>
    <p>msg: {{msg}}</p>
    <p>helloMsg: {{helloMsg}}</p>
    <p>computed msg: {{computedMsg}}</p>
    <button @click="greet">Greet</button>
  </div>
</template>

<script>
import Vue from 'vue'
import Component from 'vue-class-component'

@Component({
  props: {
    propMessage: String
  }
})
export default class App extends Vue {
  // initial data
  msg = 123

  // use prop values for initial data
  helloMsg = 'Hello, ' + this.propMessage

  // lifecycle hook
  mounted () {
    this.greet()
  }

  // computed
  get computedMsg () {
    return 'computed ' + this.msg
  }

  // method
  greet () {
    alert('greeting: ' + this.msg)
  }
}
</script>

<style>

#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}

</style>

package.json

"dependencies": {
    "awesome-typescript-loader": "^3.4.1",
    "babel-plugin-transform-decorators-legacy": "^1.3.4",
    "node-sass": "^4.7.2",
    "sass": "^1.0.0-beta.4",
    "sass-loader": "^6.0.6",
    "sass-resources-loader": "^1.3.1",
    "source-map-loader": "^0.2.3",
    "ts-loader": "^3.3.1",
    "typescript": "^2.6.2",
    "vue": "^2.5.2",
    "vue-class-component": "^6.1.2",
    "vue-router": "^3.0.1"
  },

https://github.com/yyccQQu/vu...

從 NPM 5.0 開(kāi)始，npm update 會(huì)自動(dòng)更新 package.json。所以先查下 npm 版本吧。

xhr.getResponseHeader("Content-Type")//查看返回類(lèi)型 如果是json 把blod轉(zhuǎn)string再轉(zhuǎn)json

日經(jīng)問(wèn)題，SF上面都問(wèn)過(guò)很多次了。

javascript 連等賦值問(wèn)題

其實(shí)你可以把部分配置文件的代碼曬出來(lái)，這樣看片段，看不懂?。　?/p>

是否取消勾選

低版本jq的getScript沒(méi)有錯(cuò)誤處理，>=2.0可以在fail中處理

let/const 禁止變量提升

全局安裝webpack-cli吧

3n+1
3n+2
3n

使用 webpack-bundle-analyzer 這個(gè)工具分析一下依賴(lài)關(guān)系，看看具體是引用了那些模塊導(dǎo)致的體積過(guò)大。然后針對(duì)性的進(jìn)行 Code Splitting 。比如我之前遇到的這個(gè)問(wèn)題，是因?yàn)榘葱杓虞d的頁(yè)面中重復(fù)引用了大量的組件庫(kù)的模塊?？梢詤⒖嘉业倪@篇文章：https://saekiraku.github.io/a...

用el-input的methods就可以了。寫(xiě)了一個(gè)例子，應(yīng)該是你想要的：https://jsfiddle.net/1tnrgm92/

為什么默認(rèn)標(biāo)簽這么大

問(wèn)題原因

• webstorm內(nèi)置了一個(gè)postCss support的IDE插件
• 但是它只支持7個(gè)postcss插件,其中并不包含postcss-simple-vars
• 所以瀏覽器才會(huì)報(bào)錯(cuò).

參考: https://blog.jetbrains.com/we...

那到底怎么讓編輯器支持postcss的$語(yǔ)法呢?

分庫(kù)確實(shí)有很多問(wèn)題，但是現(xiàn)在大多數(shù)互聯(lián)網(wǎng)企業(yè)由于業(yè)務(wù)數(shù)據(jù)龐大基本上都會(huì)使用分庫(kù)分表。分庫(kù)分表最根本的原因就是解決單機(jī)負(fù)載壓力，把一臺(tái)機(jī)器上的壓力分散到多臺(tái)服務(wù)器上去。
分庫(kù)也確實(shí)有一些問(wèn)題需要考慮：
1.分庫(kù)規(guī)則和策略（分片原則）。什么樣的數(shù)據(jù)進(jìn)如DB1中，什么樣的數(shù)據(jù)進(jìn)入DB2中
2.跨庫(kù)事物
3.分布式業(yè)務(wù)主鍵如何設(shè)計(jì)
4.庫(kù)表和庫(kù)表之間如果需要join
5.分頁(yè)的問(wèn)題
6.多數(shù)據(jù)源整合的問(wèn)題
其實(shí)，單機(jī)分庫(kù)只是解決了表的壓力，并沒(méi)有解決服務(wù)器的壓力。
現(xiàn)在也有很多開(kāi)源組件支持分庫(kù)分表，可以參考下mycat sharding-jdbc等等一些開(kāi)源項(xiàng)目。

歡迎加Q群交流討論Java技術(shù) 696883318

使用jQuery on

$（#容器ID）.on(“click”, "a", function(e){
// code
})

Vue.js 和 pagination控件的回調(diào)函數(shù)沖突了，解決的辦法暫時(shí)沒(méi)想好。換成自己手動(dòng)寫(xiě)的分頁(yè)