03 2023 档案
摘要：UI类库 bootstrap 12栅格式布局，响应式布局，多种常用的组件 https://v5.bootcss.com/ layui 是一套开源的 Web UI 组件库，多种常用的组件，极易上手，拿来即用。 https://layuion.com/ TOAST UI 包括Chart、Editor(文
阅读全文
摘要：spc <div id="myDiv" style="width: 600px"></div> <script src="../plugins/d3.3.5.17.min.js"></script> <script src="../plugins/plotly.min.js"></script> <
阅读全文
摘要：方法： <script src="../plugins/d3.3.5.17.min.js"></script> <script src="../plugins/plotly.min.js"></script> <script src="../plugins/jquery/jquery-1.9.1.j
阅读全文
摘要：直方图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> <div id="myD
阅读全文
摘要：scatter散点图 折线图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> <
阅读全文
摘要：SVG 使用XML描述2D图形 SVG中的元素和HTML元素一样，在输出图形前需要经过浏览器引擎的解析、布局计算和生成DOM树（SVG 元素太多时非常消耗性能），可以添加事件 SVG 对象的属性发生变化，浏览器自动重现图形 SVG绘制矢量图形，不依赖于终端设备的像素，可以随意放大缩小不会失真 适合场
阅读全文
摘要：SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。 SVG是W3C制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。 SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图
阅读全文
摘要：FileSaver.js 是在客户端保存文件的解决方案，非常适合需要生成文件 语法： FileSaver saveAs(Blob/File data, optional DOMString filename, optional Boolean disableAutoBOM) 示例： <canvas
阅读全文
摘要：最近要改一个下载任务的需求，原来的代码要么使用ajax异步请求看不到下载进度，要么使用window.open(url，‘__blank’)打开一个新页面既看不到下载进度也要手动关闭新打开的窗口，于是决定自己封装一个下载任务的进度条提示框。由于前端框架使用的bootstrap，还是使用Toasts组件
阅读全文
摘要：工作的电脑自带的vscode是由系统管理员安装的，版本1.66，最近提示升级，然后按照操作提示进行升级，却显示升级失败。然后突然PHP Intelephense（版本1.9.0）就不起作用了，查原因查了好久，网络上相关的资料几乎没有，一番折腾后在github上发现了其它用户提交的这个bug 考虑是不
阅读全文
摘要：HTML <canvas> 标签用于通过脚本（通常是 JavaScript）动态绘制图形。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" cont
阅读全文
摘要：animation动画 动画使元素逐渐从一种样式变为另一种样式。使用 CSS 动画之前，需要首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。使用@keyframes 规则定义动画关键帧，动画将在特定时间逐渐从当前样式更改为新样式。 <!DOCTYPE html> <html lang
阅读全文