记录一个最近用的TOO频繁的网站侧面客服组件 2025年03月03日3星期前 WEB前端 夜雨轻寒 149℃ 最近做的几个单全都图方便用了如图侧面客客服组件，留个笔记方便自己以后有再用到的时候→_→效果如下：HTML代码如下：<divclass="ab_view"><div><aclass="kefu-lx"></a>&...
layui之laydate日期与时间选择器实现日月周季度年选择 2025年02月22日1个月前 WEB前端 夜雨轻寒 593℃ layui的laydate日期与时间选择器本身不带周选择和季度选择，最近因项目需求，需要用到周选择和季度选择，于是度娘查询了一下实测可用并存档记录备用。
div嵌套引起的margin-top不起作用的BUG问题 2024年12月30日2个月前 WEB前端 夜雨轻寒 184℃ 通常大家在制作网页的过程中会遇到很多棘手的问题，比如我在写一个页面的时候，遇到了div嵌套引起的margin-top不起作用，对内部的div设置margin-top时，内部对于外部的div并没有产生一个margin值，而是外部的div相对于上面的div产生了一个margin值，为什么会出现这种情况？...
layuiAdmin侧边栏菜单刷新保持当前页面 2023年12月14日1年前 WEB前端 夜雨轻寒 296℃ layuiadmin后台管理框架iframe版，每次刷新整个页面，都会回到首页，这样的体验感非常不好现在想要实现点击侧边栏菜单后，刷新保持当前页面，可以利用缓存来处理，供自己参考如下：<script>layui.config({base:'__ROOT__/homeS...
移动端web头部header通用写法 2023年09月02日1年前 WEB前端 夜雨轻寒 360℃ 1.head部分 通用写法；网上也有，不过有的可有有的可无；原理是兼容IOS透明栏目等问题，再者就是viewport（关键）<head><metacharset="UTF-8"><!--优先使用IE最新版本和Chrome--><metah...
一行CSS代码实现整个网站网页变黑白灰的效果 2022年12月01日2年前 WEB前端 夜雨轻寒 512℃ 背景在全国哀悼日（吊念地震、疫情等），如果你也是站长，想做点什么，那么可以把网站编程黑白以示哀悼。下面分享一行代码实现整个网站网页编程黑白灰色的效果，主要是通过修改 CSS 的方式实现的（如果想要全站去彩色、最好放到基础公共的css文件中全局引用）实现网站黑白灰效果的代码以下代码其实合并在一行就可以...
jQuery实现显示页面滚动进度功能 2022年11月18日2年前 WEB前端 夜雨轻寒 450℃ 随意写了一个jQuery小工具，DEMO在这页上就有啦~首先是显示在顶部的进度条，使用以下的CSS：.scroll-line{height:2px;margin-top:-1em;background:gray;width:0%;}以及以下的JS：$(window).scroll(function(...
CSS - 鼠标移入悬停显示下拉菜单（导航栏鼠标经过 hover 时出现二级菜单） 2022年11月17日2年前 WEB前端 夜雨轻寒 852℃ 前言该效果很常见，网上的代码都非常的乱，样式改起来非常难受。本文提供 “最简洁” 的解决方案与干净整洁的代码，一眼看过去就知道改哪里，配合 Vue.js 项目非常合适，如下图所示：完整源码您建立一个干净的 *.html 文件，或者直接选择性复制即可。<sectionclass="co...
网站添加本站已稳定运行XX天的统计代码 2022年09月22日2年前 WEB前端 夜雨轻寒 628℃ 看到很多站长，都喜欢在自己网站的底部加入“本站已稳定运行多少天”的小功能 下面用js把功能复现一遍JavaScriptfunctionshowsectime(){varbirthDay=NewDate("2019-05-13");//这里修改站点开启日期&n...
鼠标点击页面出现富强自由等文字JS特效 2022年08月28日2年前 WEB前端 夜雨轻寒 650℃ 今天在其他博客看到一个JS特效，感觉有点意思，所有就网上收集过来分享给小伙伴。特效具体的效果可以参考本博客，只要添加了点击特效代码，点击页面会显示：富强, 民主, 文明, 和谐, 自由, 平等,公正 ,法治, 爱国, 敬业, 诚信, 友善把以下代码添加到当前主题的footer底部公共文件中即可注意：...
如何让高度不确定的div中文字水平垂直居中 2022年07月21日2年前 WEB前端 夜雨轻寒 696℃ 平时我们前端布局的时候，经常遇到需要文字垂直居中但是高度不确定的情况，那么在不知道自己高度和父容器高度的情况下, 利用绝对定位只需要三行。
uni-app微信小程序封装全局判断是否登录方法结合全局变量 2022年07月09日2年前 WEB前端 夜雨轻寒 846℃ 新建的uni-app项目会有个app.vue文件，在此文件下 onLaunch应用生命周期封装一个方法(把全局变量定义一下):注意：onLaunch应用生命周期只会触发一次...
