前端

还记得小学数学课上的“质因数分解”吗？这个看似基础的概念，实际上是现代数论的基石。在草稿纸上进行 质因数分解 大家应该都会，那怎么通过代码来实现呢？它又能解决什么问题？

看腻了千篇一律的常规输入框，是时候给输入框加点趣味性了，今天我们来实现一个会和用户互动的柯基输入框：鼠标移动时柯基会扭头盯着你看，点击页面会眨眼，输入文字时还会弹动身体、弹出气泡反馈。

平时进行页面开发的时候，你们都是怎么判断元素是否对齐的？之前我都是使用截图工具利用截图的边缘来判断两个元素在水平和垂直方向上是否对齐，但是这样操作久了总觉得有些繁琐…………

最近遇到了这样一个场景，需要将很多的txt文件转成pdf文件，一个一个手动转换不仅累、效率还不高，于是便写了这么一个插件来解放自己，可以一键批量进行自动转换～

还记得之前好像在哪个网站看到过类似这样的一个动画效果，当时就感觉挺炫酷的。动画效果是这样的：页面上有很多粒子漂浮自由移动，靠近的粒子会连线形成星系，鼠标靠近粒子的时候会有一个排斥效果……

这种碎片化的图片过渡效果大家应该都见过吧，不过主要还是在视频剪辑效果中比较多见，今天我们一起来看看怎么在前端页面中实现一下这个图片碎片化的过渡效果，并用这个过渡动画做一个轮播图。

轮播图大家应该都不陌生了吧，常规的轮播图看多了难免会失去新鲜感，今天我们就一起来实现一个不一样的轮播图效果。

最近在在网上看到了一个有趣的PPT轮播效果，左边是一个转盘，通过转盘转动来切换轮播页面，今天我们在html中来实现一个类似的效果

说起浏览器书签，大家下意识都只会想到可以用来收藏的网址吧？那你知不知道浏览器书签还可以用来制作一些很实用的小工具。有些小功能通过浏览器插件来实现的话有点“杀鸡用牛刀”，这时候我们就可以用浏览器书签

今 天 来 实 现 一 个 可 翻 页 的 笔 记 本 📖 📚 ~ ~

沙漏大家都见过吧，使用js的话相信大家都能很轻易地实现一个沙漏动画吧，今天我们纯css来实现一个试试。

今天来实现一个水球进度加载动画效果，整体是一个球形容器，球顶不断有水滴滴落，随着水滴滴落，底部水位不断上升，水面上涨的同时伴随着波动的动画。

今天来实现一个有趣的按钮效果，鼠标悬停在按钮上的时候会有水纹跟随，点击的时候会有一个水纹扩散的效果。当然，这样的动画效果你也可以添加到整个页面或者其他具体的元素上，实现的逻辑都是一样的。

今天来实现一个有意思的按钮效果，可以感知用户鼠标的方向，根据用户鼠标进入和离开的方向动态调整动画过渡效果。

今天我们纯用css来实现一个炫酷的边框流光动画效果，这种动画应该还是比较常见的，但我看不少人都是使用svg来实现的。

轮播图大家应该都不陌生了吧，平面轮播图我们写多了，今天来实现一个不一样的轮播图，前端三件套实现一个3D轮播图。

这种轮盘式可收起的按钮大家应该都见过的吧，对于一些平时使用频率不高的按钮组，我们就可以用这种轮盘按钮来处理，平时收缩起来只展示一个主按钮，点击主按钮之后才会将子按钮围绕主按钮显示出来

HTTP缓存 是浏览器或代理服务器对之前请求过的资源进行存储，当再次请求相同资源时，可以直接从本地缓存中获取，避免重复向服务器发起请求的机制，可显著减少网络传输量、降低服务器负载、提升用户体验。

作为一名开发，相信大家对于浏览器控制台都是不陌生的，平时页面一出问题第一反应总是先打开控制台看看报错信息，而且还可以在控制台里插入自己的脚本信息来修改页面逻辑，那么你有没有想过 怎么限制用户打开控制台

网页中文本逐字打印这个效果大家应该都不陌生吧，很多个人博客首页都喜欢用这个效果来做一个欢迎语或自我介绍，今天我们一起来看看这个效果是怎么实现的