prism.js——讓網頁中的代碼更好看
粗放的代碼展示 有時候，網頁中會插入代碼。直接把代碼放入<pre></pre>標簽和<code></code>標簽里，也算是可以在頁面中顯示出來。 比如下面這樣的： 那么效果如何呢？如下： 可以發現上面這樣是一種很糟糕的效果。 對比 ...
原文：prism.js使頁面代碼變得漂亮
第一次接觸prism.js，並把它用到了園子里。 裝逼如風，常伴吾身。有了如此利器，從此院子里我的代碼是 最 漂亮的 身為程序員深刻體會代碼高亮在生產過程中是多么的重要。以下便是講解如何在頁面上顯示代碼高亮。 准備 官方下載地址：http: prismjs.com 沒錯 官網很直觀，沒有那些花里花哨的東西，直接點擊下載，進入到下載頁面。 接下來這張圖比較長，大家可以直接跳過着看。 核心代碼 必選 ...
2017-12-28 10:45 2 6698 推薦指數：
相關推薦
js 語法高亮插件之 Prism.js
之前也介紹過幾款語法高亮插件《為博客園選擇一個小巧霸氣的語法高亮插件》以及關於他們的綜合性能《再議 語法高亮插件的選擇》。今天在小影志博客看到《使用 Prism.js 實現漂亮的代碼語法高亮》於是心血來潮去看了下，順便測試了下性能。打開 Prism.js 官網，看到 Used By。。我勒 ...
aos.js讓頁面滾動變得豐富
（轉）<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="js/highlight.min.js"></script> < ...
guava 學習筆記 使用瓜娃（guava）的選擇和預判斷使代碼變得簡潔
1，本文翻譯自 http://eclipsesource.com/blogs/2012/06/06/cleaner-code-with-guava-optionals-and-preconditions/，有說的不對的地方，歡迎斧正。 2，我開發軟件的時候，朝着干凈代碼發展是我的特權，有一段時間 ...
JS實現居中漂亮的登錄頁面
效果圖： HTML代碼如下： CSS代碼如下： JS： ...
Console命令詳解,讓調試js代碼變得更簡單
Firebug是網頁開發的利器，能夠極大地提升工作效率。 但是，它不太容易上手。我曾經翻譯過一篇《Firebug入門指南》，介紹了一些基本用法。今天，繼續介紹它的高級用法。 ====== ...
JS實現sleep使頁面等待
/** * sleep函數 * @param {any} delay */ function sleep(delay) { var start = (new Date()).get ...
想讓你的代碼變得更加優雅嗎？
作為一名開發人員，工作之外的時間總是在學習新事物。作為前端開發人員必須知道一些使我們的代碼如何更優雅，工作更輕松的技巧，讓自己的代碼寫的更加高大上，下面這些技巧獲取可以幫助到你。 1. 多個條件判斷 // longif( x === 'a' || x === 'b ...