WEB工具基于 canvas 一款非常酷炫的动态气泡背景实现方法 canvas 是 HTML5 新增的标签,利用它我们可以轻松实现图形的绘制。canvas 元素本身并没有绘制能力,它只是一个图形的容器,必须使用脚本(通常是 JavaScript)配合来完成绘图任务。... 05月22日 229 评论 阅读全文
WEB工具基于 sketch.js 实现非常酷炫的鼠标点击特效 JavaScript 是浏览器端脚本语言,有许多非常实用的第三方 JS 类库,我们可以借助它来实现各种各样的特效,今天为大家分享一下基于 sketch.js 实现鼠标点击特效的方法。 实现方法 实现的... 01月14日 401 1 阅读全文
WEB工具网站夜间模式的实现思路与详细教程分享 网站夜间模式是怎样实现的? 整体思路 夜间模式开关按钮:用来手动切换夜间模式的,会存储cookie。 自动夜间模式:当cookie为空时,浏览器时间大于22点小于6点时会自动进入夜间模式,并存储coo... 01月13日 495 评论 阅读全文
WEB工具几个好用的图片在线压缩工具推荐,支持多种图片格式 图片压缩是站长们经常会使用的功能,图片压缩不仅能加快网页的加载速度,还能节约网络带宽,尤其是那些含有大量图片的网站,图片压缩就显得尤为重要。今天为大家推荐几个好用的图片在线压缩网站。 TinyPNG ... 01月07日 269 评论 阅读全文
WEB工具pace.js 网页自动加载进度条 JavaScript 插件 我们在浏览网页的时候,经常会看到网站顶部有一个好看的加载进度条,我们可能会好奇它是怎样实现的。页面的加载进度百分比,有时候获取是比较麻烦的,当然也可以利用一些优秀的JavaScript插件来实现,今天... 11月28日 415 评论 阅读全文
WEB工具Vue.js 开发环境搭建及实例运行简明教程 Vue和jQuery一样,是一个前端框架,如果你要问在过去的一年里,前端技术框架什么最火,那无疑就是前端三巨头:React、Angular和Vue。今天,我们就一起来简单了解一下什么是Vue,以及它的... 09月14日 539 评论 阅读全文
WEB工具使用 Prism.js 实现代码语法高亮 之前给大家推荐过两款代码高亮库,分别是 code-prettify 和 Crayon Syntax Highlighter,今天给大家推荐的是另一个代码高亮库Prism.js。 一、介绍 Prism... 06月02日 704 评论 阅读全文
WEB工具使用 UnCSS 删除多余的 CSS 代码 UnCSS是一种从样式表中删除未使用的CSS代码的工具。它适用于多个文件,并支持Javascript注入的CSS。UnCSS 是基于 nodejs 的一个插件,所以使用的时候需要先安装nodejs。... 05月31日 472 评论 阅读全文
WEB工具抽屉式导航的实现方式 抽屉式侧滑导航是我们常见的一种导航设计,在网页中,尤其是在移动终端设备上,那么,如何通过代码制作出一款非常漂亮的抽屉式侧滑导航菜单呢?本文将介绍三种实现抽屉式导航的方法: 分别是使用 Material... 05月30日 1,084 评论 阅读全文
WEB工具在网页中显示数学公式 在一些理科性质的网站上, 往往会涉及数学公式的输入和显示,在Word中,我们可以利用 MathType 公式编辑器很容易地去编写数学公式,然而,这在 Web 中却一直是一个难题。随着互联网的普及,使... 05月22日 643 评论 阅读全文