HTML中的＜meta/＞标签居然能搞动画？ 2022年05月31日2年前 WEB前端 夜雨轻寒 863℃ 对于一名前端工程师来说，meta标签是再熟悉不过了。初学前端时，写的最多的就是下面的这句了：<metacharset="UTF-8"/>但是大多数前端er对meta的认识基本上就止步于此了，不要小看它，小标签却能实现大功能。这篇文章就来带着大家一起重新认识下常常被我们...
jQuery List DragSort 列表拖动排列插件 2022年04月27日2年前 WEB前端 夜雨轻寒 1171℃ 对于有些页面，如首页的定制，需要进行动态的拖拽排序。由于自己实现比较困难，我们一般会使用一些js插件来实现。dragsort 就是帮助我们完成这一需求。通过dragsort我们可以很方便地对html页面上的素动态地推拽，进行排序。dragsort是一个jquery插件，我们使用起来非常方便。
jq判断是PC还是手机端的方法 2022年03月30日3年前 WEB前端 夜雨轻寒 785℃ 这篇文章主要介绍了JS判断页面是手机端还是在PC端打开的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的小伙伴们来一起学习学习吧。
怎么禁止别人复制前端页面的图片和文字？ 2022年03月18日3年前 WEB前端 夜雨轻寒 888℃ 这个一般是很难防止的，下面的方法仿君子不防小人，小伙伴们可以参考一下以下代码放到页面共用底部或者需要禁止的页面中就可以<scripttype="text/javascript">//禁止鼠标右键事件$(function(){...
Ajax无刷新点击加载和滑动加载列表内容 2022年02月17日3年前 WEB前端 夜雨轻寒 1001℃ Ajax无刷新加载内容，看起来高大上一点，但是对SEO是不太友好的，所以在使用的时候应该有个取舍。实现步骤一、点击更多按钮加载内容1、首先，添加一个按钮用来触发事件。<button class="more" type="submit">加载更多&l...
使用 scrollTop 判断是否下滑到底 出错原因（scrollTop 获取到的数据是小数） 2022年02月14日3年前 WEB前端 夜雨轻寒 887℃ 近日有一个寻求需要判断是否已经下滑到底代码如下：is_next_flag=1;varinner_scroll=document.getElementsByClassName("ReactVirtualized__Grid_1zmk")[0];varele=document.get...
响应式前端界面图片大小不一导致的页面错位的解决方法 2021年12月16日3年前 WEB前端 夜雨轻寒 1283℃ 网站在制作CSS3响应式设计，图片列表不固定高度，列式布局的时候，可能会出现上一个高度过高，图片大小不一导致的页面错位的解决方法。如下图的样式：样式分析与解决方法：由于是响应式布局，不能用css固定图片的宽高，从代码上看，这里每个图文用的是li，而且每4个li是一排，我们只需要对第1个li 第5个l...
好看的纯css页面加载loading动画 2021年11月01日3年前 WEB前端 夜雨轻寒 1062℃ 话不多说，直接上代码，需要配合js才能实现在每次打开页面加载完成前显示加载动画，页面加载完成后动画自动隐藏html部分：<divclass="layuimini-loader"style="display:none;"><divclass=&...
好看的纯css页面加载loading动画 2021年11月01日3年前 WEB前端 夜雨轻寒 1174℃ 话不多说，直接上代码，需要配合js才能实现在每次打开页面加载完成前显示加载动画，页面加载完成后动画自动隐藏html部分：<divclass="loading"><divclass="loadcm"><i></i>...
微信浏览器返回上一页停留在原位置保留Ajax已加载数据 2021年10月29日3年前 WEB前端 夜雨轻寒 1039℃ 今天遇到一个坑，具体情况如下：微信浏览器中访问列表页面，点击其中详细页然后返回上一页，然后发现页面是直接刷新了，并没有停留在列表页面原来的位置。而且列表页面数据又是通过ajax加载获取更多的效果，这就造成了当我返回列表页面时后面加载出来的数据没有了，又要重新点击加载，滑啊滑~~~~~~~~~~...
前端页面img标签图片不存在或加载失败显示一张自定义图片 2021年10月21日3年前 WEB前端 夜雨轻寒 1179℃ 在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。
