原文:prism.js使页面代码变得漂亮

第一次接触prism.js,并把它用到了园子里。 装逼如风,常伴吾身。有了如此利器,从此院子里我的代码是 最 漂亮的 身为程序员深刻体会代码高亮在生产过程中是多么的重要。以下便是讲解如何在页面上显示代码高亮。 准备 官方下载地址:http: prismjs.com 没错 官网很直观,没有那些花里花哨的东西,直接点击下载,进入到下载页面。 接下来这张图比较长,大家可以直接跳过着看。 核心代码 必选 ...

2017-12-28 10:45 2 6698 推荐指数:

查看详情

prism.js——让网页中的代码更好看

粗放的代码展示 有时候,网页中会插入代码。直接把代码放入<pre></pre>标签和<code></code>标签里,也算是可以在页面中显示出来。 比如下面这样的: 那么效果如何呢?如下: 可以发现上面这样是一种很糟糕的效果。 对比 ...

Tue Nov 13 07:15:00 CST 2018 0 4082
js 语法高亮插件之 Prism.js

之前也介绍过几款语法高亮插件《为博客园选择一个小巧霸气的语法高亮插件》以及关于他们的综合性能《再议 语法高亮插件的选择》。今天在小影志博客看到《使用 Prism.js 实现漂亮代码语法高亮》于是心血来潮去看了下,顺便测试了下性能。打开 Prism.js 官网,看到 Used By。。我勒 ...

Tue Jul 22 06:09:00 CST 2014 0 3476
aos.js页面滚动变得丰富

(转)<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script> <script src="js/highlight.min.js"></script> < ...

Mon Nov 06 23:00:00 CST 2017 0 1071
Console命令详解,让调试js代码变得更简单

Firebug是网页开发的利器,能够极大地提升工作效率。 但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。 ====== ...

Fri Aug 29 06:22:00 CST 2014 0 7166
JS实现sleep使页面等待

/** * sleep函数 * @param {any} delay */ function sleep(delay) { var start = (new Date()).get ...

Fri Aug 30 23:46:00 CST 2019 0 570
想让你的代码变得更加优雅吗?

作为一名开发人员,工作之外的时间总是在学习新事物。作为前端开发人员必须知道一些使我们的代码如何更优雅,工作更轻松的技巧,让自己的代码写的更加高大上,下面这些技巧获取可以帮助到你。 1. 多个条件判断 // longif( x === 'a' || x === 'b ...

Mon Jan 18 02:25:00 CST 2021 1 453
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM