1.[b.com]在發(fā)現(xiàn)未登錄時(shí)跳轉(zhuǎn)至[a.com]進(jìn)行登錄
2.[a.com]在登錄完成后將登錄authcookie與用戶信息記錄到服務(wù)器(session_id或者redis都可以)
3.同時(shí)[a.com]創(chuàng)建一個(gè)令牌token關(guān)聯(lián)上一步的authcookie,并帶回[b.com]的backUrl中
4.[b.com]拿到[a.com]發(fā)回來的令牌去調(diào)用[a.com]的接口查詢是否令牌有效并且可以查到用戶信息,有的話則拿回?cái)?shù)據(jù)并做后續(xù)操作
以上是單點(diǎn)登錄的基本流程,PS:單點(diǎn)登錄與前后端分離沒有關(guān)系。
不建議 2000多個(gè)頁面沖構(gòu)成單頁 難道可復(fù)用性很高?如果不是 那js這得多大
那就用傳統(tǒng)的 umd 的思路啊,直接入口的 html 文件加一個(gè) script 標(biāo)簽引入這些 jquery 插件,一般來說它們都會(huì)掛載在 window 上面或者直接寫一個(gè)全局變量,保證打包好的文件在這個(gè)標(biāo)簽之后,繼續(xù)使用就好。
你這是正則表達(dá)式多個(gè)()捕獲的原因,你改成下面這樣就好了
/(\[NO\]|\[OK\]|\[[\u4e00-\u9fa5]{1,3}\])/g;二維數(shù)組在遍歷的時(shí)候用一個(gè)foreach不就可以了嗎?三維數(shù)據(jù)遍歷的時(shí)候貌似才用兩個(gè)foreach的.
js的執(zhí)行順序function foo() {} 定義全局變量foofoo.a = function(){} 給全局變量foo的a屬性賦值var obj = new foo();構(gòu)造函數(shù)調(diào)用foo
進(jìn)入foo函數(shù):foo.a=function(){}給全局變量foo的a屬性覆蓋操作this.a=function(){}因?yàn)橛昧薾ew關(guān)鍵字 this指向obj所以這句話是obj.a=...
下面兩句要一起看a = function(){}本來這句沒有var是默認(rèn)全局變量var a = function(){}但是這一句用了var導(dǎo)致變量聲明提前所以上面一句的a也變成了局部變量這一句覆蓋了a
所以歸根結(jié)底foo.a只執(zhí)行了兩次操作
解決了 用
function(){
return }()
這種方式可以寫循環(huán)
1,如果是值類型,值不可變
2.如果是引用類型,地址不可變
傳入不同的參數(shù)進(jìn)去,在這個(gè)函數(shù)里,分別調(diào)用兩套業(yè)務(wù)不同的方法
1、調(diào)整動(dòng)畫速度
2、如果用了translate之類的,盡量用translate3d
3、backface-visibility:hidden;
按照原來的布局和樣式,面向?qū)ο蟮膶懛ㄈ缦拢?/p>
$(function(){
function Tab(ele, showele) {
// 將當(dāng)前this的指向賦值給$this變量
const $this = this
this.ele = ele
this.showele = showele
this.ele.click(function() {
// 調(diào)用原型上的fnClick方法,并將當(dāng)前被點(diǎn)擊的元素作為參數(shù)傳遞
$this.fnClick($(this));
})
}
Tab.prototype.fnClick = function(cur) {
const $index = cur.index()
this.ele.removeClass("current")
cur.addClass("current")
this.showele.css("display", "none")
this.showele.eq($index).show()
}
const example = new Tab($("#tab li"), $("#content li"));
})有個(gè)選擇內(nèi)容加版權(quán)聲明的常見效果。。。感覺和你這個(gè)需求類似。。。
$('body').on('copy', function (e) {
if (typeof window.getSelection == 'undefined') {
return;
}
var body_element = document.body,
selection = window.getSelection();
if (('' + selection).length < 30) {
return;
}
var newdiv = document.createElement('div');
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
body_element.appendChild(newdiv);
newdiv.appendChild(selection.getRangeAt(0).cloneContents());
if (selection.getRangeAt(0).commonAncestorContainer.nodeName == 'PRE') {
newdiv.innerHTML = '<pre>' + newdiv.innerHTML + '</pre>';
};
newdiv.innerHTML += '<br />著作權(quán)歸作者所有。<br />商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。<br />原文: <a href="' + location.href + '">' + location.href + '</a> ? abcde.com';
selection.selectAllChildren(newdiv);
window.setTimeout(function () {
body_element.removeChild(newdiv);
}, 200);
});:before-remove='beforeRemove'
beforeRemove(index){
console.log(index)
return new Promise(function(resolve, reject) {
//resolve('刪除');
//reject('不刪除');//這里是傳遞一個(gè)錯(cuò)誤,可以不寫,同樣不刪除
})
}兩種方法對(duì)應(yīng)不同場景
1、在組件的屬性中刪除disable屬性
2、動(dòng)態(tài)設(shè)置 disable={false}
看項(xiàng)目類型。
如果是后臺(tái)管理功能方面的平臺(tái),那么目前業(yè)界還沒有超越ExtJs的。React/Vue/angular都沒有成熟的開箱即用的方案。
如果是其他項(xiàng)目可以考慮前端上面三個(gè)框架。
最終原則團(tuán)隊(duì)大部分人會(huì)什么,就用什么
你把 var vm = 去掉試試?yán)?/p>
next('/') 或者 next({ path: '/' }): 跳轉(zhuǎn)到一個(gè)不同的地址。當(dāng)前的導(dǎo)航被中斷,然后進(jìn)行一個(gè)新的導(dǎo)航。你可以向 next 傳遞任意位置對(duì)象,且允許設(shè)置諸如 replace: true、name: 'home' 之類的選項(xiàng)以及任何用在 router-link 的 to prop 或 router.push 中的選項(xiàng)。
官網(wǎng)里有原話的: 導(dǎo)航守衛(wèi)
console.log('<li>'+mybox[1].innerHTML+'</li>');
北大青鳥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)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(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ù), 熟練的跨平臺(tái)面向?qū)ο箝_發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(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)師。