這么寫沒問題,應(yīng)該是Form標(biāo)簽沒占滿100%寬度導(dǎo)致的
這個可以通過給按鈕點擊事件傳參來完成,下面是一個小例子
html
<div id="wrap">
<button>點擊1</button>
<div class="one">1</div>
<button>點擊2</button>
<div class="one">2</div>
<button>點擊3</button>
<div class="one">3</div>
<button>點擊4</button>
<div class="one">4</div>
<button>點擊5</button>
<div class="one">5</div>
</div>
css
.one{
width: 100px;
height: 20px;
background-color: red;
}
js
var wrap = document.getElementById('wrap');
console.log(wrap);
var oButton = wrap.getElementsByTagName('button');
var num = oButton.length;
for(let i=0; i<num; i++){
// oButton[i].setAttribute('onclick' ,`change(${i},this)`);
oButton[i].addEventListener('click',function(){
var oDiv = document.getElementsByClassName('one')
if (oDiv[i].style.opacity == 1 || (oDiv[i].style.opacity == '')) {
oDiv[i].style.opacity = 0;
} else {
oDiv[i].style.opacity = 1;
}
})
}
--------------------補充:---------------
js中用opacity是為了不讓隱藏的div破壞頁面結(jié)構(gòu),如果用display的話,容易影響頁面的結(jié)構(gòu)。當(dāng)然這視情況而定。
if語句判斷是否為''是因為在一開始,opacity='',如果不加,一開始要點擊兩次,div才會隱藏。
--------------------補充:---------------
修改了一下js和html。每次對div和button的刪除和增加,只要是成對的,那就都可以了。
你可以設(shè)置select的value,畢竟option代表的也只是value。
可以看看 github page官方文檔,挺詳細的
大致意思就是你 添加一條CNAME記錄,到你的 domain
# 栗子:
blog.flxxyz.com 3592 IN CNAME flxxyz.github.io.
希望能幫到你(?????????)?
這個開發(fā)一個可以復(fù)用的小程序,每個加盟商單獨部署自己的小程序。服務(wù)端都接入你們自己的服務(wù)。如果你有時間,可以在你們的后臺服務(wù)端開發(fā)多套頁面模版,加盟商可以調(diào)用你們的服務(wù)來選擇不同模版
試了一下,在created階段調(diào)用destroy并沒有成功銷毀。
所以試試在
beforeRouteEnter (to, from, next) {
if(!xxx) {
next('index')
} else {
next()
}
}
在這個鉤子函數(shù)處理下跳轉(zhuǎn),就不會進入created,比beforecreate還要早。
樓主解決問題了嗎? 我也是需要動態(tài)添加子路由到父路由中去, 直接addRoutes只會注冊到根路由
@import是css的語法:https://developer.mozilla.org...
~代表模塊請求:https://cli.vuejs.org/zh/guid...
js計算字數(shù)再限制并加省略號不好嗎?另外,表單元素用不著加省略號吧
var var01 = 1;
function funtest() {
document.write(var01);
var var01 = 0;
}
funtest();
//結(jié)果為:undefined
作用域鏈從內(nèi)向外查找,輸出undefinde是因為函數(shù)變量聲明提升,上面的代碼等價于
function funtest() {
var var01;
document.write(var01); // 這個時候打印,var01的值是undefinde
var01= 0;
}
2.
////////////////////////
var var01 = 1;
function funtest() {
document.write(var01);
var01 = 0;
}
funtest();
//結(jié)果為:1
如過在函數(shù)內(nèi)部聲明的變量沒有寫var,這個變量會是一個全局變量,var01 = 0;相當(dāng)于改變函數(shù)外面var01的值。
form 表單需要阻止提交按鈕的默認行為
在組件中處理,會把數(shù)據(jù)處理邏輯放在組件中,如果以后數(shù)據(jù)結(jié)構(gòu)改變,就得到組件中處理,也不利于組件的復(fù)用,感覺還是放在dva中處理比較好
假設(shè)你有一個二維數(shù)組 a3,三行兩列,想象成一個矩陣。
如果按照 row major(從左到右,即從行選取元素,然后從上到下?lián)Q行),程序讀取數(shù)據(jù)的順序是 a[0][0], a[0][1], a[1][0], a[1][1], a[2][0], a[2][1],按照行號順序來
翻看它的源碼,只要 x比前面的小,就會報錯。
結(jié)案了,原因是因為我在本地proxy配置用的是api/xxxx,導(dǎo)致我認為后臺代碼沒有一點問題,結(jié)果這里是apis
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name 132.232.22.140:8000;
root /usr/share/nginx/html;
# root /home/myftp/dist
# Load configuration files for the default server block.
include /etc/nginx/default.d/*.conf;
location ^~ /api/ {
proxy_pass http://127.0.0.1:8889;
}
location /{
proxy_pass http://127.0.0.1:8000;
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}
前端8000端口,后臺8889端口,跨域成功
可以,
state.js test: 0
type.js export const TEST = 'TEST'
mutations.js import * as types from type.js TEST: (state, payload) => {state.test = payload}
actions.js import * as types from type.js TEST: ({commit}, payload) => {commit(types.TEST, payload)},是這樣嗎?
你這里的index 還是第一頁的index,而你在計算的時候沒有將頁數(shù)計算進去,所以你拿到的仍然是第一頁的對應(yīng)行的數(shù)據(jù),比如說你想拿到第二頁的某一行的數(shù)據(jù),你的index要加上第一頁的長度-1,然后才能拿到你真實的數(shù)據(jù)
一 父子組件傳值,props
1.父組件
onChange(用來接收子組件傳的值){
}
<Child_1 name="張三" age="25" onChange={this.onChange.bind(this)} />
2.子組件
this.props.onChange(傳遞的值)
二 redux
關(guān)于redux使用 可以看看我的個人博客 http://www.liuweibo.cn/blog
new Function(/*your code string*/);
//or
eval(/*your code string*/)
補充點例子
// 假設(shè)這個就是你從數(shù)據(jù)庫里取出來的方法
const codeString = `function abc(){
console.log("hello world")
}`;
//方法1
const myABC = new Function(`return ${codeString}`)();
myAbC();//hello world
//方法2
eval(`var myABC2 = ${codeString}`);
myABC2();//hello world
以上就是你的需求的實現(xiàn)。
匹配優(yōu)先級:有時候,同一個路徑可以匹配多個路由,此時,匹配的優(yōu)先級就按照路由的定義順序:誰先定義的,誰的優(yōu)先級就最高。
也就是添加新的路由的時候,是往后面添加。
對于*路由,代碼做了特殊的處理。
大部分人對*的認識是一個后備路由,也就是別的路由都匹配不上的時候,使用*對應(yīng)的路由。
源碼src下面的create-route-map.js文件的第29-35行就是專門把*路由放到最后面的:
// ensure wildcard routes are always at the end
for (let i = 0, l = pathList.length; i < l; i++) {
if (pathList[i] === '*') {
pathList.push(pathList.splice(i, 1)[0])
l--
i--
}
}
綜上,添加路由的時候按照路由定義的順序添加路由,最后把*路由換到最后面。
你用的是什么版本的 ReactRouter?
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎ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)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(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)師。