如何让高度不确定的div中文字水平垂直居中 2022年07月21日3年前 WEB前端 夜雨轻寒 843℃ 平时我们前端布局的时候,经常遇到需要文字垂直居中但是高度不确定的情况,那么在不知道自己高度和父容器高度的情况下, 利用绝对定位只需要三行。
uni-app微信小程序封装全局判断是否登录方法结合全局变量 2022年07月09日3年前 WEB前端 夜雨轻寒 1056℃ 新建的uni-app项目会有个app.vue文件,在此文件下 onLaunch应用生命周期封装一个方法(把全局变量定义一下):注意:onLaunch应用生命周期只会触发一次...
HTML中的<meta/>标签居然能搞动画? 2022年05月31日3年前 WEB前端 夜雨轻寒 1035℃ 对于一名前端工程师来说,meta标签是再熟悉不过了。初学前端时,写的最多的就是下面的这句了:<metacharset="UTF-8"/>但是大多数前端er对meta的认识基本上就止步于此了,不要小看它,小标签却能实现大功能。这篇文章就来带着大家一起重新认识下常常被我们...
jQuery List DragSort 列表拖动排列插件 2022年04月27日3年前 WEB前端 夜雨轻寒 1414℃ 对于有些页面,如首页的定制,需要进行动态的拖拽排序。由于自己实现比较困难,我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面上的素动态地推拽,进行排序。dragsort是一个jquery插件,我们使用起来非常方便。
jq判断是PC还是手机端的方法 2022年03月30日3年前 WEB前端 夜雨轻寒 964℃ 这篇文章主要介绍了JS判断页面是手机端还是在PC端打开的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的小伙伴们来一起学习学习吧。
怎么禁止别人复制前端页面的图片和文字? 2022年03月18日3年前 WEB前端 夜雨轻寒 1027℃ 这个一般是很难防止的,下面的方法仿君子不防小人,小伙伴们可以参考一下以下代码放到页面共用底部或者需要禁止的页面中就可以<scripttype="text/javascript">//禁止鼠标右键事件$(function(){...
Ajax无刷新点击加载和滑动加载列表内容 2022年02月17日3年前 WEB前端 夜雨轻寒 1141℃ Ajax无刷新加载内容,看起来高大上一点,但是对SEO是不太友好的,所以在使用的时候应该有个取舍。实现步骤一、点击更多按钮加载内容1、首先,添加一个按钮用来触发事件。<button class="more" type="submit">加载更多&l...
使用 scrollTop 判断是否下滑到底 出错原因(scrollTop 获取到的数据是小数) 2022年02月14日3年前 WEB前端 夜雨轻寒 1053℃ 近日有一个寻求需要判断是否已经下滑到底代码如下:is_next_flag=1;varinner_scroll=document.getElementsByClassName("ReactVirtualized__Grid_1zmk")[0];varele=document.get...
响应式前端界面图片大小不一导致的页面错位的解决方法 2021年12月16日3年前 WEB前端 夜雨轻寒 1523℃ 网站在制作CSS3响应式设计,图片列表不固定高度,列式布局的时候,可能会出现上一个高度过高,图片大小不一导致的页面错位的解决方法。如下图的样式:样式分析与解决方法:由于是响应式布局,不能用css固定图片的宽高,从代码上看,这里每个图文用的是li,而且每4个li是一排,我们只需要对第1个li 第5个l...
好看的纯css页面加载loading动画 2021年11月01日4年前 WEB前端 夜雨轻寒 1255℃ 话不多说,直接上代码,需要配合js才能实现在每次打开页面加载完成前显示加载动画,页面加载完成后动画自动隐藏html部分:<divclass="layuimini-loader"style="display:none;"><divclass=&...
好看的纯css页面加载loading动画 2021年11月01日4年前 WEB前端 夜雨轻寒 1371℃ 话不多说,直接上代码,需要配合js才能实现在每次打开页面加载完成前显示加载动画,页面加载完成后动画自动隐藏html部分:<divclass="loading"><divclass="loadcm"><i></i>...