粗放的代码展示 有时候,网页中会插入代码。直接把代码放入<pre></pre>标签和<code></code>标签里,也算是可以在页面中显示出来。 比如下面这样的: 那么效果如何呢?如下: 可以发现上面这样是一种很糟糕的效果。 对比 ...
第一次接触prism.js,并把它用到了园子里。 装逼如风,常伴吾身。有了如此利器,从此院子里我的代码是 最 漂亮的 身为程序员深刻体会代码高亮在生产过程中是多么的重要。以下便是讲解如何在页面上显示代码高亮。 准备 官方下载地址:http: prismjs.com 没错 官网很直观,没有那些花里花哨的东西,直接点击下载,进入到下载页面。 接下来这张图比较长,大家可以直接跳过着看。 核心代码 必选 ...
2017-12-28 10:45 2 6698 推荐指数:
粗放的代码展示 有时候,网页中会插入代码。直接把代码放入<pre></pre>标签和<code></code>标签里,也算是可以在页面中显示出来。 比如下面这样的: 那么效果如何呢?如下: 可以发现上面这样是一种很糟糕的效果。 对比 ...
之前也介绍过几款语法高亮插件《为博客园选择一个小巧霸气的语法高亮插件》以及关于他们的综合性能《再议 语法高亮插件的选择》。今天在小影志博客看到《使用 Prism.js 实现漂亮的代码语法高亮》于是心血来潮去看了下,顺便测试了下性能。打开 Prism.js 官网,看到 Used By。。我勒 ...
(转)<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="js/highlight.min.js"></script> < ...
1,本文翻译自 http://eclipsesource.com/blogs/2012/06/06/cleaner-code-with-guava-optionals-and-preconditions/,有说的不对的地方,欢迎斧正。 2,我开发软件的时候,朝着干净代码发展是我的特权,有一段时间 ...
效果图: HTML代码如下: CSS代码如下: JS: ...
Firebug是网页开发的利器,能够极大地提升工作效率。 但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。 ====== ...
/** * sleep函数 * @param {any} delay */ function sleep(delay) { var start = (new Date()).get ...
作为一名开发人员,工作之外的时间总是在学习新事物。作为前端开发人员必须知道一些使我们的代码如何更优雅,工作更轻松的技巧,让自己的代码写的更加高大上,下面这些技巧获取可以帮助到你。 1. 多个条件判断 // longif( x === 'a' || x === 'b ...