摘要： 一、了解nginx Nginx (engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。 Nginx也是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，并在一个BSD-like 协议下发行。 其特点是占有内存少，并发 阅读全文

摘要： 一、简单使用 先看下这段代码 <div class="mx-auto flex max-w-sm items-center gap-x-4 rounded-xl bg-white p-6 shadow-lg outline outline-black/5> <img class="size-12 s 阅读全文

摘要： 实现放淘宝详情页商品介绍 博客园不支持上传视频，或者我没找到上传视频的位置，只能放几张图片配上注释介绍下实现的效果。 蓝色文字，左侧轮播写错了，应该是右侧轮播，依次在左侧放大显示。 一、轮播下的按钮，比较简单也说下怎么做的 <div class="indicators-bottom"> <div c 阅读全文

摘要： 1.安装 driver.js npm install driver.js 2.创建新用户引导工具drivers.js，引入工具和样式表 import { driver } from "driver.js"; import "driver.js/dist/driver.css"; 3.创建登录后的第一 阅读全文

摘要： video.js引入 <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/8.21.1/video-js.min.css" rel="stylesheet"> <script src="https://cdnjs.cloudflar 阅读全文

摘要： dispatchAction方法可以用来手动触发ECharts支持的图表行为 这个方法接受一个包含特定属性的对象作为参数. 一、highlight 高亮指定的数据图形 dispatchAction({ type: 'highlight',// 可选，系列 index，可以是一个数组指定多个系列ser 阅读全文

摘要： 通过传入format_amount方法中金额，获取处理后的数据，考虑到单位有万亿元，亿元，万元，元。 const format_amount = (amount) => { if (amount >= 1000000000000 && amount < 10000000000000000) { re 阅读全文

摘要： 本文列举五种页面加载动效的方式 1.使用transition组件实现页面动效 2.创建观察器IntersectionObserver结合animation实现动态效果 3.创建观察器IntersectionObserver结合指令实现懒加载动态效果 4.使用css伪元素结合css3动画实现动态效果 阅读全文

摘要： 关系图是 ECharts 提供的图表类型之一，用于展示节点（实体）之间的关系。创建一个关系图涉及到定义节点（nodes）和边（links）的数据，以及配置图表的样式和行为。 echarts针对关系图提供了三种布局； layout: "none" | "circular" | "force" 'non 阅读全文

摘要： blob对象 1.定义 Blob是Binary Large Object的缩写，表示二进制大对象。 MDN上对其的定义是：Blob 对象表示一个不可变、原始数据的类文件对象。可以通俗的说，Blob就是一只读的二进制对象。 它并不是前端的所特有对象，而是计算机界的通用术语，在一些数据库中，例如，MYS 阅读全文