在前端開發(fā)中，我們經(jīng)常會(huì)遇到需要格式化和解密javascript/html代碼的情況。一般情況下，這主要涉及到兩種情況：一是需要將混淆的javascript/html代碼轉(zhuǎn)換成易于讀懂和修改的代碼格式；二是需要解密被加密的javascript/html代碼以便更好地進(jìn)行分析。
為了更好地理解這兩種情況下，我們需要使用哪些工具和技術(shù)來格式化和解密javascript/html代碼，下面我們會(huì)具體進(jìn)行介紹。
1、格式化javascript/html代碼
在前端開發(fā)中，經(jīng)常會(huì)遇到非常復(fù)雜和混淆的javascript/html代碼，這讓人很難理解和維護(hù)。而使用格式化工具可以將這些混淆的代碼轉(zhuǎn)換成易于理解和修改的格式。
其中一種比較常用的格式化工具是ESLint，它是一個(gè)開源的javascript代碼靜態(tài)檢查工具。除了提供代碼風(fēng)格檢查之外，它還可以進(jìn)行代碼格式化。通過ESLint提供的規(guī)則來格式化代碼，可以使得代碼更為清晰易懂。
下面是使用ESLint格式化javascript代碼的一個(gè)例子：

const sum = (a,b) => {return a+b;};

上面這段代碼比較簡(jiǎn)單，但是如果我們想要將這段代碼進(jìn)行格式化，可以使用ESLint進(jìn)行格式化，最終的結(jié)果如下：

const sum = (a, b) => {
return a + b;
};

可以看到，使用ESLint進(jìn)行格式化之后，代碼變得更加清晰易懂。ESLint 提供很多不同的規(guī)則，有一些規(guī)則可以將代碼進(jìn)行重新排版，使得代碼閱讀更加方便，格式也更加規(guī)范。
另外，還有一些在線工具，比如JS Beautifier和HTML Beautifier，可以幫助我們格式化混淆的javascript和html代碼。這些工具非常方便易用，可以在線進(jìn)行免費(fèi)格式化操作。
2、解密javascript/html代碼
在前端開發(fā)中，有時(shí)候我們會(huì)遇到被加密的javascript/html代碼，這時(shí)候，我們需要進(jìn)行解密操作才能夠進(jìn)行分析和調(diào)試。其中一種比較常見的加密方式是base64加密。
下面是使用Javascript進(jìn)行base64解密的代碼示例：

javascript
function b64Decode(str) {
return decodeURIComponent(atob(str).split('').map(c => '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)).join(''));
}
<br>
const encryptedStr = "SGVsbG8sIHdvcmxkIQ==";
const decryptedStr = b64Decode(encryptedStr);
console.log(decryptedStr); // "Hello, world!"

可以看到，在上面的示例中，我們將被加密的字符串“SGVsbG8sIHdvcmxkIQ==”作為參數(shù)傳給了b64Decode函數(shù)，然后該函數(shù)將其進(jìn)行解密，最終輸出了解密后的字符串“Hello, world!”。
除了使用Javascript進(jìn)行base64解密外，還有一些比較常用的解密工具，比如在線base64解密工具、JSNice和jspro.de等。
總的來說，在前端開發(fā)中，格式化和解密javascript/html代碼是非常有用的技能。這些技能可以幫助我們更加輕松地進(jìn)行代碼分析和修改，同時(shí)也能夠提高工作效率。