我的思路是將其當(dāng)成通訊錄來做,左邊的選項(xiàng)卡類似通訊錄的字母導(dǎo)航條,右邊的內(nèi)容類似聯(lián)系方式列表。打開頁面時(shí),一次性獲取所有的列表數(shù)據(jù)并展示,點(diǎn)擊左邊的選項(xiàng)卡,右邊導(dǎo)航至對(duì)應(yīng)的位置。
這樣處理有幾個(gè)好處:
1.某一商品的選中狀態(tài)不會(huì)因?yàn)檫x項(xiàng)卡的切換而清空
2.右邊的列表可以展示所有的數(shù)據(jù),切換選項(xiàng)卡不會(huì)造成數(shù)據(jù)過濾而導(dǎo)致只展示部分?jǐn)?shù)據(jù)。
3.只需要調(diào)用一次API
缺點(diǎn):
1.需要一次性獲取所有數(shù)據(jù)
2.右邊數(shù)據(jù)列表滑動(dòng)時(shí),左邊選項(xiàng)卡選中狀態(tài)也要變化,這個(gè)不好處理
綁定:key="index"?
v-for=key,index in data
import {PaymentRequest} from 'react-native-payments'
你們這后端也太懶了吧,這種本來就是需要后端做的事情,上傳到阿里云,需要后臺(tái)那邊自己去傳的,前臺(tái)只需要傳到后臺(tái)就可以了。
前臺(tái)自己傳阿里云肯定會(huì)跨域啊,這種都是后臺(tái)傳的。
還有,哪有把簽名發(fā)給前端讓前端去傳到云上的???安全性不考慮??如果繼續(xù)這樣子搞,以后你們后端怕是要把數(shù)據(jù)庫密碼發(fā)給你,讓你前端直接去存庫好了。
0.17.0 有問題,我切回0.16.0就好了
"#" url的hash模式
"#"號(hào) 后面的字符其實(shí)是一個(gè)位置標(biāo)識(shí)符,最早的作用是,如果該網(wǎng)頁中含有,該標(biāo)識(shí)符的錨點(diǎn)或id,網(wǎng)頁就可以自動(dòng)滾動(dòng)到該處
為什么會(huì)被SPA采用,也是因?yàn)?號(hào)的幾個(gè)特性
特性1
"#"號(hào) 后面的所有內(nèi)容都不會(huì)被發(fā)送到服務(wù)器, 假如你 訪問http://www.xxx.com/index.html#name=123服務(wù)器 只收到 get /index.html 的請求。拋棄#以后所有內(nèi)容
特性2
"#"號(hào)后面內(nèi)空更改不會(huì)處罰瀏覽器刷新(對(duì)SPA特別重要),你可嘗試一下,就你的這個(gè)問題頁,在地址欄里的url最后加上#xxx 回車一下試試,這個(gè)頁面不會(huì)刷新,
當(dāng)然它還有一些其它的特性,但相對(duì)SPA來說可能沒有哪么重要
為什么又出現(xiàn)了history 模式,
我感覺就一個(gè)原因,不好看
你說哪個(gè)URL更友好,更符合人們對(duì)正常URL的期待,history.pushState API比較完善以后,主流的SPA框架都對(duì)其進(jìn)行了支持。
但是history模式,需要后端支持,如果不支持,就可能自動(dòng)降級(jí)為hash模式
Mutation函數(shù)只接受(state,data) 如果data中有多個(gè)數(shù)據(jù),需要在傳入時(shí)用對(duì)象包裹 如({id:xxx,
name:xxx})
cnpm 內(nèi)部用的是 npminstall 這個(gè)庫,通過 link 的方式來提升安裝速度。
react是個(gè)view,但再加上其豐富的生態(tài),足以支持大型項(xiàng)目。
所謂項(xiàng)目的框架最終可以理解為MV*,所以在提及react可以搞定一個(gè)項(xiàng)目的時(shí)候,往往指的是react以及其生態(tài)
this指向問題,一般防止這種情況都會(huì)在方法開頭聲明一下, let self = this
new Function(/*your code string*/);
//or
eval(/*your code string*/)
補(bǔ)充點(diǎn)例子
// 假設(shè)這個(gè)就是你從數(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
以上就是你的需求的實(shí)現(xiàn)。
https://codepen.io/caocong/pe...
是這個(gè)效果么
推薦直接使用官方構(gòu)建工具vue-cli ,你這里缺少入口的html文件。
總結(jié)起來有兩個(gè)問題
你應(yīng)該善用谷歌搜索,這些問題都有現(xiàn)成的解答。
順便提一下,jquery.js 整個(gè)腳本可以通過類似的方式植入,不必要加在現(xiàn)有的 injected.js 腳本文件里。現(xiàn)學(xué)現(xiàn)用,靈活一點(diǎn)。
解決了,看dropdown的源碼封裝有hiden()和show()方法,直接給el-dropdown加個(gè)ref再通過ref運(yùn)行組件內(nèi)的方法即可
<el-dropdown trigger="click" ref="messageDrop"></el-dropdown>
this.$refs.messageDrop.hide();
this.$refs.messageDrop.show();var template = template(),這里的變量不可以和插件的方法名一樣
可以在mounted中綁定scroll事件來處理
mounted: {
// 首先通過$refs獲取dom元素
this.textArea = this.$refs.viewTextArea;
// 監(jiān)聽這個(gè)dom的scroll事件
this.textArea.addEventListener('scroll', () => {}, true);
}你的 a.js 和 b.js 怎么寫的?
你這種用法:import a from './a'
對(duì)應(yīng)的a.js 應(yīng)該有export defaut;
如果沒有 default,
應(yīng)該這樣用:import {a} from './a'
有解決方法,但不知道為什么會(huì)出現(xiàn)這種情況。希望大神提點(diǎn)一下。
解決方法: var comments = commentsConfig.heart.slice();
slice() 方法返回一個(gè)從開始到結(jié)束(不包括結(jié)束)選擇的數(shù)組的一部分淺拷貝到一個(gè)新數(shù)組對(duì)象。原始數(shù)組不會(huì)被修改。
北大青鳥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)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(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ū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。