最优秀的JavaScript代码高亮插件--SyntaxHighlighter

对于喜欢写写博客的小伙伴来说,代码的高亮是尤其重要的,既要好看也要大气。常用的有SyntaxHighlighter,Highlight.js,Prism.JS等一系列的高亮插件。下面我主要说说SyntaxHighlighter这款,SyntaxHighlighter是一款完全基于JavaScript的代码高亮插件,SyntaxHighlighter 可以对大部分编程语言进行着色渲染,而且代码高亮的性能也非常不错。SyntaxHighlighter 可以自定义主题文件,在初始化的时候指定自己喜欢的主题即可。

css底部内容置于浏览器底部

css

一个网页,一般分头部,内容和底部这三部分。有时候,我们网页的内容太少了,底部就会很难看,会悬在半空中,就像这样的:

fixed_ft

是不是特别难看呢?注册和登录页是经常出现这种情况的,因为页面内容不多,所以底部都会出现在浏览器上面的,但是这样的效果是不是有点难看呢?你们肯定会想,当页面内容少的时候,底部内容处于浏览器底部;当页面内容多的时候,底部内容跟随着页面内容。接下来就看看实现吧!

css

vue.js表单验证插件vue-validator使用

刚开始接触vue.js的时候,那可是一点头绪都没有,就只会简单的渲染列表的,其他啥插件啊,都没有看过,也没有想过会用,因为我还不怎么习惯不操作Dom的情况下来实现功能,后来,写多了,也就慢慢的对vue有了不一样的感觉,觉得不操作Dom也是蛮不错的,而且效果也很好,也基本可以满足正常的需求,后来就花了一天去看了看vue-validator这个表单验证插件,写了一个demo,下面和各码友分享一下。

css3制作热点小图标

css

我们经常会看到电商平台的导航栏会有一些跳动的小图标,这些都是为了吸引买家的注意力的,文本内容也很少,一般都是New/Hot,这么一个简单的小图标,如果用gif图片的话,就显得不够专业了,而且,还得麻烦设计的伙伴帮忙设计呢?下面就来看看用代码实现跳动的小图标吧!