智享笔记 JavaScript
-
前端如何实现图片懒加载
1 图片懒加载简介等图片正式进入到可视区中时，才加载对应的图片，否则不请求图片。2 图片懒加载原理图片的加载是由src引起的，当对src赋值时，浏览器就会请求图片资源。根据这个原理，我们使用HTML5 的data-xxx属性来储存图片的路径，在需要加载图片的时候，将data-xxx中图片的路径赋值给src，这样就实现了图片的按需加载，即懒加载。注意：1) data-xxx 中的xxx可以自定义，这里我们使用data-src来定义;2) 懒加载的实现重点在于确定用户需要加载哪张图片，在浏览器中，可视区域内的资源就是用户需要的资源。所以当图片出现在可视区域时，获取图片的真实地址并赋值给图片即可例子
-
页面加载完毕插入广告位
页面加载完毕插入广告位<script> document.addEventListener('DOMContentLoaded', function () { var targetElement = document.querySelector('#post-1321 > div.entry-content.clearfix > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-84a3b11.elementor-section-box
-
JavaScript对象转JSON的方法
1 方法一：JSON.stringify()JSON.stringify()方法可以将JavaScript对象转换为JSON格式的字符串。例如： let obj = {name: '张三', age: 18};let jsonStr = JSON.stringify(obj);这样就将一个JavaScript对象转换为了JSON格式的字符串。2 方法二：手写转换方法在某些情况下，我们可能需要手动将JavaScript对象转换为JSON格式的字符串。这时我们可以使用字符串拼接的方法。例如：let obj = {name: '张三', age: 18};let jsonStr = '{'
-
禁止网页被复制
document.oncontextmenu=new Function("event.returnValue=false;");document.onselectstart=new Function("event.returnValue=false;");document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.keyCode = 0; event.returnValue = false; return false; }}
-
百度地图基本用法
1 首先，编写页面结构<div class="contact-map" id="map"></div>2 接着，创建百度地图的样式文件SearchInfoWindow_min.css，并在需要用到百度地图的网页中引入该文件，文件的内容如下：(复制粘贴即可).BMapLib_SearchInfoWindow{font:12px arial,宋体,sans-serif;position:absolute;border:1px solid #999;background-color:#fff;cursor:default}.BMapLib_SearchInfoWindow f
-
js动态实时时间
<div id="date"></div><script>// 设置定时器setInterval(function(){ currentDate();}, 1000);// 设置函数function currentDate(){ let date = new Date(); document.getElementById("date").innerHTML = date.getFullYear() + '-' + (date.getMonth() + 1).toString().padStart(2, '0') + '-' + (date.getDate()