div直接給個(gè)class不好嗎...em直接給個(gè)class也不好嗎...
單條css語句解析是從右向左的。
(.a+ div)>em {
color :#ffffff;
}
可以理解為:
1、找到所有 em
2、找到所有 em 中 em的父元素是(.a+div)的 em
而css選擇器有不同的權(quán)重劃分。
權(quán)重:important > id > class/偽類/屬性 > 元素/偽元素 > 通配符
相同目標(biāo) 可以有多條css語句表示,每條css語句的權(quán)重是語句中所有選擇器權(quán)重之和,權(quán)重越大優(yōu)先級越高,如果權(quán)重相等后者會(huì)覆蓋前者。
<p class="red">class權(quán)重高。我的顏色是粉色不是紅色<p>
p {
color: red;
}
.red {
color: pink;
}
可以依靠多條css語句的不同權(quán)重來表現(xiàn)樣式。
export 了一個(gè)函數(shù)的實(shí)現(xiàn),這里的 ...args 就是實(shí)例化的函數(shù)傳入的參數(shù)。
在這里好像就是一個(gè)偏函數(shù)的概念吧?
現(xiàn)在用Adobe XD效率更快,不過需要win10版本
[知識點(diǎn)]
在這個(gè)頁面中看css modules ,里面的全局用法和package用法
css modules
[html]<span class="stageBox stage1">申請中</span>
實(shí)際上,后臺給到的數(shù)據(jù)只有 狀態(tài)值1,2,3而已
首先引入
import classnames from 'classnames';
在render return部分引入自己寫的組件名,比如我起的
<Test1 type='tests' />
在render內(nèi),return前,構(gòu)建這個(gè)組件
const Test1 = (props) => {
var statusTxt;
var cls;
switch (status) {
case 0:
statusTxt='暫無意向';
cls = classnames({
stageBox: true,//true表示必須有的樣式
stage0: props.type === 'tests',//表示可以變化的樣式,只要是對應(yīng)type的(可以寫多條)
});
break;
case 1:
statusTxt='申請中';
cls = classnames({
stageBox: true,
stage1: props.type === 'tests',
});
break;
default:
statusTxt='';
cls = classnames({
stageBox: props.type === 'tests',
});
}
return <span className={cls}>{statusTxt}</span>;
}
之后在對應(yīng)的樣式文件里寫全局樣式
:global(.stage1){
background:#e9f8ef;
color:#23bb64;
}
不過這個(gè)是一個(gè)應(yīng)付的,能用的辦法,還是希望樓下有大神能提供簡便的解決方式(樣式特別復(fù)雜的情況下寫switch很蛋疼)
http.get({
hostname: 'songsearch.kugou.com',
path: `/song_search_v2?callback=jQuery1124022791447453507696_1520336519789&keyword=${encodeURIComponent('彈指 一揮間')}&page=1&pagesize=30&userid=-1&clientver=&platform=WebFilter&tag=em&filter=2&iscorrection=1&privilege_filter=0&_=1520336519815`,
headers: {
'user-agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36'
}
},
res => {
res.on('data', data => {
console.log(data.toString())
})
}
)首先我們要明白CommonsChunk是干什么用的,Common是通用、共用的意思,Chunk是大塊的意思,那么整個(gè)這個(gè)插件的作用就是把我們代碼中用到的零散的js文件合并成一個(gè)一個(gè)的大塊供系統(tǒng)調(diào)用,這樣可以有效地減少http請求次數(shù)。
那么把哪些js合并在一個(gè)大塊里,依據(jù)什么原則呢?就由這個(gè)minChunks來決定,min是minimum的縮寫,意思就是最少大塊數(shù),它需要是比1大的整數(shù),同時(shí)還要求小于等于大塊總數(shù),這里如果你設(shè)置為2,那就是說如果有2個(gè)以上的大塊都用到了某一個(gè)js文件,那么我們就把它抽取出來放到這個(gè)公共大塊里,這樣就不會(huì)造成重復(fù)浪費(fèi)。
而infinity是無限的意思,這就是說必須有無限多個(gè)大塊都用到了這個(gè)js文件,我們才把它抽取出來放到這個(gè)公共大塊里,很顯然,不可能用任何js文件滿足這個(gè)條件被無限多個(gè)大塊使用,所以這里生成的其實(shí)就是一個(gè)空的大塊,它只有一個(gè)文件名,而文件長度是0,這就是minChunks: Infinity的作用。
append的是text,文字上怎么會(huì)有點(diǎn)擊事件呢
你檢查一下元素,是不是div.beforeAppend和div.afterAppend是不是有重疊啊
你看看報(bào)什么錯(cuò),vue2里好像不能再屬性里使用插值了,你改成:title="item.title"
問題已解決。
原因:在函數(shù)內(nèi)給標(biāo)識符賦值時(shí),首先第一步是在作用域鏈內(nèi)找到標(biāo)識符確定標(biāo)識符是干什么的,若未在作用域鏈中找到,則隱式的提升為全局變量;若找到定義的標(biāo)識符,則執(zhí)行之前的賦值操作,所以問題中的fn變量a的賦值,實(shí)際操作的是foo中的變量a并進(jìn)行了覆蓋賦值。
可以的,在 Forge Viewer 里頭有很多方法可以做到這點(diǎn),這邊我會(huì)以 AutoCam.goToView() 來示范,以下樣例假設(shè)相機(jī)的新位置是 ( x1, y1, z1 ):
// 獲取當(dāng)前相機(jī)信息
const currentView = viewer.autocam.getCurrentView();
cosnt eye = viewer.navigation.getEyeVector();
const eyeDir = viewVec.normalize();
const distance = eye.length(); //!<<< 相機(jī)與焦點(diǎn)的距離
const newPosition = new THREE.Vector3( x1, y1, z1 ); //!<<< 相機(jī)的新位置
const target = eye.add( newPosition ); //!<<< 計(jì)算新焦點(diǎn)位置
// 產(chǎn)生新相機(jī)信息
const newView = {
position: newPosition.clone(), //!<<< 相機(jī)的新位置
up: currentView.up.clone(),
center: target.clone(), //!<<< 相機(jī)的新焦點(diǎn)
pivot: target.clone(), //!<<< 相機(jī)的新環(huán)繞(Orbit)中心
fov: currentView.fov,
worldUp: currentView.worldUp.clone(),
isOrtho: (currentView.isOrtho === false)
};
// 將信息更新到相機(jī)上
viewer.autocam.goToView( newView );
以上希望對你幫助~
'您有$[NUM_2]件快遞請到$[TXT_32]領(lǐng)取'.match(/\$\[[^\]]*?\]/g)想多了。。。。一定是你哪里搞錯(cuò)了,除非你在本地還搭建了一套服務(wù)注冊和發(fā)現(xiàn)的框架。
你的token在哪里??
$.ajax({
????type:"POST",
????url:url,
????data:formData,
????//在請求前設(shè)置請求頭 在請求頭里面設(shè)置設(shè)置請求頭的信息
????beforeSend: function(request) {
????????????request.setRequestHeader("Authorization", token1);
????},
????success:function(res){
???? console.log(res);
????}
});express為了做到靈活、代碼精簡,內(nèi)部的代碼進(jìn)行了大量的抽象+復(fù)用,尤其是在路由這塊。樓主看了心生疑惑是正常的,這塊的代碼的確挺糟糕的。
樓主的問題足夠?qū)懸黄荛L的文章,編寫回答將近半個(gè)小時(shí)候我覺得放棄有條理的回答,直奔主題。
// 樓主的代碼,稍微精簡下
var router = express.Router();
router.get('/article', fn);
// app的_router 屬性,其實(shí)也是 express.Router()
app._router = new Router();
app._router.use('/user', router);
// 上面的代碼導(dǎo)致下面的邏輯
app._router.stack.push(new Layer({
path: '/user',
handler: fn,
route: undefined // 這里!非常關(guān)鍵
));
// 請求到來時(shí),假設(shè) path 是 '/user'
app.handle() -> app._router.handle();
// 然后,遍歷 app._router.stack 數(shù)組,看有沒有那個(gè) stack(里面是Layer實(shí)例)的path屬性符合要求
// 如果找到符合要求的,也就是樓主的 router
我們看下下面代碼發(fā)生了什么
router.get('/article', fn);
在內(nèi)部,往 stack 里又push了 Layer 實(shí)例。
var layer = new Layer({
path: '/article',
handler: fn
};
// 這里非常關(guān)鍵!這個(gè)實(shí)際存放路由,也就是 用戶訪問 /user/article 時(shí)的回調(diào)方法
layer.route = new Route();
router.stack.push(layer);
前面說了,express這塊的代碼本身挺糟糕的,比如存在如下用法,并且內(nèi)部都是往 router.stack 里新增一個(gè) Layer實(shí)例
routerA.use(path, routerB); // 第一種
routerA.get(path, fn); // 第二種
那么,如何區(qū)分是子路由,還是實(shí)際的路由
// 子路由,對應(yīng)第一種
layer.route = undefined;
router.stack.push(layer);
// 實(shí)際路由,對應(yīng)第二種
layer.route = new Route();
router.stack.push(layer);
比如樓主訪問了 /user/articles,那么express內(nèi)部(跳過一些瑣碎的分支判斷)
express為了做到靈活、代碼精簡,內(nèi)部的代碼進(jìn)行了大量的抽象+復(fù)用,尤其是在路由這塊。樓主看了心生疑惑是正常的,這塊的代碼的確挺糟糕的。
樓主的問題足夠?qū)懸黄荛L的文章,編寫回答將近半個(gè)小時(shí)候我覺得放棄有條理的回答,直奔主題。
// 樓主的代碼,稍微精簡下
var router = express.Router();
router.get('/article', fn);
// app的_router 屬性,其實(shí)也是 express.Router()
app._router = new Router();
app._router.use('/user', router);
// 上面的代碼導(dǎo)致下面的邏輯
app._router.stack.push(new Layer({
path: '/user',
handler: fn,
route: undefined // 這里!非常關(guān)鍵
));
// 請求到來時(shí),假設(shè) path 是 '/user'
app.handle() -> app._router.handle();
// 然后,遍歷 app._router.stack 數(shù)組,看有沒有那個(gè) stack(里面是Layer實(shí)例)的path屬性符合要求
// 如果找到符合要求的,也就是樓主的 router
我們看下下面代碼發(fā)生了什么
router.get('/article', fn);
在內(nèi)部,往 stack 里又push了 Layer 實(shí)例。
var layer = new Layer({
path: '/article',
handler: fn
};
// 這里非常關(guān)鍵!這個(gè)實(shí)際存放路由,也就是 用戶訪問 /user/article 時(shí)的回調(diào)方法
layer.route = new Route();
router.stack.push(layer);
前面說了,express這塊的代碼本身挺糟糕的,比如存在如下用法,并且內(nèi)部都是往 router.stack 里新增一個(gè) Layer實(shí)例
routerA.use(path, routerB); // 第一種
routerA.get(path, fn); // 第二種
那么,如何區(qū)分是子路由,還是實(shí)際的路由
// 子路由,對應(yīng)第一種
layer.route = undefined;
router.stack.push(layer);
// 實(shí)際路由,對應(yīng)第二種
layer.route = new Route();
router.stack.push(layer);
比如樓主訪問了 /user/articles,那么express內(nèi)部(跳過一些瑣碎的分支判斷)
prototype是構(gòu)造函數(shù)的屬性,它指向另一個(gè)對象。這個(gè)對象的所有屬性和方法,都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承。
你這里的a是實(shí)例而不是構(gòu)造函數(shù),要搞清楚面向?qū)ο筮@幾個(gè)概念,看一下正確的寫法,或許你就明白了
Array.prototype.b = function(){ console.log(this) }
var a = new Array(1,2,3) //或 var a = [1,2,3]
a.b() // [1,2,3]
建議看一下面向?qū)ο蟮南嚓P(guān)知識
能啊,build后的文件放到www目錄下就行
具體不行的表現(xiàn)是什么?是不生效,還是報(bào)錯(cuò)?
302是重定向了,后臺是用什么寫的
504 是網(wǎng)關(guān)問題 你前端hold不住的 去你的后臺
可能沒解決你的本質(zhì)問題,如果想只改變文字,在a標(biāo)簽里文字外面再加上一層span標(biāo)簽不就可以了嗎,然后去改soan的內(nèi)容
北大青鳥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”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(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ù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(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)師。