以1px下邊框為例
定義一個border-bottom-1px的mixin,設置一個顏色參數(shù) @color。
@mixin border-bottom-1px($color){
position: relative;
&:after{
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
border-top: 1px solid $color;
content: ' ';
}
}
對border-bottom-1px進行縮放
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
.border-bottom-1px{
&::after{
-webkit-transform: scaleY(0.7);
transform: scaleY(0.7);
}
}
}
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
.border-bottom-1px{
&::after{
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
}
}
@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
.border-bottom-1px{
&::after{
-webkit-transform: scaleY(0.3);
transform: scaleY(0.3);
}
}
}
如何使用?
html如下:
<div class="border-bottom-1px-test">這個元素有一個1px的下邊框</div>
css如下:
.border-bottom-1px-test{
@include border-1px(rgba(7, 17, 27, 0.1));
}
寫css的時候記得先引入border-bottom-1px這個mixin哦。
首先我們所說的ES5 ES6他都只是ECMA Script技術(shù)委員會的技術(shù)規(guī)范,瀏覽器的更新會支持這種語法規(guī)范。然后ES6是對ES5的擴充,新增了一些語法,并沒有廢棄var聲明變量。現(xiàn)在大多數(shù)瀏覽器都支持ES6規(guī)范了,也就沒必要用var聲明白變量了
"eslint.validate": [
{
"language": "vue",
"autoFix": true
}
],
設置里面加上
A頁面方法:this.$router.push({
path: B頁面路徑,
query: {param: param}
});
B頁面接收:this.$route.query.param
方法是對的,我把點擊事件寫在了外面,所以點擊事件沒有觸發(fā)
你第一種的方式parent.document這個是在父頁面進行的操作。
而第二種則是在當前頁面進行的操作,肯定不一樣了。
用v-if控制一下渲染條件看看
運用三目運算符
extends是創(chuàng)建一個子類,最終返回一個vue實例。參考官網(wǎng)的詳細介紹。
一般在單獨用js書寫組件的時候使用。
而mixins選項是指定要混入的代碼片段,vue代碼中的script部分。同名方法的混入規(guī)則參見官網(wǎng)。
混入則可認為是vue版本的全局方法庫,而且不怎么影響現(xiàn)有vue邏輯的一個特殊處理方式。通常用在業(yè)務邏輯相似但又不同的兄弟組件之間。
當設置最小長度超過原本echarts自動設置的長度,則所有比設置長度短的數(shù)據(jù)都一樣長了。配個圖:
display: flex 配合 text-align:center 并不能居中,嘗試 justify-content:center
建議直接修改 devWebpackConfig 的 host 為 0.0.0.0
舉個例子,你打開瀏覽器,訪問SF,你得到的response 會有set-cookie。然后這個cookie會寫入,不用考慮JS
后面你的每次請求,都是會帶上這個cookie。開發(fā)者模式,network可見
我是這樣解決的
<span v-if="item.condition && item.condition.conditionType=='MUlTI_NEST'" class="treeLong">
<Tree :data="item.values | toTree" @on-check-change="v=>{changeTree(v,item.value)}" show-checkbox class="treeInner"></Tree>
</span>
v就是你選中的節(jié)點,在changeTree里面將v賦值給item的某個屬性
static 目錄下的圖片也放在 static 目錄下,使用相對路徑即可
因為這些個公司的前端應用的前端技術(shù)處理這些數(shù)據(jù)更好處理
var dispatchOrderList = [{ a: 1, b: 2, c: 3, d: 4, e: 5, f: 6 }]
var filterItems = { //刪選的六個條件
a: '',
b: '',
c: '',
d: '',
e: '',
f: ''
}
function filter(){
console.log('filterItems', filterItems)
return dispatchOrderList.filter(order => {
return Object.keys(filterItems).reduce((flag, item) => {
if (!flag) {
return false
} else {
return filterItems[item].trim() ? String(order[item]).indexOf(filterItems[item]) !== -1 : true
}
}, true)
})
}
console.log('res', filter())
filterItems.a = '1'
console.log('res',filter())
filterItems.b = '1'
console.log('res',filter())
filterItems.b = '2'
filterItems.c = '3'
console.log('res',filter())
data(){
return {
dispatchOrderList: [{ a: 1, b: 2, c: 3, d: 4, e: 5, f: 6}],
filterItems: { //刪選的六個條件
a: '',
b: '',
c: '',
d: '',
e: '',
f: ''
}
}
},
watch(){
'filterItems':function(newVal){
return this.dispatchOrderList.filter(order=>{
return Object.keys(filterItems).reduce((flag, item)=>{
if(!flag){
return false
} else {
return filterItems[item].trim() ? String(order[item]).indexOf(filterItems[item]) !== -1 : true
}
},true)
})
}
}405一般指的是方法不被允許,OPTIONS請求只是一個跨域時的預檢請求,建議排查一下接口。
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產(chǎn)業(yè)為響應國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產(chǎn)業(yè)鏈。利用北京大學優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。