高德地图天气api使用服务器代理验证安全密钥
服务端代理配置nginx（放伪静态配置或者站点配置文件都行） # Web服务API 代理 location /_AMapService/ { set $args "$args&am...
video自动播放实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met...
标签: js代码
js使用localStorage和元素属性完成多语言切换功能
var lans = localStorage.getItem('lan'); function lan(el,type){ $el = $(el); ...
标签: js代码
swiper箭头跟随鼠标切换效果
<style type="text/css"> .nycga .slide-cp .sbtn{margin-top: .4rem} .nycga .slide-cp .sbtn a{d...
简单的视频弹窗播放效果
<!-- 样式 --> <style type="text/css"> .video_pop{display: block; width: 100%; height: 10...
标签: js代码
页面内滚动锚点动画
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>页面内滚动锚...
标签: js代码
页面传参滚动锚点动画（swiper传参滚动到指定slide）
传参url about.html?model=2 <script type="text/javascript"> //获取参数函数 function GetQueryValue...
标签: swiper
js设置/读取/删除cookies方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Docume...
标签: js代码
js引用cdn资源不稳定处理方法
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js" ></script&g...
标签: js代码
sessionStorage详细使用方法
1.1 说明 sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。 在JavaS...
标签: js
ES6解构赋值的用途
（1）交换变量的值 let x = 1;let y = 2;[x, y] = [y, x];1234 上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰 ...
标签: js
使用js获取svg路径长度
<svg viewBox="0 0 600 600"><path class="path-loop" d="M300,7L300,7c161.8,0,293,131.2,293,2...