鍍金池/ 問答
墨小白 回答

swiper在后臺數(shù)據(jù)沒有回來已經(jīng)初始化了，swiper-slide 循環(huán) data ，加上這個 v-if=“data.length”，獲取數(shù)據(jù)了之后再渲染

情未了 回答

你在里面的時候吧函數(shù)定義到全局就可以了
這樣

window.downloadPictureForIOS = downloadPictureForIOS;

外面就可以調(diào)用了 不過你全局調(diào)用的話 能保證相關(guān)的庫已經(jīng)加載完了嗎

憶往昔 回答

  1. 按需引入 iview https://www.iviewui.com/docs/...

  2. 按需引入 echarts https://github.com/ywwhack/ba...

最后建議，把這些需要按需加載的模塊放到統(tǒng)一放到一個文件里，后面好維護(hù)

吃藕丑 回答

頂一波樓上，將日期寫到變量中，再在插件中綁定默認(rèn)值這個屬性

命于你 回答

目錄結(jié)構(gòu)

|-src
|----actions
|--------user.js
|--------office.js
|--------index.js
|----reducers
|--------user.js
|--------office.js
|--------index.js
|----pages
|--------office.js

Action整合

actions目錄中的index.js作為所有業(yè)務(wù)的集合,集中配置管理.

actions/index.js

import * as officeActions from './office';
import * as userActions from './user';

export default {
    ...officeActions,
    ...userActions,
}

actions/office.js

//這里的方法名稱要全局唯一
export function getOfficeList(){
    return async(dispatch,getState) => {
        let response = await fetch(url);
        //這里的type一定要全局唯一,因?yàn)闋顟B(tài)變一次每個Reducer都會根據(jù)類型比對一遍
        dispatch({type: 'GET_OFFICE_LIST', payLoad: response.json});
    }
}
export function getOfficeInfo(id){
    return async(dispatch,getState) => {
        let response = await fetch(url+'?id='+id);
        //這里的type一定要全局唯一,因?yàn)闋顟B(tài)變一次每個Reducer都會根據(jù)類型比對一遍
        dispatch({type: 'GET_OFFICE_DETAIL', payLoad: response.json});
    }
}

actions/user.js

//這里的方法名稱要全局唯一
export function getUserList(){
    return async(dispatch,getState) => {
        let response = await fetch(url);
        //這里的type一定要全局唯一,因?yàn)闋顟B(tài)變一次每個Reducer都會根據(jù)類型比對一遍
        dispatch({type: 'GET_USER_LIST', payLoad: response.json});
    }
}

Reducer整合

Reducer目錄中的index.js 所有子狀態(tài)的集合,集中配置管理.

reducers/index.js

import {combineReducers} from 'redux';

import officeReducer from './office';
import userReducer from './user';

const appReducer = combineReducers({
    office: officeReducer,
    user: userReducer,
});
export default appReducer;

reducers/office.js

//初始化狀態(tài)
let initialState = {
    officeList: [],
    officeInfo: {
        "id": "",
        "parent_id": "",
        "parent_ids": "",
        "name": "",
    },
};
const office = (state = initialState, action) => {
    switch (action.type) {
        //處理 類型為 GET_OFFICE_LIST 結(jié)果數(shù)據(jù)
        case 'GET_OFFICE_LIST':
            return Object.assign({}, state, {
                officeList: action.payLoad.data
            });
        //處理 類型為 GET_OFFICE_DETAIL 結(jié)果數(shù)據(jù)
        case 'GET_OFFICE_DETAIL':
            return Object.assign({}, state, {
                officeInfo: action.payLoad.data
            });
        default:
        //如果類型為匹配到 返回當(dāng)前state
            return state;
    }
};
export default office

最終使用

pages/office.js

import React, {Component} from 'react'
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';

//以antd為例
import {Table, Tree, Row, Col, Card, Button, Spin, Modal,Icon} from 'antd';
//引入Action集合,因?yàn)楹苡锌赡苣硞€頁面 需要調(diào)用多個子action
import Actions from '../actions';

class office extends Component {
    //生命周期此次不討論
    componentDidMount() {
        //請求機(jī)構(gòu) 數(shù)據(jù)
        this.props.action.getOfficeList();
  }

    handleOnRowClick = (officeId)=>{
        //點(diǎn)擊行 獲取結(jié)構(gòu)詳情數(shù)據(jù)
        this.props.action.getOfficeInfo(officeId);
    }
    
    render() {
        <div className="tableDistance">
        <Table rowSelection={rowSelection} columns={columns}
               dataSource={this.props.office.officeList}//綁定機(jī)構(gòu)數(shù)據(jù)并展現(xiàn)
               bordered size="middle"
               pagination={false} onRowClick={this.handleOnRowClick}
        />
    </div>
    }

}
//我習(xí)慣叫訂閱-訂閱Reducer/index.js集合中的需要的狀態(tài),reducer/office在這里進(jìn)行綁定(數(shù)據(jù)結(jié)構(gòu)具體見:initState),reducer/office數(shù)據(jù)變化這里就會變化,這里可以理解為數(shù)據(jù)源
const mapStateToProps = (state) => {
    return {
        office: state.office,
        user:state.user
    }
};
//將引入的Actions綁定,使當(dāng)前展現(xiàn)層具備 請求數(shù)據(jù)的能力,需要什么數(shù)據(jù),就請求對應(yīng)的 方法名(這就是為什么腔調(diào)actions/office.js 中的每個action 名稱一定要全局唯一,還是那句話,這個頁面可能需要多個子action的數(shù)據(jù)能力作為數(shù)據(jù)集中展現(xiàn)的基礎(chǔ))
const mapDispatchToProps = (dispatch) => {
    return {
        action: bindActionCreators(Actions, dispatch)
    }
};
//最重要一步 通過react-redux 提供的 connect函數(shù)將 需要的 Reducer和Actions 綁定至 當(dāng)前頁面
export default connect(mapStateToProps, mapDispatchToProps)(office);

完

脾氣硬 回答

Mybatis 每次只能執(zhí)行一條語句。
批量插入

<insert id="saveTeacherLabels" keyProperty="id" parameterType="java.util.List">
    insert into teacher_labels(id, teacher_id, name) values
    <foreach collection="list" item="item" index="index" separator=",">
        (<include refid="value"/>)
    </foreach>
</insert>
孤影 回答

只能這樣，java thread的interrupt是交互式的，不存在硬性關(guān)閉的機(jī)制

夢一場 回答

加分號啊。老生常談了。

function test(){
    
}
test.prototype = function(){
    console.log("test_prototype");
}; //這里加分號，否則就連成一條語句執(zhí)行了
(function(){
    console.log("立即執(zhí)行函數(shù)");
})()

// 不加分號，瀏覽器就是這樣認(rèn)為的：

test.prototype = (function(){
    console.log("test_prototype");
})(function(){
    console.log("立即執(zhí)行函數(shù)");
})()

// 也就是這樣的：
f1 = function(){
    console.log("test_prototype");
};
f2 = function(){
    console.log("立即執(zhí)行函數(shù)");
};
test.prototype = f1(f2)()
話寡 回答

1 在B應(yīng)用的掃描路徑中排除掉A項(xiàng)目的定時任務(wù)所在的路徑，不被掃描掉自然不被Spring處理
2 注解修改為配置文件，按需引入配置文件去加載Bean，不需要不加載即可

尕筱澄 回答

不用箭頭函數(shù)就行了唄 要不就new Array(10).fill(0).map(_ => console.log(this).bind([])

1.4.0 小程序開始有 WXML節(jié)點(diǎn)信息的API

可以通過這個來進(jìn)行操作。

里面有一個boundingClientRect 不正是可以利用的API？

https://mp.weixin.qq.com/debu...

挽歌 回答

webpack等工具，能自動解析模塊的加載，你使用了react那么你不可能不用這個吧?。?！

病癮 回答

在main.js里直接import '../xx.less'
所有的全局樣式都可以在這引入。

薄荷綠 回答

修改webpack.base.config.js 中build項(xiàng)的assetsPublicPath為絕對路徑，就可以了。
assetsPublicPath: '/'

她愚我 回答

DOMContentLoaded 和 Load

DOMContentLoaded 和 Load 分別對應(yīng) 頁面 DOMContentLoaded 和 Load 事件觸發(fā)的時間點(diǎn)，即：

DOMContentLoaded：DOM樹構(gòu)建完成。即HTML頁面由上向下解析HTML結(jié)構(gòu)到末尾封閉標(biāo)簽</html> 。

Load:頁面加載完畢。 DOM樹構(gòu)建完成后，繼續(xù)加載html/css 中的圖片資源等外部資源，加載完成后視為頁面加載完畢。

DOMContentLoaded 會比 Load 時間小，兩者時間差大致等于外部資源加載的時間。

Finish

Finish 時間與DOMContentLoaded 和 Load 并無直接關(guān)系。

Finish 時間是頁面上所有 http 請求發(fā)送到響應(yīng)完成的時間，HTTP1.0/1.1 協(xié)議限定，單個域名的請求并發(fā)量是 6 個，即Finish是所有請求（不只是XHR請求，還包括DOC，img，js，css等資源的請求）在并發(fā)量為6的限制下完成的時間。

Finish 的時間比 Load 大，意味著頁面有相當(dāng)部分的請求量，

Finish 的時間比 Load 小，意味著頁面請求量很少，如果頁面是只有一個 html文檔請求的靜態(tài)頁面，Finish時間基本就等于HTML文檔請求的時間。（如下圖）
clipboard.png

頁面發(fā)送請求和頁面解析文檔結(jié)構(gòu)，分屬兩個不同的線程，

所以 Finish 時間與DOMContentLoaded 和 Load 并無直接關(guān)系。

耍太極 回答

跨域了，如果上線后是同個域名，那么可以本地測試的時候設(shè)置個host。也可以服務(wù)端開個cors，解決跨域問題

青瓷 回答

var a = [{x: 1},{x:2},{x:3}];

for( var k in a){
    if(a[k].x == 1){
        a[k].x = "a";
    }else if(a[k].x == 2){
        a[k].x = "b";
    }else if(a[k].x == 3){
        a[k].x = "c";
    }
}
console.log(a);



把if替換成switch就好了。。不過你是這個意思嘛？
朕略傻 回答

Promise.all() 并不能解決循環(huán)的問題，一般情況下 .all() 的參數(shù)是 Promise 數(shù)組（暫時不考慮其它類似）。那么，數(shù)組中的每個 Promise 都代表著一個異步操作，Promise.all() 的作用是等待這些異步操作全部執(zhí)行完成，所以實(shí)質(zhì)上并不是 Promise.all() 是并發(fā)的，而是 Promise.all() 等待著一堆并發(fā)執(zhí)行完成。

因此，Promise.all() 并不能解決有序循環(huán)。作為特例，如果 Promise.all() 等待的全都是同步代碼，比如題主示例中雖然用了 .map()，映射結(jié)果卻并不是 Promise 對象，而是同步執(zhí)行（直接返回的 id），這種情況下，實(shí)際是依次執(zhí)行的完了再把結(jié)果放入 .all() 的，所以是同步順序循環(huán)處理的（就是 map 干的事情）。題主的第一段代碼，如果變量名不是 promises，你覺得它跟異步或者 Promise 有任何關(guān)系嗎？

然后當(dāng)然要指出 ajax 調(diào)用時候的一個失誤：{} 中的內(nèi)容應(yīng)該是 ajax 的參數(shù)，所以應(yīng)該放在括號中 ({...}) 才對。

由于 promises 變量保存的只是一個同步運(yùn)行的結(jié)果集，所以 Promise.all(promises) 其實(shí)就是對 then() 的回調(diào)直接傳遞的這個結(jié)果集，所以 val 的值實(shí)際就是 [1, 2]。因此下面這個寫法是沒有問題的

$.ajax({
    data: val
});

問題在于下面這里

Promise.all(promises)
    .then(function(val) {
        // 問題在把 ajax 放入 then 回調(diào)中之后
        $.ajax({
            data: val
        });
    })
    .catch(function(err) {
        // ....
    });

這里如果 ajax 發(fā)生錯誤，它不會拋異常，而是等待它自己的 .fail() 處理，因?yàn)闆]有定義，所以就被丟棄了。它并不會傳遞到后面的 .catch() 中，要解決這個問題，可以是得用 ajax 自己的 .fail() 來處理錯誤

Promise.all(promises)
    .then(function(val) {
        // 問題在把 ajax 放入 then 回調(diào)中之后
        $.ajax({ data: val })
            .fail(function(err) {
                // 這里處理錯誤邏輯
            });
    });

也可以是，直接將 ajax 的結(jié)果（thenable）傳遞下去，由 Promise 機(jī)制的 .catch() 來處理

Promise.all(promises)
    .then(function(val) {
        // 問題在把 ajax 放入 then 回調(diào)中之后
        return $.ajax({ data: val });
    })
    .catch(function(err) {
        // 處理錯誤邏輯
    });
首頁 上一頁 2077 2078 2079 2080 2081 2082 2083 2084 2085 下一頁 尾頁