javascript
永远的WEB小白
这个作者很懒,什么都没留下…
展开
-
图片懒加载(三种方式)
其实上面两种方式已经大致实现懒加载,但是,它们都有一个缺点,就是一当发生滚动事件时,就发生了大量的循环和判断操作判断图片是否可视区里。这里就引入了一个叫 Intersection Observer 观察器接口,它是是浏览器原生提供的构造函数,使用它能省到大量的循环和判断。这个构造函数的作用是它能够观察可视窗口与目标元素产生的交叉区域。简单来说就是当用它观察我们的图片时,当图片出现或者消失在可视窗口,它都能知道并且会执行一个特殊的回调函数,我们就利用这个回调函数实现我们的操作。原创 2023-05-16 11:20:55 · 1530 阅读 · 0 评论 -
jQuery操作兄弟元素
【代码】jQuery操作兄弟元素。原创 2023-05-09 10:01:41 · 643 阅读 · 0 评论 -
JS复制内容自动添加版权信息
【代码】JS复制内容自动添加版权信息。原创 2023-04-26 13:38:22 · 231 阅读 · 0 评论 -
vscode 终端无法执行cnpm命令的解决办法
然后:set-executionpolicy remotesigned。右击Windows PowerShell 以管理员身份运行。2. 打开Windows PowerShell 之后。按win键搜索Windows PowerShell。vscode 终端无法执行cnpm命令的解决办法。输入命令:get-executionpolicy。然后命令:get-executionpolicy。cnpm不是内部或外部命令,也不是可运行的程序。vscode 就可以使用cnpm 了。原创 2023-02-08 15:44:16 · 1295 阅读 · 0 评论 -
JS获取JSON数据,JS JSON数据处理。
以上方式获取到的数据都是 JSON 格式的数据,无需转换,即可使用。使用 getJSON 方式获取。1、Ajax获取json数据。js获取json数据的方法。原创 2023-02-01 15:02:28 · 1040 阅读 · 0 评论 -
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径 正确,然后再试一次。
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径 正确,然后再试一次。解决方法方法一:以管理员身份运行方法二:查看npm环境变量配置。原创 2023-01-30 15:20:49 · 19562 阅读 · 2 评论 -
外部函数获取ajax返回的数据
【代码】外部函数获取ajax返回的数据。原创 2023-01-17 14:10:14 · 290 阅读 · 0 评论 -
vue生态技术总结
vue生态技术总结原创 2022-11-24 15:00:00 · 126 阅读 · 0 评论 -
ECMAScript_JavaScript_TypeScript的区别与关系
可以简单理解为ECMAScript是javascript语法,typescript是javascript 的超集,typescript = type+javascript。原创 2022-08-10 09:26:51 · 721 阅读 · 0 评论 -
当前图片图片地址为空,或者当前图片地址错误时,隐藏该图片
当前图片图片地址为空,或者当前图片地址错误时,隐藏该图片<img onerror=this.style.display="none" src="" />原创 2021-10-19 13:24:30 · 507 阅读 · 1 评论 -
jquery判断图片不存在,动态添加图片地址
判断列表中的图片是否存在,或者能否正常加载出来,如果不能,获取该图片所在列表的位置,动态添加图片<script>$(document).ready(function () { $(".news_item-img img").error(function () { var xiabiao=$(this).parent().parent('.news_item').index(); console.log(xiabiao); var x = 8; var y原创 2021-08-27 11:20:48 · 493 阅读 · 0 评论 -
js(jqurey)点击一个按钮元素,复制另一个元素中的文本到剪贴板
本文主要介绍了js实现点击元素复制另一个元素的文本到剪贴板功能,只需要引入jquery既可,不需要引入网上所说的Zero Clipboard.js库制之类的,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 最近遇到过这样一个需求,在做手机网站时需要点击一个按钮把网站中的一个电话号码或微信号复制到剪贴板,相信这个功能很常用,但是对于不常写JS代码的我来说是一个比较大的挑战,网上搜了很多方法,大都需要引入jQuery ZeroClipboard js库它利用 Flash 进行复制,需要两个文件:Ze...原创 2021-06-29 15:57:24 · 386 阅读 · 0 评论 -
js(javascript)判断图片是否存在,如果不存在,显示默认图片
js(javascript)判断图片是否存在,如果不存在,显示默认图片<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js " ></script> <img class="top-img" src="" alt="" /><script type="text/javascript"> var img1 = $(".top-img").attr("src");原创 2021-04-06 08:28:42 · 575 阅读 · 0 评论 -
js获取要定位元素距离浏览器顶部的距离
<script type="text/javascript"> $(function(){ //获取要定位元素距离浏览器顶部的距离 var navH = $("#new_left").offset().top; var y = $("#new_left").height(); console.log(y); //滚动条事件 $(window).scroll(function(){ //获取滚动条的滑动距离 var scroH = $.原创 2021-04-02 10:38:10 · 2420 阅读 · 0 评论 -
js(javascript)判断某一元素是否存在,如果存在就把该元素隐藏
js(javascript)判断某一元素是否存在,如果存在就把该元素隐藏<script type="text/javascript">var interval = setInterval(function(){ var gk = $('#newBridge'); if(gk.length>0){ gk.hide(); console.log('隐'); clearInterval(interva...原创 2021-04-02 10:37:40 · 615 阅读 · 0 评论 -
js/jquery设置点击返回顶部按钮,滚动到顶部
js/jquery设置点击返回顶部按钮,滚动到顶部 <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> function goTop(){ $('html,body').animate({'scrollTop':0},800); //滚回顶部的时间,越小滚的速度越快~ } </s.原创 2021-04-02 10:36:57 · 124 阅读 · 0 评论 -
网站图片丢失或者获取失败时显示默认图片,或者默认多张图片随机显示
当我们的网站时间久了难免会出现图片丢失或者误删,这样文章的图片就无法显示了,会让页面变的很难看。那么当网站图片丢失或者获取失败时如何显示我们设置的默认图片呢,或者默认多张图片随机显示呢。方法一:当图片调用失败后,会用图片后面设置的默认图片顶上<img src="pic/logo2009Blu.gif" onerror="this.src='/pic/default.gif'"> 方法二:使用js方法当文章中的图片出错时就显示代码中设置的默认图片<script src="原创 2021-01-25 11:09:41 · 429 阅读 · 1 评论 -
js设置商务通当前页面弹出客服窗口
<script type="text/javascript">function openwindow(url,name,iWidth,iHeight) //window.open新建居中窗口 { // url 转向网页的地址 // name 网页名称,可为空 // iWidth 弹出窗口的宽度 // iHeight 弹出窗口的高度 //window.screen.height获得屏幕的高,window.screen.width获得屏幕的.原创 2020-12-22 15:19:46 · 740 阅读 · 0 评论