keep-alive
-
Props：
-
include- 字符串或正則表達(dá)式劫拗。只有名稱匹配的組件會(huì)被緩存间校。 -
exclude- 字符串或正則表達(dá)式。任何名稱匹配的組件都不會(huì)被緩存页慷。 -
max- 數(shù)字憔足。最多可以緩存多少組件實(shí)例。
-
vh
-
vh- 相對(duì)于視口的高度酒繁。視口被均分為100單位的vh
多行文本溢出省略
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
行內(nèi)塊inline-block元素之間出現(xiàn)空白間隙原因及解決辦法
- 父元素設(shè)置font-size為0滓彰，子元素單獨(dú)再設(shè)置字體大小
- 給inline-block元素加float或者flex
url
- protocol :// hostname[:port] / path / [;parameters][?query]#fragment
protocol（協(xié)議）hostname（主機(jī)名）port（端口號(hào)）path（路徑）parameters（參數(shù)）query(查詢)fragment（信息片斷）
ES6：遍歷對(duì)象的鍵
Object.keys(this.proSectionAndStation)
- for ... in 循環(huán)遍歷對(duì)象自身的和繼承的可枚舉屬性(不含Symbol屬性).
- Obejct.keys(obj),返回一個(gè)數(shù)組,包括對(duì)象自身的(不含繼承的)所有可枚舉屬性(不含Symbol屬性).
- Object.getOwnPropertyNames(obj),返回一個(gè)數(shù)組,包含對(duì)象自身的所有屬性(不含Symbol屬性,但是包括不可枚舉屬性).
- Object.getOwnPropertySymbols(obj),返回一個(gè)數(shù)組,包含對(duì)象自身的所有Symbol屬性.
- Reflect.ownKeys(obj),返回一個(gè)數(shù)組,包含對(duì)象自身的所有屬性,不管屬性名是Symbol或字符串,也不管是否可枚舉.
- Reflect.enumerate(obj),返回一個(gè)Iterator對(duì)象,遍歷對(duì)象自身的和繼承的所有可枚舉屬性(不含Symbol屬性),與for ... in 循環(huán)相同.
通過(guò)ES6中的鍵過(guò)濾對(duì)象屬性
const raw = {
item1: { key: 'sdfd', value:'sdfd' },
item2: { key: 'sdfd', value:'sdfd' },
item3: { key: 'sdfd', value:'sdfd' }
};
const allowed = ['item1', 'item3'];
const filtered = Object.keys(raw)
.filter(key => allowed.includes(key))
.reduce((obj, key) => {
obj[key] = raw[key];
return obj;
}, {});
console.log(filtered);
Object.keys列出raw（原始數(shù)據(jù)）中的所有屬性，然后
Array.prototype.filter 選擇存在于允許列表中的鍵州袒，使用
Array.prototype.includes 確保它們存在
Array.prototype.reduce 建立一個(gè)僅具有允許屬性的新對(duì)象揭绑。
vue實(shí)戰(zhàn)——vue中發(fā)送AJAX請(qǐng)求
- 使用axios發(fā)送AJAX請(qǐng)求
- 使用vue-resource發(fā)送跨域請(qǐng)求
獲取當(dāng)時(shí)時(shí)間的格式
2.png
vue-axios攜帶cookie值
//在main.js里面加入這句話即可（全局默認(rèn)配置設(shè)置方法）
axios.defaults.withCredentials=true
zDialog
zDialog是一款彈窗框架
zDialog框架優(yōu)點(diǎn)：
* 代替window.open、window.alert郎哭、window.confirm他匪；提供良好的用戶體驗(yàn)；
* 水晶質(zhì)感夸研，設(shè)計(jì)細(xì)膩诚纸，外觀漂亮；
* 兼容ie6/7/8陈惰、firefox2/3畦徘、Opera；彈出框在ie6下不會(huì)被select控件穿透抬闯；
* 無(wú)外部css文件井辆，引用Dialog.js即可使用；
* 對(duì)iframe下的應(yīng)用作了充分考慮溶握，適合復(fù)雜的系統(tǒng)應(yīng)用杯缺；
* Dialog顯示的內(nèi)容（三種）：1、指向一個(gè)URL的iframe窗口睡榆；2萍肆、頁(yè)面內(nèi)隱藏的元素中的html內(nèi)容袍榆；3、直接輸出一段html內(nèi)容塘揣；
* 按ESC鍵可關(guān)閉彈出框包雀；
————————————————
版權(quán)聲明：本文為CSDN博主「smileNicky」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議亲铡，轉(zhuǎn)載請(qǐng)附上原文出處鏈接及本聲明才写。
原文鏈接：https://blog.csdn.net/u014427391/article/details/52554540
package.json
-
devDependencies- 該模塊中所列舉的插件屬于開(kāi)發(fā)環(huán)境的依賴 -
dependencies- 該模塊中所列舉的插件屬于生產(chǎn)環(huán)境的依賴（程序正常運(yùn)行需要加載的依賴）
