如果網(wǎng)頁的話可以根據(jù)右側(cè)的scrollTop來動態(tài)添加class 但是小程序上似乎沒辦法得到這些數(shù)值。。。。
我看美團(tuán)外賣和餓了么的小程序也都沒有實現(xiàn)這種效果
<style>
.red{color: red}
.blue{color: blue}
.green{color: green}
.orange{color: orange}
<style>
<td :class="[x.itemName==="已完成"? 'red': '', x.itemName==="待完成"? 'blue': '',x.itemName==="執(zhí)行中"? 'green': '',{ orange: x.itemName==="已執(zhí)行"}]">{{x.itemName}}</td >任務(wù)管理器結(jié)束進(jìn)程也沒用嗎
你的options沒有成功所以并沒有post請求。你控制臺報錯應(yīng)該是服務(wù)端那邊沒有允許跨域訪問
一、分析
找不到包應(yīng)該為路徑問題,項目能正常啟動,maven編譯不過,猜測所打jar包出現(xiàn)的問題
二、原因
參考:maven mulit-module dependency package not found
問題出現(xiàn)在maven spring boot打包插件上
1.spring boot packaging plugin
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
打包后所有的包和類都放到了BOOT-INF文件夾中
2.maven packaging plugin
build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
</plugin>
</plugins>
</build>
包在根路徑下
三、解決方案
替換build插件為maven打包插件即可
你這個問題應(yīng)該是這樣的,你現(xiàn)看看我在Vue中使用了Axios,對Axios進(jìn)行了封裝,鏈接地址: 動態(tài)Axios配置 注意看對請求成功的返回數(shù)據(jù)封裝
一般封裝都會直接返回res.data,所以狀態(tài)碼或者頭信息之類的就獲取不到,你要做的就是直接返回response,把res.data改為res就能拿到狀態(tài)碼和頭信息之類的信息了。
希望能幫助到你! ^_^
你要完成什么效果,要用到取dom 節(jié)點的,一般vue都能達(dá)成想要的效果啊
你可以用methods來實現(xià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; 不過需要hack一下,增加一個偽元素占滿
首次打開的時候,花費(fèi)時間也是比較長的,
38個請求432kb的傳輸量。用網(wǎng)頁打開,或者用file_get_contect 或者curl 獲取數(shù)據(jù) 其實都有點慢。。。
如果你想提升速度的話,我覺得可以分開獲取。開三個腳本,一個獲取js css文件,一個獲取圖片,一個獲取本身頁面結(jié)構(gòu)。
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"
},
從 NPM 5.0 開始,npm update 會自動更新 package.json。所以先查下 npm 版本吧。
xhr.getResponseHeader("Content-Type")//查看返回類型 如果是json 把blod轉(zhuǎn)string再轉(zhuǎn)json日經(jīng)問題,SF上面都問過很多次了。
pom文件檢查一下jar包沖突情況
其實你可以把部分配置文件的代碼曬出來,這樣看片段,看不懂啊!·
是否取消勾選
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。