之前我有做過(guò)一模一樣的功能,后來(lái)讓后端(php)寫(xiě)了一個(gè)方法把跨域圖片轉(zhuǎn)換成自己的,然后就可以輕松生成了
后端代碼大致如下:
<?php
header("Content-type: image/jpeg");
$img = base64_decode($_GET['img']);
$ch = curl_init();
//設(shè)置選項(xiàng),包括URL
curl_setopt($ch, CURLOPT_URL,$img );
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1); // 302 redirect
curl_setopt($ch, CURLOPT_HEADER, 0);
//執(zhí)行并獲取HTML文檔內(nèi)容
$output = curl_exec($ch);
//釋放curl句柄
curl_close($ch);
//打印獲得的數(shù)據(jù)
print_r($output);
exit;
?>對(duì)301/302等狀態(tài)碼的封裝是superagent等http模塊的功能設(shè)計(jì)之一,superagent在拿到301/302會(huì)執(zhí)行做遞歸跳轉(zhuǎn)直到maxRetrie,所以你如果想獲取重定向的url,可以使用原生的http模塊。
Request.prototype._pipeContinue = function(stream, options){
this.req.once('response', res => {
// redirect
const redirect = isRedirect(res.statusCode);
if (redirect && this._redirects++ != this._maxRedirects) {
return this._redirect(res)._pipeContinue(stream, options);
}
//...
})
}一、
重點(diǎn)在于,圖片地址是不是你可以控制的。如果是你可以控制的,那簡(jiǎn)單了,甚至不用JS,直接通過(guò)圖片地址實(shí)現(xiàn)。
background:url(/xiaoming-2018-03-13.png)
在圖片鏈接中加一個(gè)日期變量,然后圖片設(shè)置超過(guò)一天以上的緩存時(shí)間就好了。
二、
如果是拿別人的圖片,圖片地址不能控制。
那就像 @圣人惠好可愛(ài) 同學(xué)說(shuō)的,用 cookie 把圖片地址保存起來(lái),cookie 有效期到當(dāng)天晚上12點(diǎn)整。
我之前也遇到過(guò)這種需求,我解決的主要思路是是用iFrame的方式下載多個(gè)文件,來(lái)解決其他瀏覽器無(wú)法同事下載多個(gè)文件的問(wèn)題。
有n個(gè)下載鏈接,則創(chuàng)建n個(gè)iFrame,并將下載鏈接賦值給iFrame的src屬性即可出觸發(fā)瀏覽器下載,只是需要隱藏這些iFrame。
亂寫(xiě)個(gè)demo,希望有用。
(function (self) {
var _className = 'multi-download';
var _multiDownload = function (links) {
if (!links) return;
var _links = [];
if (typeof links == 'string')
_links.push(links);
else if (Object.prototype.toString.call(links) === '[object Array]') {
_links = links;
}
_links.forEach(function (link) {
var iFrame = document.createElement('iframe');
iFrame.classList.add(_multiDownload.config.className);
iFrame.src = link;
iFrame.style.display = 'none';
self.document.body.appendChild(iFrame);
}, this);
}
_multiDownload.config = { className: _className };
self.multiDownload = _multiDownload;
})(self);沖突了。
條件 1. 全公司選中,其他的公司也必須選中。
條件 2. 其他公司選中,全公司也選中。
當(dāng)我一開(kāi)始選中全公司,那么 我選中的隊(duì)列里面就有 [全公司,廣東,安徽,浙江]
由于我每次只能選擇一個(gè),所以我就無(wú)法取消任何一個(gè)選中。
比如:
這就陷入了死循環(huán)。
percentage 這個(gè)值有一定的范圍
應(yīng)該是 0-100,我的超過(guò) 100 也報(bào)錯(cuò)
module.exports 是一個(gè)對(duì)象,理論上來(lái)說(shuō)是可以使用 this.xxx 的……因?yàn)楹镁脹](méi)用 sea.js,所以需要試驗(yàn)一下,以下是示意
define(function(require, exports, module) {
module.exports = {
renderPageData: function() {
var _this = this; // ← 注意這里
$.ajax({
success: function(data) {
// ↓ 注意這里
_this.renderPageData(laypageDivId, pageParams, templateId, resultContentId, url);
}
});
}
}
});<span id="nav-view--messager" class="badge" :data-main="val">{{test}}</span>
proto 并不是語(yǔ)言本身的特性,這是各大廠商具體實(shí)現(xiàn)時(shí)添加的私有屬性,雖然目前很多現(xiàn)代瀏覽器的 JS 引擎中都提供了這個(gè)私有屬性,但依舊不建議在生產(chǎn)中使用該屬性,避免對(duì)環(huán)境產(chǎn)生依賴(lài)。
不用管他。其他包依賴(lài)的。
創(chuàng)建的時(shí)候存?zhèn)€cookie,每次創(chuàng)建之前判斷一下,是不是我想得太簡(jiǎn)單了……
export default iscroll如果是遠(yuǎn)程debug,手機(jī)端用chrome,電腦端chrome就可以用inspect遠(yuǎn)程調(diào)試手機(jī)上的頁(yè)面;如果嫌麻煩在電腦端chrome命令控制臺(tái)打開(kāi)模擬器。
如果不是debug或者不能在chrome上面測(cè)試網(wǎng)頁(yè)。。。那你只用電腦發(fā)射熱點(diǎn)給手機(jī)用,再用wireshark這樣的工具去分析包數(shù)據(jù)
試下調(diào)換兩個(gè)文件的順序?先加載 vue 再加載 vendor
樓主解決了沒(méi),我也遇到這個(gè)棘手的問(wèn)題
代碼是怎么寫(xiě)的?
你應(yīng)該把進(jìn)退場(chǎng)動(dòng)畫(huà)放在動(dòng)態(tài)元素上。
<div *ngFor="let item of projects" [@myanim]>
...
</div>art-template 是支持瀏覽器環(huán)境的,可以在html中直接引入
for browser
一個(gè)規(guī)定而已,如果你想用其他的,你可以寫(xiě)個(gè)自定義函數(shù)封裝一下
北大青鳥(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)師。