整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
信大家平時都有用360搜索、百度搜索、谷歌搜索等來查詢自己想要的東西。或者熟悉w3cschool的用戶相信都很清楚，只要在首頁導(dǎo)航的搜索框中輸入你想要了解的內(nèi)容，都會跳出所有的數(shù)據(jù)。
360搜索、百度搜索等搜索引擎的的數(shù)據(jù)查詢這么快，對于非內(nèi)部員工來說，不知道他們是怎么實現(xiàn)的。而w3cschool搜索框的數(shù)據(jù)之所以能夠如此快、如此詳細(xì)的查詢出海量數(shù)據(jù)，是因為迅搜(Xunsearch)技術(shù)的利用。
Xunsearch 是免費開源的專業(yè)全文檢索解決方案，旨在幫助一般開發(fā)者針對既有的海量數(shù)據(jù)，快速而方便地建立自己的全文搜索引擎。全文檢索可以幫助您降低服務(wù)器搜索負(fù)荷、極大程度的提高搜索速度和用戶體驗。
Xunsearch 高性能：后端是采用 C/C++ 開發(fā)多線程服務(wù)端，索引設(shè)計基于 Xapian 和 scws 中文分詞。單庫最多支持 40 億條數(shù)據(jù)，在 5 億網(wǎng)頁大約 1.5TB 的數(shù)據(jù)中檢索時間不超過 1 秒(非緩存);簡單易用：前端是使用腳本語言編寫的開發(fā)工具 (SDK)，目前僅支持 PHP 語言。API 簡單清晰，開發(fā)難度極低，提供全中文的示例代碼、文檔、輔助腳本工具等;全功能：除支持基礎(chǔ)的自定義分詞、字段檢索、布爾搜索外，還直接支持用戶急需的相關(guān)搜索、拼音搜索、搜索建議等專業(yè)功能。
為了方便大家，w3cschool資深用戶精選 xunsearch技術(shù)教程。 本教程旨在全面介紹 Xunsearch PHP-SDK 的用法，是學(xué)習(xí)掌握 xunsearch 搜索開發(fā)的 基礎(chǔ)資料。
本教程中，囊括新手安裝教程、了解基礎(chǔ)對象方法、編寫項目配置文件、管理索引、使用搜索等知識，如果你想讓自己網(wǎng)站的搜索更快速、更海量、更便捷，那么可以看看本教程。更多詳情，請移步：http://www.w3cschool.cn/xunsearch/cunxca.html。
搜索是每個網(wǎng)站的必備組成部分，如果你是計算機(jī)新手，想學(xué)著建一個站，那么可以看看迅搜(Xunsearch)教程;如果你是從業(yè)多年的程序員，你想讓自己網(wǎng)站的搜索更快，那么迅搜(Xunsearch)也許會給你帶來意想不到的效果。學(xué)會了迅搜(Xunsearch)，再也不害怕老板的為難了!
要想看到更多更詳細(xì)的xunsearc資源，強(qiáng)烈建議收藏：http://www.w3cschool.cn/xunsearch/cunxca.html。有了這個收藏夾，找干貨不用愁!
公眾號：w3c技術(shù)教程
HTML （Hypertext Markup Language）是標(biāo)準(zhǔn)標(biāo)記語言，是 Web 瀏覽器顯示的基礎(chǔ)。 此外，CSS（Cascading Style Sheets）等技術(shù)以及JavaScript等腳本語言也支持這種技術(shù)。
創(chuàng)建主頁時，首先使用 HTML 確定句子的結(jié)構(gòu)并標(biāo)記它，然后設(shè)計要顯示的信息。 這是網(wǎng)頁的基礎(chǔ)。
現(xiàn)在，讓我們仔細(xì)看看可以使用少量 CSS 代碼實現(xiàn)的技術(shù)。
Web 性能改進(jìn)技術(shù)之一是屬性，允許用戶延遲加載，直到滾動。 它還適用于嵌入 YouTube 視頻的 iframe 代碼和大尺寸圖像。loading="lazy"
XHTML
1 | <img src='image.jpg' loading='lazy' alt='代替テキスト'> |
打開電子郵件創(chuàng)建頁面、直接撥打電話或發(fā)送短消息的技術(shù)。
XHTML
1 2 3 4 5 6 7 8 9 10 11 | <a href="mailto:{email}?subject={subject}&body={content}"> Eメールを送信 </a> <a href="tel:{phone}"> お電話ください </a> <a href="sms:{phone}?body={content}"> SMSショートメッセージを送信 </a> |
start屬性允許您自由確定列表格式的數(shù)字。
meter元素允許您使用彩色滑塊顯示數(shù)字和數(shù)量。 不需要 JavaScript 或 CSS。
通過預(yù)先在表單輸入元素中指定一些數(shù)據(jù)列表，可以將其作為候選關(guān)鍵字顯示在輸入字段中的下拉列表中。
fieldset元素允許您將 Web 窗體中的多個控件和標(biāo)簽 （） 組合在一起。label
target="_blank在 中打開的頁面將允許您訪問原始頁面的 window.opener。 這可能會對安全性和性能產(chǎn)生負(fù)面影響，例如"原始窗口在知道之前已轉(zhuǎn)換到填充站點"。 為了防止這種情況，請包括 或 。rel="noopener"rel="noreferrer"
1 2 3 | <a href="https://markodenic.com/" target="_blank" rel="noopener"> 參考ウェブサイト </a> |
如果要在新選項卡中打開 HTML 文檔中的所有鏈接，可以使用元素。 在下面的示例中，兩個鏈接都在新的選項卡中打開。base
若要更新網(wǎng)站的傳真，您可以通過將其添加到文件名中來在瀏覽器中下載新版本。?v=2
一種有效的技術(shù)，尤其是在生產(chǎn)環(huán)境中，以確保用戶輸入新版本。
XHTML
1 | <link rel="icon" href="/favicon.ico?v=2" /> |
可以決定是否檢查元素的拼寫錯誤的屬性。spellcheck
input type="range"允許您使用滑塊調(diào)整數(shù)字。 所選數(shù)字可以顯示在 中。input type="number"
details元素允許您創(chuàng)建僅 HTML 本機(jī)手風(fēng)琴。
mark標(biāo)記允許您使用黃色標(biāo)記突出顯示文本的一部分。
URL 鏈接的屬性允許您直接下載文件，而不是將其移動到文件中。download
XHTML
1 2 3 | <a href='path/to/file' download> Download </a> |
使用".webp"作為圖像格式可以減小圖像大小并提高網(wǎng)站性能。
XHTML
1 2 3 4 5 6 7 8 9 10 11 | <picture> <!-- サポートされていたら.webp畫像を読み込む --> <source srcset="logo.webp" type="image/webp"> <!-- .webp畫像や<picture>タグが ブラウザにサポートされていないときの フォールバックとして --> <img src="logo.png" alt="logo"> </picture> |
poster屬性允許您指定在加載視頻或按下"播放"按鈕之前顯示的圖像。
XHTML
1 | <video poster="path/to/image"> |
在搜索框中使用時，將自動顯示"X"清除標(biāo)記以取消。type="search"
只有 HTML 可以實現(xiàn)的功能，我有很多。 我們計劃在未來添加和更新小技巧技術(shù)。
礎(chǔ) JavaScript 實例
用JavaScript輸出文本
用JavaScript改變HTML元素
一個外部JavaScript
實例解析
JavaScript 語句、注釋和代碼塊
JavaScript 語句
JavaScript 代碼塊
JavaScript 單行注釋
JavaScript 多行注釋
使用單行注釋來防止執(zhí)行
使用多行注釋來防止執(zhí)行
實例解析
JavaScript 變量
聲明一個變量，為它賦值，然后顯示出來
實例解析
JavaScript 條件語句 If ... Else
If 語句
If...else 語句
隨機(jī)鏈接
Switch 語句
實例解析
JavaScript 消息框
Alert(警告)框
帶有換行的警告框
確認(rèn)框
提示框
實例解析
JavaScript 函數(shù)
函數(shù)
帶有參數(shù)的函數(shù)
帶有參數(shù)的函數(shù) 2
返回值的函數(shù)
帶有參數(shù)并返回值的函數(shù)
實例解析
JavaScript 循環(huán)
For 循環(huán)
循環(huán)輸出 HTML 標(biāo)題
While 循環(huán)
Do while 循環(huán)
break 語句
continue 語句
使用 For...In 聲明來遍歷數(shù)組內(nèi)的元素
實例解析
JavaScript 事件
onclick事件
onmouseover 事件
實例解析
JavaScript 錯誤處理
try...catch 語句
帶有確認(rèn)框的 try...catch 語句
onerror 事件
實例解析
高級 JavaScript 實例
創(chuàng)建一個歡迎 cookie
簡單的計時
另一個簡單的計時
在一個無窮循環(huán)中的計時事件
帶有停止按鈕的無窮循環(huán)中的計時事件
使用計時事件制作的鐘表
創(chuàng)建對象的實例
創(chuàng)建用于對象的模板
JavaScript 應(yīng)用實例
javascript 幻燈片代碼(含自動播放)
CSS 日歷樣式
JavaScript 彈窗
JavaScript 圖片彈窗
JavaScript Lightbox
javascript 搜索框自動提示
JavaScript 表格數(shù)據(jù)搜索
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
