我這么寫(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中:
以上大家都說(shuō)了各種切日志的方法,我就不再補(bǔ)充,但是有一點(diǎn)我比較疑惑,20多M的日志文件并不算大呀。
hf-->hard float
IE8 壓根就不會(huì)有這個(gè)吧
內(nèi)容寬度
的,這個(gè)寬度一般不會(huì)太大,一般1000左右。
每個(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:
AGENT:
大公司有各種審計(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è)字符。
用Array.filter過(guò)濾一下。
你這寫(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'),
...
);
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
北大青鳥(niǎo)中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過(guò)二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。