刘小白技术博客

背景在全国哀悼日（吊念地震、疫情等），如果你也是站长，想做点什么，那么可以把网站编程黑白以示哀悼。下面分享一行代码实现整个网站网页编程黑白灰色的效果，主要是通过修改 CSS 的方式实现的（如果想要全站去彩色、最好放到基础公共的css文件中全局引用）实现网站黑白灰效果的代码以下代码其实合并在一行就可以，所以...

随意写了一个jQuery小工具，DEMO在这页上就有啦~首先是显示在顶部的进度条，使用以下的CSS：.scroll-line{height:2px;margin-top:-1em;background:gray;width:0%;}以及以下的JS：$(window).scroll(function(){varwintop=

前言该效果很常见，网上的代码都非常的乱，样式改起来非常难受。本文提供 “最简洁” 的解决方案与干净整洁的代码，一眼看过去就知道改哪里，配合 Vue.js 项目非常合适，如下图所示：完整源码您建立一个干净的 *.html 文件，或者直接选择性复制即可。<sectionclass="content">&nb

看到很多站长，都喜欢在自己网站的底部加入“本站已稳定运行多少天”的小功能 下面用js把功能复现一遍JavaScriptfunctionshowsectime(){varbirthDay=NewDate("2019-05-13");//这里修改站点开启日期&n

今天在其他博客看到一个JS特效，感觉有点意思，所有就网上收集过来分享给小伙伴。特效具体的效果可以参考本博客，只要添加了点击特效代码，点击页面会显示：富强, 民主, 文明, 和谐, 自由, 平等,公正 ,法治, 爱国, 敬业, 诚信, 友善把以下代码添加到当前主题的footer底部公共文件中即可注意：此代码引用到了jquery，如果没...

平时我们前端布局的时候，经常遇到需要文字垂直居中但是高度不确定的情况，那么在不知道自己高度和父容器高度的情况下, 利用绝对定位只需要三行。

新建的uni-app项目会有个app.vue文件，在此文件下 onLaunch应用生命周期封装一个方法(把全局变量定义一下):注意：onLaunch应用生命周期只会触发一次

对于一名前端工程师来说，meta标签是再熟悉不过了。初学前端时，写的最多的就是下面的这句了：<metacharset="UTF-8"/>但是大多数前端er对meta的认识基本上就止步于此了，不要小看它，小标签却能实现大功能。这篇文章就来带着大家一起重新认识下常常被我们忽略的 meta 标签吧什么是 metameta 是

对于有些页面，如首页的定制，需要进行动态的拖拽排序。由于自己实现比较困难，我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面上的素动态地推拽，进行排序。dragsort是一个jquery插件，我们使用起来非常方便。

这篇文章主要介绍了JS判断页面是手机端还是在PC端打开的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的小伙伴们来一起学习学习吧。

这个一般是很难防止的，下面的方法仿君子不防小人，小伙伴们可以参考一下以下代码放到页面共用底部或者需要禁止的页面中就可以<scripttype="text/javascript">//禁止鼠标右键事件$(function(){

Ajax无刷新加载内容，看起来高大上一点，但是对SEO是不太友好的，所以在使用的时候应该有个取舍。实现步骤一、点击更多按钮加载内容1、首先，添加一个按钮用来触发事件。<button class="more" type="submit">加载更多</button>2、js代码部分，先引入jQuery<script type="text/ja...