怎么禁止别人复制前端页面的图片和文字？ 2022年03月18日2年前 WEB前端 夜雨轻寒 797℃ 这个一般是很难防止的，下面的方法仿君子不防小人，小伙伴们可以参考一下以下代码放到页面共用底部或者需要禁止的页面中就可以<scripttype="text/javascript">//禁止鼠标右键事件$(function(){...
Ajax无刷新点击加载和滑动加载列表内容 2022年02月17日2年前 WEB前端 夜雨轻寒 916℃ Ajax无刷新加载内容，看起来高大上一点，但是对SEO是不太友好的，所以在使用的时候应该有个取舍。实现步骤一、点击更多按钮加载内容1、首先，添加一个按钮用来触发事件。<button class="more" type="submit">加载更多&l...
使用 scrollTop 判断是否下滑到底 出错原因（scrollTop 获取到的数据是小数） 2022年02月14日2年前 WEB前端 夜雨轻寒 799℃ 近日有一个寻求需要判断是否已经下滑到底代码如下：is_next_flag=1;varinner_scroll=document.getElementsByClassName("ReactVirtualized__Grid_1zmk")[0];varele=document.get...
响应式前端界面图片大小不一导致的页面错位的解决方法 2021年12月16日3年前 WEB前端 夜雨轻寒 1179℃ 网站在制作CSS3响应式设计，图片列表不固定高度，列式布局的时候，可能会出现上一个高度过高，图片大小不一导致的页面错位的解决方法。如下图的样式：样式分析与解决方法：由于是响应式布局，不能用css固定图片的宽高，从代码上看，这里每个图文用的是li，而且每4个li是一排，我们只需要对第1个li 第5个l...
好看的纯css页面加载loading动画 2021年11月01日3年前 WEB前端 夜雨轻寒 978℃ 话不多说，直接上代码，需要配合js才能实现在每次打开页面加载完成前显示加载动画，页面加载完成后动画自动隐藏html部分：<divclass="layuimini-loader"style="display:none;"><divclass=&...
好看的纯css页面加载loading动画 2021年11月01日3年前 WEB前端 夜雨轻寒 1084℃ 话不多说，直接上代码，需要配合js才能实现在每次打开页面加载完成前显示加载动画，页面加载完成后动画自动隐藏html部分：<divclass="loading"><divclass="loadcm"><i></i>...
微信浏览器返回上一页停留在原位置保留Ajax已加载数据 2021年10月29日3年前 WEB前端 夜雨轻寒 930℃ 今天遇到一个坑，具体情况如下：微信浏览器中访问列表页面，点击其中详细页然后返回上一页，然后发现页面是直接刷新了，并没有停留在列表页面原来的位置。而且列表页面数据又是通过ajax加载获取更多的效果，这就造成了当我返回列表页面时后面加载出来的数据没有了，又要重新点击加载，滑啊滑~~~~~~~~~~...
前端页面img标签图片不存在或加载失败显示一张自定义图片 2021年10月21日3年前 WEB前端 夜雨轻寒 1072℃ 在项目中，我们使用img标签加载图片，有时候图片地址有可能失效，获取路径问题，导致图片加载失败，img标签就会显示alt内容。这时候用户体验不是很好，所以就需要显示一张默认图片。
如何利用@media screen实现网页布局的自适应，即响应式布局 2021年10月21日3年前 WEB前端 夜雨轻寒 678℃ 利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值。
如何让p标签里文字不换行，以省略号结束 2020年08月15日4年前 WEB前端 夜雨轻寒 909℃ 有时候我们只需要页面显示一行内容，又不想改后端程序，又不想用JS截取，那么有什么简单的办法让p标签里文字不换行，以省略号结束呢？...
如何让iframe,object,embed标签完美自适应视频宽度高度？ 2018年12月23日6年前 WEB前端 夜雨轻寒 2120℃ 有时网站后台发布转载文章，而文章中带有视频，这个视频通常是采用iframe方式嵌入的，而iframe在富文本编辑器中没做处理的情况下，要么视频太小，要么视频超出屏幕，这样自然是观感不太好。那么什么比较简单快捷的方法，让iframe嵌入的视频宽度和高度自动适应当前页面宽度高度的方法呢？...
