項(xiàng)目需求:選擇代付對(duì)象,其附屬信息會(huì)在input中顯示出來,但附屬信息可以修改,然而在開發(fā)中,附屬信息顯示出來了,但并不能修改 附屬信息的input綁定的是details的某...
項(xiàng)目需求:選擇代付對(duì)象,其附屬信息會(huì)在input中顯示出來,但附屬信息可以修改,然而在開發(fā)中,附屬信息顯示出來了,但并不能修改 附屬信息的input綁定的是details的某...
flex布局中經(jīng)常有其他元素靠左排列,最后一個(gè)元素靠右排列的設(shè)計(jì)。簡(jiǎn)單的在最后一個(gè)元素中添加margin-left:auto的樣式,就可以實(shí)現(xiàn) MDN中給出了說明 剩余空間會(huì)...
vue組件中經(jīng)常使用scope來使樣式只在組件內(nèi)生效。原因就是attribute 會(huì)自動(dòng)添加一個(gè)唯一的 attribute為組件內(nèi) CSS 指定作用域,然后使用CSS的屬性選...
項(xiàng)目需求要把數(shù)字轉(zhuǎn)為字符串傳參,隨手在瀏覽器控臺(tái)寫下2.toString()測(cè)試,結(jié)果竟然報(bào)錯(cuò)了。查了下資料,原來toString()也有要注意的事項(xiàng) - NaN Infi...
早期只是一個(gè)簡(jiǎn)單的功能,就沒考慮太多。$refs確實(shí)是一個(gè)好主意
vue 文字橫向無縫走馬燈組件marquee標(biāo)簽已經(jīng)廢棄了,只能手動(dòng)實(shí)現(xiàn)文字走馬燈樣式 基于vue組件開發(fā) 感謝@藝術(shù)青年陳國良提醒,用ref獲取元素,可以在頁面中多處應(yīng)用 父組件引入 import my...
新寫了官網(wǎng)。由于之前官網(wǎng)項(xiàng)目引入JQuery,bootstrap, 和swiper,而且也只是用了部分的功能。性價(jià)比不高, 加載過程太慢。這次全部推倒自己實(shí)現(xiàn)。倒是發(fā)現(xiàn)了不少...
@城府_4d78 可以的呀,隨意轉(zhuǎn)載~
XMLHttpRequest一直使用axios進(jìn)行http配置,發(fā)現(xiàn)自己最基礎(chǔ)的AJAX的內(nèi)容忘記了。復(fù)習(xí)下。 1.XMLHttpRequest XMLHTTP最初是由微軟公司發(fā)明的,在Internet...
項(xiàng)目中需要推廣鏈接獲取到search中的數(shù)據(jù),很開心的用了location.search,然而sad地發(fā)現(xiàn)并沒有獲取到數(shù)據(jù) 然而同樣的地址,打印Vue中的路由數(shù)據(jù),可以看到q...
做測(cè)試的時(shí)候隨手在組件內(nèi)寫下watch $route卻發(fā)現(xiàn)沒有執(zhí)行。但正常項(xiàng)目中確是可以使用的。測(cè)試了幾組,發(fā)現(xiàn)$route并不是在任意組件內(nèi)都可以監(jiān)聽到 可以監(jiān)聽到變化的情...
Charles 是一款收費(fèi)的抓包修改工具,易上手,數(shù)據(jù)請(qǐng)求容易控制,修改簡(jiǎn)單,抓取數(shù)據(jù)的開始暫停方便等優(yōu)勢(shì)!下面詳細(xì)介紹下這款強(qiáng)大好用的抓包工具。 抓包(packet cap...
通常項(xiàng)目配置router的懶加載,基于webpack4+和ES6,最簡(jiǎn)單的寫法是 此時(shí)文件加載按頁面引入,每個(gè)頁面跳轉(zhuǎn)進(jìn)加載該頁面需要的資源 prefetch預(yù)加載使首屏加載...
多層嵌套有個(gè)例子可以參考下:
```
.sizes() {
sm: 3px;
md: 6px;
lg: 12px;
xlg: 24px;
}
@types: margin, padding;
@directions: top, right, bottom, left;
// 批量生成 .margin-top-md / .margin-top-lg / .padding-left-xlg
each(@types, .(@type) {
each(@directions, {
each(.sizes(), .(@lh, @sz, @i) {
.@{type}-@{value}-@{sz} {
@{type}-@{value}: @lh;
}
});
});
});
```
Less 的Each用法Each函數(shù)是Less v3.7版本的新增用法,用于批量生成模板樣式。文檔如下: each Released v3.7.0 Bind the evaluation of ...
src在底層只有html或者css中會(huì)引入,對(duì)應(yīng)到webpack,就是html-loader和css-loader的配置 html-loader html中src是通過req...
vue-cli升級(jí)之后配置也變了,pug不用配置可以直接使用了,less/sass更是直接在創(chuàng)建項(xiàng)目時(shí)選擇。 安裝: 然后就可以直接在vue文件中使用pug的寫法了。 就是這...
current-page是Element-ui的pagination組件的當(dāng)前頁數(shù)設(shè)置。需求是返回這個(gè)頁面的時(shí)候需要回到之前的頁碼數(shù)。然而當(dāng)設(shè)置current-page獲取表...
Vue的項(xiàng)目, 彈窗的文檔是用iframe引入html顯示的,但新增了文檔必須拉到最底部才能操作按鈕,iframe無法監(jiān)聽到scroll事件 實(shí)現(xiàn)如下: 原理: 通過fetc...
webpack開發(fā)環(huán)境處理跨域的方法就是配置devServer的proxy,在服務(wù)器接口的nginx根據(jù)域名有多個(gè)分發(fā)的時(shí)候,會(huì)報(bào)404 通用配置: cinfig-index...