我们可以使用纯CSS显示页面滚动百分比进度，传统实现是在body标签上做文章，但有致命缺陷，后来我借助混合模式实现了一种新方法，此方法可以规避传统实现的不足，使纯CSS滚动指示器效果在实际项目中应用成为了可能。

秉承着会就分享，不会就折腾的技术宗旨。自己利用周末的时间将休闲小游戏-五子棋重新梳理了一下，整理成一个小的教程，分享出来给大家指点指点。 正式比赛的规则，可以戳百度百科了解下哈--五子棋。 这里实现的五子棋小游戏是使用javascript语言进行编写的，使用到了es6语法，面向…

简单的说，元素只要用了linear-gradient，它等同于一张图片。 所以它只能用在图片可以用的地方。如：background、background-image。 不要把它当作颜色用在color等样式中。 简单起见，只讲一种最通用的使用方式。 angle描述渐变的方向，单位…

本文介绍如何用eclipse一步一步搭建SpringMVC的最小系统，所谓最小系统，就是足以使项目在SpringMVC框架下成功跑起来，并且能够做一些简单的事情（比如访问页面）的系统。

本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 没错，就是这么任性，每个动图就一个标签，而且无图无JS！下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…

最近看到一些人在问单页面和多页面应用的区别。因为最近在整理 Vue 相关的内容，所以也就输出这一篇短文希望可以给你一个整体的认识。 这里也会大体介绍单页应用实现的核心 —— 前端路由。 hash 模式背后的原理是 onhashchange 事件。 由于 hash 发生变化的 u…

最近部门在对以往的代码做一些优化，我在代码中看到一连串的 if(){}else if(){} 的逻辑判断。这明显是有优化空间的。 我们在项目中使用的很可能会有多层的嵌套，不像我的例子只有一层。不过其优化的思想是大致相同的。由于 returnWeekday() 方法异常之简单，所…

在家屁颠屁颠的拿起了《在你身边 为你设计》这本书看了一下午，看到移动端调试这里，略有感受，于是提取了下内容。 在这个5g到来的时代，移动互联网继续横行，前端的开发工作和移动端更加紧密了，但是移动端调试着实让人尴尬。化解尴尬的方法介绍下下面这几种，有补充的欢迎留言👏 作为一个前…

我们都知道对于网站来说，性能至关重要，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。因此，与其相关的性能优化是不容忽视的。 对于性能优化我们常常在项目完成时才去考虑，经常被推迟到项目的末期，甚至到暴露出严重的性能问题时才进行性能优化，相信大多数人对此深…