border-image實現(xiàn),要圓角的話還要嵌套一層標(biāo)簽
button{
background: #ffffff;
outline: none;
width: 100px;
height: 36px;
border: none;
border-radius: 14px;
overflow: hidden;
cursor: pointer;
}
button span{
height: 100%;
width: 100%;
display: block;
border: 2px solid transparent;
border-image: linear-gradient(60deg, #16d5be , #18c8cc) 2;
box-sizing: border-box;
line-height: 32px;
color: #16d5be;
}
<button><span>了解更多</span></button>不知道樓主用的什么框架,樓主可以考慮一下shiro進(jìn)行一定的安全驗證和權(quán)限驗證。
webpack打包時,用了url-loader插件,你把后綴GIF改成小寫的應(yīng)該就可以了
Google了一下,高分屏跟Retina屏是一個概念。
我按照移動端Retina屏適配的經(jīng)驗,應(yīng)該可以通過修改viewport的縮放來解決這個問題。
首先明確一下要解決的問題:
window.devicePixelRatio,也就是俗稱的dpr。值為1的是普通屏,大于1的是高分屏。設(shè)置meta標(biāo)簽:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
其中,initial-scale為1/dpr。
最后,以上是基于移動端Retina屏的經(jīng)驗,能否適用于PC端我不清楚,也沒有相關(guān)設(shè)備進(jìn)行實踐。如果你使用這個方法能夠解決問題希望能夠及時反饋。或者有別的方法也希望能給我評論,長長見識。
也遇到這個問題,請問你你解決了嗎
element 里沒有提供這樣的組件,type 可以為year/month/date/week/ datetime/datetimerange/daterange
這些,你想要的效果應(yīng)該是type=daterange 這種效果的。
你可以用兩個周組件進(jìn)行組合可以達(dá)到你想要的效果
?= 零寬斷言,只是匹配一個位置,并不匹配具體的字符
var reg = /^[A-Z]{1}(?=.*[0-9])(?=.*[a-zA-Z]).{7,15}$/
或者反著來
var reg = /^[A-Z]{1}(?![a-zA-Z]{7,15}$)(?![0-9]{7,15}$).{7,15}$/;html里的app是對應(yīng)main.js里的
Vue 使用是 Observer 模型
少年,你問到了
Vue技術(shù)最牛的地方
新建data時候,所有的數(shù)據(jù)都被轉(zhuǎn)換成了observer,如圖:
ObServer 會對變量的修改進(jìn)行監(jiān)控,原理主要是:
Object.defineProperty(Vue.prototype, "a", {
get: function () {
return xxx;
},
set: function(v) {
.... 這里是關(guān)鍵
},
enumerable: true,
configurable: true
});
當(dāng)然具體實現(xiàn)比這個復(fù)雜的多的多,因為還有DOM的綁定
對其變量的修改,會反饋到任何曾經(jīng)使用過過此變量的地方
比如 如下模型:
<div id="a">{}</div>
<script>
let vm = new Vue({
el: '#a',
data () {
return {
a: 'aaa',
c: [],
};
},
computed: {
b() {
return this.a + 'bbb';
}
}
});
console.log(vm.b); // 輸出 aaabbb
vm.a = 'ccc';
console.log(vm.b); // 輸出 cccbbb
// 并且 div 也是 cccbbb
</script>
你在任意地方修改a, 不僅會影響到a,還會影響到b,這是因為Observer的聯(lián)動效果,
注意:如果不是因為Observer,而是傳統(tǒng)的JS,b 在生成之后,值就固定了,永遠(yuǎn)等于aaabbb,而無法達(dá)到修改a,也讓b也修改的效果。
$.ajax({success: 這里}),但是需要注意的是,Array、Object之類的值,不能直接全部修改
// 直接等于其它值,是不行的
vm.c = [1, 2];
這樣會丟到數(shù)組內(nèi)層的ObServer模型,下面的做法是可以的
//這樣是可以的,因為Vue重寫了數(shù)組的一些常見操作函數(shù),讓其支持Ob
vm.c.push(3);
//或者這樣
Vue.Set(vm.c, [a, b, c]);
當(dāng)然,可能有人說,這
b是函數(shù)啊,取函數(shù),肯定會重新計算,但是DOM的綁定和渲染呢,那可沒有實時去調(diào)用函數(shù),如果是使用一個setTimeout實時去對比,那豈不是非常浪費(fèi)性能(即使Angular在外部對變量的修改,都需要用$scope函數(shù)觸發(fā)的對比)
所以,只要修改a,DOM那邊也是實時修改的。因為這就是Observer的功效,它會觸發(fā)所有使用本變量的地方,一起聯(lián)動
我親自測試成功,是會改變的。
父組件:
<delete-selection-btn :selection="selection" ></delete-selection-btn>
子組件:
<script>
export default{
props:{
selection: {
type: Array,
required: true
}
}
,
data(){
return {
msg: 'hello vue'
}
},
methods: {
delete_selection_proptip_click(){
console.log(this.selection)
}
}
}
</script> ESLint 只對 JavaScript 起作用
return axios.xxx({return data}) 或許可以
https://github.com/node-sched...
和Linux的crontab的寫法類似,
如每小時的42分執(zhí)行
var schedule = require('node-schedule');
var j = schedule.scheduleJob('42 * * * *', function(){
console.log('The answer to life, the universe, and everything!');
});看你操作是對的,你可以先用$操作一下dom,測試一下,記得先重啟一些服務(wù)npm run dev
裝飾好后,將各個圖片的坐標(biāo)和大小獲取到,依次畫到畫布上,再保存起來。
+運(yùn)算符規(guī)則:
附原題
var x = {toString: function() {return "foo"; },
valueOf: function() {return 42; }};
window.console.log ("x="+x); // x=42
window.console.log ("x="+x.toString()); //x=foo
"x=".valueOf() 為“x=", x.valueOf()為42, 因為”x=“是字符串,故42也轉(zhuǎn)換成字符串與之拼接。
北大青鳥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)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jì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)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(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)師。