整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
來自公眾號：前端真好玩
大家肯定遇到過這樣類似的場景：多個 Tab 頁點擊切換功能，如果用戶點擊頻繁，很可能會出現(xiàn)。因為每個接口返回信息的時間是不同的，你不能保證先請求的一定最先返回數(shù)據(jù)，那么就很可能會出現(xiàn)停留在頁面一卻出現(xiàn)別的頁面的數(shù)據(jù)的情況。這種異步的情況術(shù)語稱之為異步競態(tài)。這時肯定有讀者會說了，這還不簡單，我能給你輕松想出好幾個解決辦法。節(jié)流、防抖、加 Loading！這些做法固然能解決問題，但是都治標(biāo)不治本，而且還影響了用戶體驗，其實還有種辦法能夠完美解決問題：取消請求。當(dāng)然了這個取消請求它只是不繼續(xù)處理接口后續(xù)的響應(yīng)了，并不是真的把請求給取消了。畢竟請求如果已經(jīng)發(fā)出去的話，我們也不能順著網(wǎng)線把它追回來。我們這邊以 axios 為例來看看怎么取消請求：
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
axios.get('/user/12345', {
cancelToken: source.token
}).catch(function (thrown) {
if (axios.isCancel(thrown)) {
console.log('Request canceled', thrown.message);
} else {
// handle error
}
});
axios.post('/user/12345', {
name: 'new name'
}, {
cancelToken: source.token
})
// cancel the request (the message parameter is optional)
source.cancel('Operation canceled by the user.');
123456789101112131415161718192021123456789101112131415161718192021用法還是挺簡單的，對于可能會出現(xiàn)異步競態(tài)的情況下大家可以采用這個方法來解決。簡單好用，還不會影響用戶體驗，封裝下代碼就能用起來了。
當(dāng)今互聯(lián)網(wǎng)時代，HTML 和 Markdown 都是非常流行的標(biāo)記語言。HTML 用于構(gòu)建網(wǎng)頁結(jié)構(gòu)和內(nèi)容，而 Markdown 則以其簡潔易讀的語法被廣泛用于編寫文檔、博客文章等。在很多場景下，我們需要將 HTML 內(nèi)容轉(zhuǎn)換為 Markdown 格式，例如網(wǎng)頁內(nèi)容抓取、文檔格式轉(zhuǎn)換等。
Rust 作為一門以安全、性能和可靠性著稱的系統(tǒng)級編程語言，也提供了相應(yīng)的庫來處理 HTML 到 Markdown 的轉(zhuǎn)換。本文將介紹一個名為 htmd 的 Rust 庫，它提供了一種高效且易于使用的方式來完成這項任務(wù)。
htmd 是一個受 JavaScript 庫 turndown.js 啟發(fā)而開發(fā)的 Rust 庫，用于將 HTML 文檔轉(zhuǎn)換為 Markdown 格式。它具有以下特點：
在使用 htmd 之前，我們需要先安裝它。將以下依賴項添加到你的 Cargo.toml 文件中：
[dependencies]
htmd = "0.1"基本轉(zhuǎn)換
使用 htmd 進(jìn)行 HTML 到 Markdown 的基本轉(zhuǎn)換非常簡單。以下代碼展示了如何將一個 <h1> 標(biāo)簽轉(zhuǎn)換為 Markdown 中的 # 標(biāo)題：
use htmd::HtmlToMarkdown;
fn main() {
let markdown = HtmlToMarkdown::new();
let html = "<h1>這是一個標(biāo)題</h1>";
let result = markdown.convert(html).unwrap();
assert_eq!(result, "# 這是一個標(biāo)題\n");
}跳過標(biāo)簽
在某些情況下，我們可能希望跳過 HTML 文檔中的某些標(biāo)簽，例如 <script> 和 <style> 標(biāo)簽。htmd 提供了 skip_tags 方法來實現(xiàn)這一點：
use htmd::HtmlToMarkdown;
fn main() {
let markdown = HtmlToMarkdown::builder()
.skip_tags(vec!["script", "style"])
.build();
let html = r#"
<script>
// 一些 JavaScript 代碼
</script>
<h1>這是一個標(biāo)題</h1>
"#;
let result = markdown.convert(html).unwrap();
assert_eq!(result, "# 這是一個標(biāo)題\n");
}自定義標(biāo)簽處理器
htmd 允許我們自定義標(biāo)簽處理器來處理特定的 HTML 標(biāo)簽。例如，我們可以定義一個處理器將 <img> 標(biāo)簽轉(zhuǎn)換為 Markdown 中的圖片語法：
use htmd::{HtmlToMarkdown, HandleResult};
use html5ever::tendril::StrTendril;
use html5ever::QualName;
fn main() {
let markdown = HtmlToMarkdown::builder()
.add_handler(
vec!["img"],
|el| {
let src = el
.attrs
.iter()
.find(|(name, _)| name.local.as_ref() == "src")
.map(|(_, value)| value.as_ref());
let alt = el
.attrs
.iter()
.find(|(name, _)| name.local.as_ref() == "alt")
.map(|(_, value)| value.as_ref());
match (src, alt) {
(Some(src), Some(alt)) => Some(format!("", alt, src)),
_ => None,
}
},
)
.build();
let html = r#"<img src="https://example.com/image.jpg" alt="圖片描述">"#;
let result = markdown.convert(html).unwrap();
assert_eq!(result, "\n");
}多線程處理
htmd 支持多線程處理，可以充分利用多核 CPU 的性能來加速轉(zhuǎn)換過程。以下代碼展示了如何使用多線程將多個 HTML 文檔轉(zhuǎn)換為 Markdown：
use htmd::HtmlToMarkdown;
use std::sync::Arc;
use std::thread;
fn main() {
let markdown = Arc::new(HtmlToMarkdown::new());
let html_docs = vec![
"<h1>文檔 1</h1>",
"<h2>文檔 2</h2>",
"<h3>文檔 3</h3>",
];
let threads: Vec<_> = html_docs
.into_iter()
.map(|html| {
let markdown = markdown.clone();
thread::spawn(move || {
let result = markdown.convert(html).unwrap();
println!("{}", result);
})
})
.collect();
for thread in threads {
thread.join().unwrap();
}
}htmd 是一個功能強大且易于使用的 Rust 庫，用于將 HTML 文檔轉(zhuǎn)換為 Markdown 格式。它提供了豐富的選項、自定義標(biāo)簽處理器和多線程支持，可以滿足各種轉(zhuǎn)換需求。如果你正在尋找一種高效可靠的 HTML 到 Markdown 轉(zhuǎn)換解決方案，htmd 絕對值得一試。
法1：使用onclick事件
<input type="button" value="按鈕" onclick="javascrtpt:window.location. />
或者直接使用button標(biāo)簽
<button onclick="window.location.>百度</button>
方法2：在button標(biāo)簽外套一個a標(biāo)簽
<a > <button>百度</button> </a>
或使用
<a ><input type="button" value='百度'></a>
方法3：使用JavaScript函數(shù)
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
