寫(xiě)個(gè) filter 不就完事了嗎?
模擬數(shù)據(jù)解決了
可以嘗試一下在微信開(kāi)發(fā)者工具中打開(kāi)“ES6轉(zhuǎn)ES5”選項(xiàng)
1.整個(gè)項(xiàng)目是一個(gè)vue的實(shí)例
2.每個(gè)頁(yè)面或者每個(gè)組件是一個(gè)vuecomponent的實(shí)例
你可能需要的是這個(gè)吧http://music.163.com/discover...
./是node的規(guī)范
臨時(shí)措施的話(huà),有個(gè)軟件叫DnSpy,你可以修改代碼,再變回DLL。
后端的允許的跨域請(qǐng)求頭字段沒(méi)設(shè)置對(duì)吧。
apizza不是瀏覽器不存在跨域問(wèn)題。
???啥意思 這樣?for(var i=0;i<=this.goodsdata.length;i++)
我的電腦試了下 可以訪(fǎng)問(wèn)啊
不對(duì)的地方歡迎指出
可以的,工具欄按鈕的圖標(biāo)是通過(guò) woff (Web Open Font Format,Web開(kāi)放字型格式) 的字型文文件以及 CSS 樣示表設(shè)置的,只要在網(wǎng)頁(yè)上加入自己的 woff 字型,并使用下面幾行代碼就可以修改了 ,以下 toolbar-panTool 及 Bootstrap Glyphicon為例:
一、修改自定義圖示
const toolbar = viewer.getToolbar();
const navTools = toolbar.getControl( 'navTools' );
// 獲取 pan tool 對(duì)象
const panTool = navTools.getControl( 'toolbar-panTool' );
// 修改圖示為 Bootstrap Glyphicon 的 Resize Vertical
panTool.setIcon( 'glyphicon' );
panTool.icon.classList.add( 'glyphicon-resize-vertical' );
二、改為原史圖示
const panTool = navTools.getControl( 'toolbar-panTool' );
panTool.icon.classList.remove( 'glyphicon-resize-vertical' );
panTool.setIcon( 'adsk-icon-pan' );
圖示來(lái)源:https://getbootstrap.com/docs...
先進(jìn)行g(shù)roupby后進(jìn)行map操作。
groupby 示例函數(shù)
function groupByKey($input, $keyIndex)
{
$tmp = [];
foreach ($input as $item) {
if (!isset($tmp[$item[$keyIndex]])) {
$tmp[$item[$keyIndex]] = [];
}
$tmp[$item[$keyIndex]][] = $item;
}
return $tmp;
}因?yàn)閐om更新有隊(duì)列
萬(wàn)一有個(gè)notice錯(cuò)誤,而正好你沒(méi)報(bào)呢
隨便寫(xiě)個(gè)代碼吧
<!--html部分-->
<div id="test"></div>
//css部分
#test{
width: 200px;
height: 80px;
background: grey;
position: relative;
}
#test:after{
display: inline-block;
content: '√';
color: #fff;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-left: 20px solid transparent;
border-right: 20px solid orange;
border-bottom: 20px solid orange;
position: absolute;
bottom: 0;
right: 0;
}
效果
更多具體實(shí)現(xiàn)只能靠自己了!
當(dāng)你click或hover時(shí),動(dòng)態(tài)添加class,根據(jù)class不同修改樣式,思路無(wú)非就是這樣。
推薦使用圖片來(lái)實(shí)現(xiàn)。找一下UI,讓TA幫你做一個(gè)。
https://router.vuejs.org/zh-c...
location / {
try_files $uri $uri/ /index.html;
}這是一個(gè)很好的問(wèn)題。
created 鉤子中,verifyImg 在 then 內(nèi)賦值,但 verifyUrl 卻在 then 外賦值,這會(huì)導(dǎo)致 verifyUrl 賦值早于 verifyImg。你可以在這兩個(gè)賦值語(yǔ)句上分別打個(gè)斷點(diǎn),看下哪個(gè)先執(zhí)行,然后加深一下對(duì) promise、異步的理解。getVerify().then(response => {
this.verifyImg = response
})
this.verifyUrl = this.verifyImg // 這一句會(huì)早于 promise then 中的賦值語(yǔ)句執(zhí)行
dev.env.js 定義后端地址。前后端分離的一個(gè)比較便利的開(kāi)發(fā)實(shí)踐是使用 proxy 將請(qǐng)求中當(dāng)前 dev server 下的相對(duì)路徑代理為后端路徑,你可以直接通過(guò) Vue cli 的 webpack 項(xiàng)目模板來(lái)學(xué)習(xí)如何設(shè)置和使用 proxy:Vue cli webpack 項(xiàng)目模板文檔 API Proxying During Development。如果不使用代理,即使在 dev.env.js 中定義了后端地址,你的相對(duì)路徑請(qǐng)求仍然會(huì)發(fā)送到 dev server,這大概是 Uncaught (in promise) error(估計(jì)是一個(gè) 404 錯(cuò)誤,因?yàn)槟銓?shí)際發(fā)起的請(qǐng)求指向了 localhost)產(chǎn)生的原因。/base/getVerify 時(shí),如果沒(méi)有發(fā)生Uncaught (in promise) error,實(shí)際獲取的是后端對(duì)這個(gè)請(qǐng)求的響應(yīng),這里是一個(gè)圖片文件的內(nèi)容。img src 屬性的取值。img 的 src 屬性是一個(gè)圖片地址,因此,這個(gè)屬性可以設(shè)置為一個(gè) url 路徑,或者是一個(gè) dataURL,正如 @minororange 的回答中建議的,你可以在 /base/getVerify 響應(yīng)中返回一個(gè) base64 dataURL。但這個(gè)屬性不應(yīng)該設(shè)置為一個(gè)圖片文件的內(nèi)容,即使你在這里使用了代理,如果返回的內(nèi)容不是一個(gè) dataURL,才可以直接將 src 綁定到 verifyUrl。refreshVerify 組件方法本身沒(méi)問(wèn)題,但當(dāng)一個(gè)路徑是一個(gè) 圖片文件內(nèi)容 + queryString 的時(shí)候,錯(cuò)誤是明顯的。Uncaught (in promise) error 錯(cuò)誤發(fā)生時(shí),開(kāi)發(fā)者工具中一定還有更為有用的信息可供參考,你需要去找到它、學(xué)會(huì)分析。首先需要設(shè)置開(kāi)發(fā)代理,具體參考 Vue cli webpack 項(xiàng)目模板文檔。
在設(shè)置好開(kāi)發(fā)代理的前提下,可以根據(jù)上面的分析來(lái)解決問(wèn)題,有如下兩個(gè)途徑:
dataURL。即 @minororange 回答中建議的方法。但需要后端配合,修改驗(yàn)證碼請(qǐng)求返回的結(jié)果,相應(yīng)的 refreshVerify 方法也要修改。verifyUrl 初始值為 '/base/getVerify?v=' + window.moment().unix(),不需要 created 鉤子進(jìn)行初始化,然后在 refreshVerify 組件方法中重設(shè)(咦?)為 this.verifyUrl = '/base/getVerify?v=' + window.moment().unix()
data() {
return {
// ...
verifyUrl: '/base/getVerify?v=' + window.moment().unix()
},
},
methods: {
refreshVerify() {
this.verifyUrl = '/base/getVerify?v=' + window.moment().unix()
},
// ...
}
$(document).ready(function() {
$('*').each(function() {
if ($(this).is(':hidden')) {
$(this).remove();
}
});
})
攔截器中的Reflect.apply應(yīng)該相當(dāng)于調(diào)用sum.bind(ctx)。ctx是調(diào)用時(shí)的上下文對(duì)象,這里是undefined
這樣你調(diào)用proxy(1,2)的返回值就相當(dāng)于,Reflect.apply(...arguments)*2,也就是sum.bind(undefined)(1,2)。
阮大大有寫(xiě)到:
Proxy 用于修改某些操作的默認(rèn)行為,等同于在語(yǔ)言層面做出修改,所以屬于一種“元編程”(meta programming),即對(duì)編程語(yǔ)言進(jìn)行編程。
Proxy 可以理解成,在目標(biāo)對(duì)象之前架設(shè)一層“攔截”,外界對(duì)該對(duì)象的訪(fǎng)問(wèn),都必須先通過(guò)這層攔截,因此提供了一種機(jī)制,可以對(duì)外界的訪(fǎng)問(wèn)進(jìn)行過(guò)濾和改寫(xiě)。
我個(gè)人理解是,本來(lái)你能直接達(dá)到目標(biāo)(直接調(diào)用sum),而現(xiàn)在你想訪(fǎng)問(wèn)對(duì)象會(huì)經(jīng)過(guò)一個(gè)攔截層,你可以在調(diào)用前修改參數(shù),也可以在調(diào)用后修改返回值(比如本例的*2)。
攔截器類(lèi)似元編程,相當(dāng)于修改語(yǔ)言特性的語(yǔ)法,比如本例就是對(duì)函數(shù)的apply機(jī)制進(jìn)行修改,其他代理如get、set等相當(dāng)于對(duì)對(duì)象的讀寫(xiě)特性進(jìn)行了修改,表面上看就好像語(yǔ)言特性被修改了。
看下這兩個(gè)例子應(yīng)該就能明白如何用Proxy來(lái)代理一個(gè)函數(shù):
function sum(left, right) {
return (this.x || left) + right;
}
var twice = {
apply(target, ctx, args) {
console.log(ctx == obj);
return Reflect.apply(...arguments) * 2;
},
};
var proxy = new Proxy(sum, twice);
let obj = { test: "test", proxy, x: 33 };
console.log(obj.proxy(1, 2));
//true
//70
//可見(jiàn)ctx為執(zhí)行環(huán)境this
var twice_changeParams = {
apply(target, ctx, args) {
args[1] = args[1] + 5;
return Reflect.apply(...arguments) * 2;
},
};
proxy = new Proxy(sum, twice_changeParams);
console.log(proxy(1, 2));
// 16
//16為sum(1,(2+5))*2 分別對(duì)輸入和輸出進(jìn)行了攔截
//這就是攔截器的含義北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(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ù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。