JS通過位運(yùn)算實(shí)現(xiàn)權(quán)限加解密
首先介紹一下js中的位運(yùn)算:
1. "&" :與運(yùn)算,轉(zhuǎn)化為二進(jìn)制數(shù),如果相同位數(shù)都為1則得結(jié)果為1,否則為0;
2. "|" :或運(yùn)算,轉(zhuǎn)化為二進(jìn)制數(shù),如果相同位數(shù)只要有一個(gè)為1則得結(jié)果為1,否則為0;
3. "^" :異或運(yùn)算,轉(zhuǎn)化為二進(jìn)制數(shù),如果相同位數(shù)不同則得結(jié)果為1,否則為0;
4."<<" 異位運(yùn)算符,1<<1,表示將1左移一位,也就是010,在二進(jìn)制中代表2;
順便說一下,十進(jìn)制數(shù)字互相轉(zhuǎn)化。
十進(jìn)制轉(zhuǎn)為別的進(jìn)制:
var num = 123; console.log(num.toString(2)) console.log(num.toString(8))//參數(shù)傳想要轉(zhuǎn)化的位數(shù)
別的進(jìn)制轉(zhuǎn)化為十進(jìn)制:
var num = 110; console.log(parseInt(num,2))//二進(jìn)制轉(zhuǎn)化為十進(jìn)制
假設(shè)我們現(xiàn)在有5項(xiàng)權(quán)限,在二進(jìn)制中用1代表擁有權(quán)限,0代表不擁有。所以11111這樣代表擁有所有的五項(xiàng)權(quán)限,那么我們?nèi)绾沃烙脩羰欠裼心骋豁?xiàng)具體權(quán)限呢。
比如,我們現(xiàn)在想檢測(cè)用戶是否有第一項(xiàng)權(quán)限,我們首先用過異位 1 << 0,向左移0位,還是1,然后1 & (Math.pow(2,5) -1),
如果返回0,說明個(gè)位對(duì)不上,也就是說我們當(dāng)前沒有權(quán)限,如果返回1,說明我們擁有第一項(xiàng)權(quán)限,同理,如果需要檢驗(yàn)第二位權(quán)限,只需要異位2就好了。
if((1 << 0) & (Math.pow(2,5) - 1) !== 0){
//擁有第一項(xiàng)權(quán)限權(quán)限
}
if((1 << 1) & (Math.pow(2,5) - 1) !== 0){
//擁有第一項(xiàng)權(quán)限權(quán)限
}
總結(jié)
以上所述是小編給大家介紹的JS通過位運(yùn)算實(shí)現(xiàn)權(quán)限加解密,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
詳解webpack與SPA實(shí)踐之開發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack與SPA實(shí)踐之開發(fā)環(huán)境搭建,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12
DD_belatedPNG,IE6下PNG透明解決方案(國外)
今天介紹DD_belatedPNG,只需要一個(gè)理由,就是它支持backgrond-position與background-repeat.這是其他js插件不具備的.2010-12-12
JavaScript中的事件監(jiān)聽詳細(xì)介紹
這篇文章主要給大家介紹了關(guān)于JavaScript中事件監(jiān)聽的相關(guān)資料,在前端開發(fā)過程中我們經(jīng)常會(huì)遇到給頁面元素添加事件的問題,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
利用element-ui實(shí)現(xiàn)遠(yuǎn)程搜索兩種實(shí)現(xiàn)方式
這篇文章主要介紹了利用element-ui的兩種遠(yuǎn)程搜索實(shí)現(xiàn)代碼,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-12-12
Javascript動(dòng)畫插件lottie-web的使用方法
這篇文章主要介紹了Javascript動(dòng)畫插件lottie-web的使用方法,包括配合vue-cli使用及在HTML頁面中使用代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-02-02
JavaScript+Canvas實(shí)現(xiàn)簡(jiǎn)單的柱狀圖
這篇文章主要為大家詳細(xì)介紹了JavaScript如何利用Canvas實(shí)現(xiàn)繪制簡(jiǎn)單的柱狀圖,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-10-10
cocos2dx骨骼動(dòng)畫Armature源碼剖析(二)
本篇主要給大家介紹cocos2dx骨骼動(dòng)畫Armature源碼剖析之flash中數(shù)據(jù)與xml中數(shù)據(jù)關(guān)系,需要的朋友一起來學(xué)習(xí)吧2015-09-09
IScroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法
下面小編就為大家?guī)硪黄狪Scroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03

