主頁 > 企業開發 > 管理軟體中的用戶、角色、權限

管理軟體中的用戶、角色、權限

2020-09-12 03:50:41 企業開發



一、問題的提出
對一套企業管理軟體系統從軟體人員調研、設計到交付用戶使用一個主要環節是:管理軟體所具有的針對用戶處理業務操作模塊劃分;系統如何進行管理與維護。這就軟體管理設計中的“用戶”、“角色”、“權限”,即系統所具有的用戶有哪些;每個用戶所扮演什么角色;不同角色所具有的管理權限,這三個概念(“用戶”、“角色”、“權限”)及相互關聯關系在許多檔案資料敘述甚多,軟體研發人員在整個設計程序中無不關注,每個管理軟體系統的使用者也在關注“我以什么角色身份”登錄系統;我的角色身份登錄后可以在管理軟體中操作哪些具體業務。這是一個問題所對應來源于兩個方面的關注。
如何把可以操作的各類業務(包含系統管理、維護)模塊授權與可以登錄的操作人員(角色劃分及角色所獲取的權限)軟體開發人員一般是依據用戶需求而確定,即:用戶提出“根據業務性質劃分確定角色”、“針對各類角色予以授權操作”。早期(上世紀70、80年代)的企業管理軟體一般對可以使用“操作權限”設定方法,即一個單獨的“人員操作權限”模塊授權于登錄系統人員可以使用的模塊。
RBAC(Role-Based Access Control,基于角色的訪問控制)是現在軟體設計者普遍采用的角色劃分及角色所具有權限分配方法。這種方法的基本思路是:一個可以登錄系統的用戶→確定該用戶所扮演的角色→該角色對管理系統所具有的操作權限,這是一種三層架構的設計模式,由以下三個方面關聯構成。
1、登錄用戶
具體登錄管理軟體的操作人員。
2、用戶角色
登錄操作人員所扮演角色,諸如:“系統管理”、“賬務管理”、“庫房管理”等等。
3、角色具有權限
不同用戶即便其角色一樣,其操作權限也可能不盡相同。例如同樣是“庫房管理”角色,有的角色具有“材料采購訂單管理”、“材料入庫制單”權限,某些角色切具有“材料入庫制單”權限。
其實際基礎業務環節有多少就應該有多少種權限可以對各類角色進行授權
以資料庫管理系統為例,需要建立“登錄用戶(人員)”、“角色劃分”、“登錄用戶角色分配、授權”三個資料表進行管理,形成一(個用戶)對多(角色、權限)的資料關系。
如何劃分登錄用戶→用戶所扮演角色→具體用戶角色的權限分配是管理軟體開發人員所關注、探討的一個問題,因為它關聯牽扯到企業管理框架(管理體制【企業負責制】、企業部門劃分乃至職責范圍及權限范圍)
這種三層架構的設計方法存在如下弊端:
1、交付企業用戶使用不是一目了然,操作比較麻煩
2、管理體制變更后原有用戶、角色、權限需要重新定義分配
3、企業下屬部門重新設定后某些操作頁面程式對面需要重新撰寫
4、系統維護作業量相應增加
如下兩個框架圖形,是一個典型的RBAC設計框架從設計思路到資料表關聯程序,其繁瑣的操作頁面、操作程序不具有一定邏輯思維的人比較難以掌握。
A、圍繞組織架構設計管理圖
 
圖1-1 圍繞企業組織架構邏輯框架
軟體設計和用戶關注的組織框架包含:企業管理體制、管理權限劃分、各個管理人員的角色、每種管理角色所具有的操作權限。
B、資料表關聯圖
軟體開發設計人員從圖1-1中歸納為資料表的描述有:“用戶表”、“角色表”、“權限表”而后關聯出“用戶角色”表與“角色權限”表,如圖1-2.
 
圖1-2 用戶、角色及權限資料關系
上述處理關聯著企業的企業框架中的職能結構、層次結構、部門結構、職權結構這四種結構,無論結構中任何一個發生變化,僅僅靠上述處理難以湊效。大家熟知“財務科(部)”、“供應科(部)”等部門一般企業均應設定,但機構精簡后可以把這兩個部室合并為一個后,原有的“財務科(部)”、“供應科(部)”不復存在,那么原有的用戶、角色將也隨之消失不可再用,原有系統操作模塊都得重新改寫維護,其作業量可想而知。
隨著大資料時代的到來,企業管理資訊的重要性已經被人們所重視,管理中的資料資訊不在僅僅是算算賬、出幾張報表的事情,而是及時精準、最小化的基礎資料資訊,為提供各個管理層面的管理人員提供真實可信決策資訊依據。
譬如:如下如何企業、(行政、事業)部門都所使用到的“賬務管理”軟體系統,這里歸納出客戶需求的業務模塊將達到上百個之多(包含系統管理維護),如圖1-3。
賬務管理常用功能模塊
 





 
圖1-3 賬務管理部分功能模塊
如果按照“RBAC”處理方法即便假定企業管理框架不發生變化也是麻煩之事。圍繞賬務管理中描述資料最小屬性的“編碼”管理就包括18個編碼型別類。不可能“編碼管理”作為一個型別的角色,因為它涉及到不同的管理層面;試想如果把其中任意組合的“編碼”作為一個角色,這種組合有多少種,你可以用組合公式計算一下。



二、業務物件層面階梯化、最小化
上述的圖RBAC(Role-Based Access Control)角色劃分權限設定是建立職能結構、層次結構、部門結構、職權結構這四種結構之上,即與企業的管理層次、部門結構、管理者的管轄范圍權限相關,不同的職能、層次、企業部門設定、權限劃分管理軟體的總體框架結構勢必不同,一旦某個層面發生改變系統框架、資料框架、軟體代碼也將隨之發生改變。這種RBAC方法使得軟體的生命周期并不十分長久,軟體的維護成本與企業所負擔的成本勢必大大增加。
怎么辦呢?我們不妨這樣去考慮。在任何一個企業(可以包括政府部門、事業單位)無論其職能結構、層次結構、部門結構、職權結構如何劃分,但需要處理的作業物件業務是一致的,所得到的管理結果目標完全相同。譬如財務賬務管理、庫房材料管理,這些作業業務任何企業都會有人去做,至于它由誰去做不應該受到企業是否部門結構的限制,即便沒有財務管理部門或材料管理部門,企業總的有人去管理賬務,總的去管理庫房材料,只要安排勝任此項業務人員去做就可以。
圖1-3 賬務管理功能模塊以表格形式給出了業務物件層面階梯化、最小化的設計思路基礎,描述了把所需處理的賬務管理業務階梯化(層次化),把每一項要處理的業務最小化。譬如“編碼管理”下屬的18種型別編碼“記賬科目”、“部門編碼”等編碼是編碼管理中的最小化業務層面;“記賬憑證”下屬的“憑證制證”、“記賬憑證審核”、“憑證登賬”、“憑證查詢”等是“憑證管理”業務中的最小化業務層面。這里“編碼管理”、“憑證管理”作為管理層面的父節點,而下屬具體業務則為這些父節點下屬的子節點。
軟體開發人員在調研中的一個主要任務就是把需求客戶的每一個業務層面(管理什么,如何管理、管理程序、管理方法)完全清楚,而不是就事論事,由業務層面的“父”節點逐步確定下屬“子”節點,這就是這里提出來的“業務物件層面階梯化、最小化”最終歸結為如圖1-3的線性發生描述方式,隨著這種描述的產生管理軟體框架也就成型,也為登錄界面的樹形結構和模塊設計奠定基礎。
這里最小層面的作業業務是構成軟體框架內的一個具體操作頁面。至于頁面布置、頁面上各種功能需求(按鈕或選單)代碼就是程式代碼撰寫人員的主要作業。



三、業務物件授權于登錄用戶的具體操作人員
1、基本思想
A、至下向上歸納法
先確定最基礎全部業務子節點→逐級歸納各個子節點歸屬的父節點。
譬如:在賬務管理先把應該有哪些最小(不能再往下細分)需要管理的作業業務并予以冠名,“憑證錄入”、“憑證審核”、“憑證登賬”、“憑證查詢”、“科目明細賬”、“現金日記賬”、“銀行日記賬”、“科目編碼”、“部門編碼”、“產品商品編碼”等等屬于最基礎的業務作業層面,有了這些基礎業務層面,而后逐級向上確定它們各自所屬的上級父節點(某級父節點還可能具有上級父節點)。
B、由上向下歸納法
從大類業務環節開始確定各個業務管理環節(父節點)→把各個基礎業務層面的子節點歸類于相應的父節點。
譬如:在賬務管理中首先從大的業務環節層面認定要做哪些管理業務(父節點),而后逐級鄉下歸納屬于某父節點之內的業務管理環節,圖1-3中的“賬務基礎”、“產品商品銷售”、“資金控制”都屬于一級父節點,在這些節點下確認下屬包含業務層面的子節點,直到每個子節點最小化。
 
圖2-1 賬務基礎業務環節層次結構
無論是至下向上還是由上向下歸納都會歸納、抽象出類如圖1-3的“業務物件層面階梯化、最小化”管理模塊結構圖。
2、模塊、用戶、操作授權資料及資料關系
一個管理系統所應具有的逐級管理模塊已然確定,那么這些模塊如何讓可以登錄系統人員進入實施他們具體的操作,這是人們關注的事情。這里給出記錄這三個資訊的資料表,“模塊表”記錄如圖1-3的全部資料記錄;“用戶表”記錄可以登錄管理系統的全部操作人員(包含系統管理員);“操作授權表”記錄“用戶表”內人員已經授權的“模塊表”中區域資料記錄,這里需要指出,最基礎子節點具有N個,只要授權其中之一那么上級父節點也一并授權,目的在于滿足操作界面完整的樹形結構顯示。圖2-2通過“操作人員表”與“模塊表”的關聯確定了“操作人員表”的資料記錄。
 
圖2-2 操作權限表關聯獲取
這一設計思路具有如下優點:
A、和圖1-2(用戶、角色及權限資料關系)比較由五個資料表表的關聯簡化成為三個資料表,簡化后的管理方法便于理解;
B、減少了程式代碼撰寫;
C、“業務模塊”便于添加、修改、洗掉而不影響原有管理系統的整體代碼;
D、突破了制約于“企業管理體制”的框架思路,即不受你的企業管理權限如何分配,也不受你的企業行政管理體系如何更變。



四、管理實體
以前述的“賬務管理”為實體,下面敘述如何實作“業務物件層面階梯化、最小化”設計企業管理系統。
1、假定
假定已經考慮到的各個層面的管理模塊已經保存在“模塊編碼表”內;已經建立了“操作人員(登錄用戶)資料表”,該表至少具有一條具有系統管理權的操作人員,其登錄特征為賬戶序號=0,人員序號=0;已經建立了“操作授權表”(如圖2-1),且已經具有了系統管理人員的權限記錄;已經建立了一套具有獨立管理的“賬務管理”賬戶。
2、操作人員授權管理
A、系統操作人員登錄
對可以登錄“賬務管理”賬戶的每一操作人員,他們可以哪些頁面,做些什么業務處理必須由“系統管理人員”完成。在操作界面圖4-1下登錄后予以授權
 
圖4-1 賬務管理操作人員登錄

以賬務人員登錄后頁面中以樹形選單顯示了“系統管理人員”所具有的操作頁面。如圖4-2
                 
圖4-2 系統管理人員具有的操作樹形選單
B、操作人員授權
在圖4-2操作選單下點擊“人員操作授權”后進入如圖4-3的授權頁面。
 
圖4-3 人員授權管理頁面
在授權頁面下在全部操作模塊串列中的選擇框予以選擇,以決定某操作人員的操作模塊,這些模塊既是操作人員的處理業務。
在圖4-3中顯示了被授權人的“登錄賬戶序號”及“登錄人員序號”,授權后告知相應人員,該操作人員就可以以這個“登錄特征”在圖4-1的登錄頁面下登錄。
C、已經授權的操作人員登錄
“登錄賬戶序號”=4、“登錄人員序號”=5登錄后所具有的操作樹形選單如圖4-4.
                   
圖4-2 具有賬務處理基礎操作人員登錄后的樹形選單
在圖4-2的樹形選單下給這里出了“賬務基礎”的全部業務模塊,但并非對每一個涉及“賬務基礎”的操作人員對這些模塊全部授權,在圖4-3人員授權管理頁面下可以有選擇的進行授權,可以是一種業務模塊,也可以是任意業務模塊的各種組合。對已經授權的業務作業模塊還可以重新授權,予以取消或增補新的授權。
僅僅從登錄操作人員登錄后他們可以做什么,這里給出的思路、方法與前述的“RBAC(Role-Based Access Control)角色劃分權限”從頁面管理、具體操作要簡化明了了許多,
本文給出了C/S(客戶服務器管理方式)下的的處理方式,實事上流行的B/S(瀏覽器管理方式)也完全的可行,只要改變一下瀏覽器具體頁面的布置就完全可以。其授權所管理的資料表,具體的關聯方式的程式流程、代碼基本一致。

uj5u.com熱心網友回復:

我想說 我們系統涉及到權限有角色,崗位,用戶這三個詞,想想也是醉醉的。

uj5u.com熱心網友回復:

參考 1 樓 obama_501 的回復:
我想說 我們系統涉及到權限有角色,崗位,用戶這三個詞,想想也是醉醉的。



我做個測驗

uj5u.com熱心網友回復:

你可以到這看 

uj5u.com熱心網友回復:

搞半天是來打廣告的?  表示看到這么長的帖 就沒想看下去的欲望

uj5u.com熱心網友回復:

講的不錯,路過有識訓

uj5u.com熱心網友回復:

看到這個登錄界面,我就覺得可以放棄了。

uj5u.com熱心網友回復:

說了半天,其實就是從資料表為主的設計,改為操作選單為主的設計。

其實還遠遠不夠!

uj5u.com熱心網友回復:

我來戳破一下這種傳統的垃圾泡沫:

首先,假設以 lz 說認為很不好的那種設計方法,它是針對靜態資料表的。它明顯是說某些人、某些角色,對某些資料表有增刪改查權限。這樣就很難應用到實際流程中,因為實際管理流程往往需要在不斷地進行管理方式探索和調整中去改變各個作業節點對資料的查詢修改方式,管理是高級的——而資料表是低級的,其實不是因為程式員設計了資料表所以管理者才知道怎樣管理,相反地100資料表往往并不對應著20個管理流程中的100個管理界面,也就是資料表跟管理流程細節存在著嚴重的“阻抗不對稱”性,會產生嚴重的分歧。

那么 lz 于是歸結為選單權限,歸結為一個人有沒有權限打開某種界面的做法上。這其實是一種簡化,如果是為了揚棄上面的錯誤的做法,那么完全可以理解。但是這肯定是極端簡化的情況。因為很簡單,比如說要處理用戶報修任務,那么系統就根據保修的內容將下一級任務派發給完全不同的單位的人員了,然后不同的單位有不同的處理流程,比如說是負責電的部門跟負責水管的部門的人處理報修的流程就不同,進一步地任何一個作業深入了之后其涉及到的人、物、“資料”都跟流程走、而不是跟這人或者部門走。

lz 所做出的考慮,本質上還是資料的靜態思維方式,也就是認為給某些角色的人賦予某種資料或者程式界面的進入權限就萬事大吉了。而真正的企業管理軟體應該是按照流程走的,比如說我把某個申請書給了一個銀行專管員,那么這個銀行人員就能看到我的詳細資料,然后按照內部流程走下去、隨后的銀行其它人員能夠看我的詳細資料的一部分。而負責其它十幾億人的申請書的銀行人員,只要他沒有參與我的申請流程,就不可能看到我的資料的任何一部分。這個時候如果你糾結某種資料表應該被某些人你隨便查看和修改、或者某種操作模塊應該被某些人隨便查看和使用,那么是不是就太 low 了呢?

uj5u.com熱心網友回復:

這還有一個重要的原因,就是很多資訊系統里邊的資料庫資料,其實都是比較原始的查詢資訊,也就是讓企業(不管多大)雇傭幾個錄入人員錄入的檔案資訊。以這種思維方式設計的軟體,必定就是簡單的增刪該查思維方式。

而管理作業流系統就好是軟體資訊的版本管理系統一樣,或者說好像是區塊鏈的基礎版本系統一樣,資料是行為日志,資料決不允許“刪改”,只允許“增查”。當你有這樣的資料結構,再來看管理軟體中的“權限控制”,你就非常簡單和直觀了,每一個人只看自己的行為歷史就行了。一個領導假設需要看報表,那么她發起一個任務,讓系統給她自己發來一份報告,那么這個報告是她自己的私有的一條資料,而不是什么別人的資料被她看到。

uj5u.com熱心網友回復:

lz 所說“不可能“編碼管理”作為一個型別的角色,因為它涉及到不同的管理層面;試想如果把其中任意組合的“編碼”作為一個角色,這種組合有......”這就是把角色看成了資料表(或者說是資料表中的分類Class欄位)的查詢約束了!這就是翻來覆去都是對靜態資料庫表(或者是表中的某一個分類欄位)查詢約束的思路,永遠跳不出這個思路!

這就是傳統的資料庫表設計模式跟管理資訊系統的多變(每一個企業都不太一樣)的阻抗不匹配性的最主要原因!企業管理流程經常變化,那么開發管理資訊系統的根本核心是從資料庫表出發還是從管理流程出發?

管理流程變化中,往往是某個環節的某個表單就是要去綜合訪問許多表的個別欄位,也許某個表單今天不需要訪問庫存表、而明天就需要訪問庫存表的50個欄位中的5個欄位。那么你說某用戶、或者某雷用戶到底有沒有訪問庫存表的權限?或者訪問庫存表中某類編碼的庫存的權限?

這純粹是坑爹的——但是卻是很多人樂此不疲地——權限管理思維方式。他是從資料表出發,而不是從管理流程出發。如果從管理流程出發那么權限即使定義到了“每一個記錄 and 每一個欄位”這一級別,也還是不行,因為還是有時間因素、歷史因素,例如一個權限其實是從一個流程的發起人開始、中間每一個審批或者填寫的程序都會改變隨后的流程表現,而這就直接決定了隨后的資料的權限。所以“每一個記錄 and 沒一個欄位”其實權限都取決于每一個創建它的流程的整個歷史鏈條的共同作用,而不是什么靜態地寫死、預先規定誰能訪問某類資料!

uj5u.com熱心網友回復:

總是能看到一個吹逼的  用嘴打破傳統  卻不給出一個立新的東西  
這樣的人
都是
流氓

uj5u.com熱心網友回復:

“部門”跟“角色”這兩個概念看似重疊,但在一般的軟體系統里“部門”屬于雇員管理模塊,“角色”屬于權限管理模塊。

uj5u.com熱心網友回復:

百度一下  SAP 的PFCG   就好了 

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/10325.html

標籤:企業信息化

上一篇:SAP資料庫好像是啟動不了,求大神支招

下一篇:求大家指點!!!問IP whois查詢和IP 查詢的區別!!!

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • 使用Django Rest framework搭建Blog

    在前面的Blog例子中我們使用的是GraphQL, 雖然GraphQL的使用處于上升趨勢,但是Rest API還是使用的更廣泛一些. 所以還是決定回到傳統的rest api framework上來, Django rest framework的官網上給了一個很好用的QuickStart, 我參考Qu ......

    uj5u.com 2023-04-20 08:17:54 more
  • 記錄-new Date() 我忍你很久了!

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 大家平時在開發的時候有沒被new Date()折磨過?就是它的諸多怪異的設定讓你每每用的時候,都可能不小心踩坑。造成程式意外出錯,卻一下子找不到問題出處,那叫一個煩透了…… 下面,我就列舉它的“四宗罪”及應用思考 可惡的四宗罪 1. Sa ......

    uj5u.com 2023-04-20 08:17:47 more
  • 使用Vue.js實作文字跑馬燈效果

    實作文字跑馬燈效果,首先用到 substring()截取 和 setInterval計時器 clearInterval()清除計時器 效果如下: 實作代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

    uj5u.com 2023-04-20 08:12:31 more
  • JavaScript 運算子

    JavaScript 運算子/運算子 在 JavaScript 中,有一些運算子可以使代碼更簡潔、易讀和高效。以下是一些常見的運算子: 1、可選鏈運算子(optional chaining operator) ?.是可選鏈運算子(optional chaining operator)。?. 可選鏈操 ......

    uj5u.com 2023-04-20 08:02:25 more
  • CSS—相對單位rem

    一、概述 rem是一個相對長度單位,它的單位長度取決于根標簽html的字體尺寸。rem即root em的意思,中文翻譯為根em。瀏覽器的文本尺寸一般默認為16px,即默認情況下: 1rem = 16px rem布局原理:根據CSS媒體查詢功能,更改根標簽的字體尺寸,實作rem單位隨螢屏尺寸的變化,如 ......

    uj5u.com 2023-04-20 08:02:21 more
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 08:01:50 more
  • 如何在 vue3 中使用 jsx/tsx?

    我們都知道,通常情況下我們使用 vue 大多都是用的 SFC(Signle File Component)單檔案組件模式,即一個組件就是一個檔案,但其實 Vue 也是支持使用 JSX 來撰寫組件的。這里不討論 SFC 和 JSX 的好壞,這個仁者見仁智者見智。本篇文章旨在帶領大家快速了解和使用 Vu ......

    uj5u.com 2023-04-20 08:01:37 more
  • 【Vue2.x原始碼系列06】計算屬性computed原理

    本章目標:計算屬性是如何實作的?計算屬性快取原理以及洋蔥模型的應用?在初始化Vue實體時,我們會給每個計算屬性都創建一個對應watcher,我們稱之為計算屬性watcher ......

    uj5u.com 2023-04-20 08:01:31 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:01:10 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:00:32 more