鍍金池/ 問(wèn)答
呆萌傻 回答

我這么寫(xiě),沒(méi)有你說(shuō)得問(wèn)題
結(jié)構(gòu)中
<el-pagination v-if="isPaging" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage3" :current-page="pageIndex" :page-size="pageSize" layout="total, sizes, prev, pager, next, jumper" :page-count="totalPage" :total="totalNumber"></el-pagination>

data中:

            isPaging:true,    //是否顯示分頁(yè)
            pageIndex:1,    //當(dāng)前頁(yè)(必傳)
            pageSize :10,   //每頁(yè)多少條
            currentPage:1,    //當(dāng)前顯示3頁(yè)
            currentPage3:3,
            totalNumber: 1,     //總條數(shù)
            totalPage:1 ,   //總頁(yè)數(shù)
            

methods中:

clipboard.png

兔囡囡 回答

以上大家都說(shuō)了各種切日志的方法,我就不再補(bǔ)充,但是有一點(diǎn)我比較疑惑,20多M的日志文件并不算大呀。

笑忘初 回答
  1. 從網(wǎng)頁(yè)里找東西,不要用正則,因?yàn)闀?huì)寫(xiě)的很復(fù)雜,通用性很差。大部分語(yǔ)言都有現(xiàn)成的包,直接裝一個(gè)建樹(shù)遍歷吧。
  2. 學(xué)正則推薦 正則表達(dá)式30分鐘入門(mén)教程
萌面人 回答
  1. 一般給的設(shè)計(jì)圖都是有內(nèi)容寬度的,這個(gè)寬度一般不會(huì)太大,一般1000左右。
  2. 一般全寬度的都是什么產(chǎn)品大圖,banner這種。布局大致如下

clipboard.png
每個(gè)框都是獨(dú)立的div哈

題外話

如果內(nèi)容寬度超過(guò)了1200,建議和設(shè)計(jì)師溝通一下,畢竟橫向滾動(dòng)條比較反人類

陪她鬧 回答

1.你需要下載eslint擴(kuò)展
2.你需要下載vetur擴(kuò)展。
3.指定eslint規(guī)則(項(xiàng)目根目錄下新建.eslintrc.js,不清楚可以百度elisnt規(guī)則),網(wǎng)上有模板的,自己根據(jù)喜好配置,以便在第4步自動(dòng)按照這個(gè)格式格式化(比如你寫(xiě)的是雙引號(hào),ctrl+s后自動(dòng)格式化成單引號(hào))
4.

"editor.formatOnSave": false,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"eslint.autoFixOnSave": true,
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    {
        "language": "vue",
        "autoFix": true
    },
    {
        "language": "typescript",
        "autoFix": true
    },
    {
        "language": "typescriptreact",
        "autoFix": true
    }
],
抱緊我 回答
背景
目前項(xiàng)目中會(huì)使用了Iaas中的vm,所有操作都是通過(guò)ssh連上去的。pm表示要不要寫(xiě)個(gè)agent在里面用,現(xiàn)在每次操作都ssh一下都很惡心。

談?wù)勎艺J(rèn)為使用ssh的好處:
代碼集中在一處,不需要分發(fā)
不需要維護(hù)agent這么一個(gè)進(jìn)程的生命周期,以及檢測(cè)它的心跳
缺點(diǎn):

不支持異步
我想問(wèn)的問(wèn)題
ssh的開(kāi)銷(xiāo)大嗎?在我看來(lái)似乎和寫(xiě)一個(gè)基于web server 的agent差不多
大家一般是如何選型的?為什么這么選?

這個(gè)東西以前做過(guò)類似的,也有過(guò)反思,甚至設(shè)計(jì)的原型和你說(shuō)的一模一樣。

例如,我為什么要用基于web server的agent呢,我干嘛不用tcp長(zhǎng)連接到服務(wù)端,這樣執(zhí)行的結(jié)果可以流式傳輸?shù)秸{(diào)用方,他那邊顯示起來(lái)比較平滑,不用每個(gè)命令執(zhí)行完等結(jié)果。
但是我這樣搞的話,中控端流量和日志存儲(chǔ)就成了問(wèn)題了啊。
如果我的業(yè)務(wù)都在云上,如果不同機(jī)房網(wǎng)絡(luò)不互通的話,我又要蛋疼地搞點(diǎn)兼容的事情……
例如,agent的生命周期,為什么我要檢測(cè)她的心跳呢?機(jī)器上萬(wàn)臺(tái)的話,任何可能的事情都會(huì)發(fā)生啊,修復(fù)起來(lái)太蛋疼了。但是我不處理的話……所以后面我會(huì)考慮用ssh來(lái)修復(fù)agent啊。

我假設(shè)你所有的機(jī)器都是linux,發(fā)行版為同一種。

SSH:

  1. 依賴于ssh的速度,一旦網(wǎng)絡(luò)抖動(dòng),ssh操作便會(huì)失敗。(低概率/風(fēng)險(xiǎn))
  2. 依賴于key,如果你安全策略不夠嚴(yán)謹(jǐn),或者管理比不嚴(yán)格的話,那么必然會(huì)造成root key的泛濫。(安全風(fēng)險(xiǎn)高)
  3. 開(kāi)源技術(shù)很成熟,你很容易就能用幾行python包裝出一個(gè)比較完善的腳本,或者寫(xiě)出一個(gè)ansible的配置。(用起來(lái)簡(jiǎn)單)

AGENT:

  1. 依賴于中控端。如果你不打算搞個(gè)中控端,那和ssh沒(méi)本質(zhì)區(qū)別。
  2. 其實(shí)和SSH一樣,依賴于網(wǎng)絡(luò),一旦抖動(dòng)也會(huì)出問(wèn)題。
  3. ?;?。如果你的公司稍微大點(diǎn)的話,會(huì)有各種亂七八糟的原因能讓你的agent不起作用,甚至被kill。雖然處理起來(lái)沒(méi)啥問(wèn)題,但是這個(gè)活總得有人來(lái)干。(低風(fēng)險(xiǎn))
  4. 維護(hù)。(成本中等)
  5. agent其實(shí)可以不用中間代碼,因?yàn)橐环矫婀ぷ髁勘容^大,一方面教育成本和學(xué)習(xí)成本也比較高。只是向agent下發(fā)shell腳本、python腳本等也可以完成相同的功能,沒(méi)問(wèn)題的。

大公司有各種審計(jì)、安全方面的需求,會(huì)把這種事情統(tǒng)一到某個(gè)地方,搞個(gè)中控端,所有的批量操作必須通過(guò)中控端。模式也不一樣,有些用agent,有些用ssh,只有中控端才是必須要有的。

再說(shuō)的直白點(diǎn),
你是個(gè)小公司,小于30臺(tái)機(jī)器或者小于50臺(tái)機(jī)器的話,不建議考慮agent模式。
沒(méi)那個(gè)需求,投入的成本大而收效低。
基于各種第三方框架包裝一個(gè)就好了嘛,嫌麻煩就ansible用起。

練命 回答
這是路由的懶加載,問(wèn)題描述的有點(diǎn)模糊,不知道是不是你要的
  • 聲明
const view = (path, name) => () => import(`@/components/${path}${name}`)// 路由按需加載
  • 用法
export default new Router({
  routes: [

    {
      path: '/',
      name: 'Index',
      component: view('', 'Index'),
      children: [
        {
          path: '/',
          name: 'Recomend',
          component: view('', 'Recomend')
        }
      ]
    }    
  ]
})
厭惡我 回答

做過(guò)類似的。
因?yàn)檫@種原生組件層級(jí)最高,上面只能覆蓋cover-view 或者cover-image。且 只支持tap事件
所以 手勢(shì)滑動(dòng)的輪播圖 就別想了。 不過(guò),點(diǎn)擊 切換,或者 自動(dòng)輪播還是可以的。
手寫(xiě)個(gè)輪播圖 沒(méi)啥難度吧

冷咖啡 回答

總覺(jué)得是你的換行符被替換成空格的問(wèn)題

祉小皓 回答

$refs.wrap 拿到的是一個(gè)VUE組件,并不是一個(gè)DOM。
如果想要手動(dòng)操作DOM,在組件內(nèi)給節(jié)點(diǎn)一個(gè)ID,比如el-col上給一個(gè)ID,然后用this.$el.querySelector(#ID)拿到來(lái)進(jìn)行操作。

可能你就是被上天選中的男人吧,這一生都只能用 Ubuntu 一定能成為一個(gè)優(yōu)秀的程序員。

墨小羽 回答

匹配'|'本身也要轉(zhuǎn)義,因?yàn)樵谡齽t里它是“或”的意思。另外匹配一個(gè)或多個(gè)可見(jiàn)字符用.+。單個(gè).只能匹配一個(gè)字符。

維他命 回答

你這寫(xiě)法肯定只拿到的時(shí)候默認(rèn)的。在change的時(shí)候再去拿val的值才會(huì)變化

剛好寫(xiě)了一部分看到 幫你補(bǔ)了一級(jí) 沒(méi)測(cè)過(guò) 可以試試看

<Menu @on-select='getName'>
 <template v-for="firstMenu in menuList">
      <Submenu v-if="firstMenu.children" :key="firstMenu.text" :name="firstMenu.text">
        <template slot="title">
          <Icon type="ios-navigate"></Icon>
          <span v-text="firstMenu.text"></span>
        </template>
        <template v-for="secondMenu in menuList">
          <Submenu v-if="secondMenu.children" :key="secondMenu.text" :name="secondMenu.text">
            <template slot="title">
              <Icon type="ios-navigate"></Icon>
              <span v-text="secondMenu.text"></span>
            </template>
            <Menu-Item v-for="thirdMenu in secondMenu.children"
                       :name="thirdMenu.name"
                       :key="thirdMenu.name"
                       v-html="thirdMenu.title">
            </Menu-Item>
          </Submenu>
          <Menu-Item v-else :name="secondMenu.text"
                     :key="secondMenu.text"
                     v-html="secondMenu.text">
          </Menu-Item>
        </template>
        <Menu-Item v-for="secondMenu in firstMenu.children"
                   :name="secondMenu.name"
                   :key="secondMenu.name"
                   v-html="secondMenu.title">
        </Menu-Item>
      </Submenu>
      <Menu-Item v-else :name="firstMenu.text"
                 :key="firstMenu.text"
                 v-html="firstMenu.text">
      </Menu-Item>
    </template>
</Menu>

法克魷 回答

MySQL 里面有auto_increment 自增字段,PostgreSQL 沒(méi)有自增字段這一說(shuō)法,但是有單獨(dú)的對(duì)象:序列。 可以用序列或者其他方法來(lái)是實(shí)現(xiàn)這樣的語(yǔ)法?;蛘咴O(shè)置某一列的默認(rèn)值為sequence的值即可

在字段默認(rèn)值里設(shè) nextval('products_product_no_seq')即可。
創(chuàng)建sequence參見(jiàn)https://www.postgresql.org/do...

CREATE SEQUENCE products_product_no_seq START 101;
CREATE TABLE products (
    product_no integer DEFAULT nextval('products_product_no_seq'),
    ...
);