03 2023 档案

常用js类库
摘要：UI类库 bootstrap 12 栅格式布局，响应式布局，多种常用的组件 https://v5.bootcss.com/ layui 是一套开源的 Web UI 组件库，多种常用的组件，极易上手，拿来即用。 https://layuion.com/ TOAST UI 包括Chart、Editor( 阅读全文
posted @ 2023-03-28 11:29 carol2014 阅读(110) 评论(0) 推荐(0)
可视化组件plotly.js之spc、hoverTemplate、shapes示例
摘要：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> < 阅读全文
posted @ 2023-03-22 16:15 carol2014 阅读(504) 评论(0) 推荐(0)
可视化组件plotly.js之方法、事件、config、layout
摘要：方法 <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.js 阅读全文
posted @ 2023-03-22 15:51 carol2014 阅读(1549) 评论(0) 推荐(0)
可视化组件plotly.js绘制简单图表示例之直方图、饼图、箱型图
摘要：直方图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> <div id="myD 阅读全文
posted @ 2023-03-22 15:24 carol2014 阅读(379) 评论(0) 推荐(0)
可视化组件plotly.js绘制简单图表示例之散点图、折线图、柱形图和气泡图
摘要：scatter散点图 折线图 <div id="myDiv" style="width: 600px"></div> <div id="myDiv1" style="width: 600px"></div> <div id="myDiv2" style="width: 600px"></div> < 阅读全文
posted @ 2023-03-22 14:47 carol2014 阅读(560) 评论(0) 推荐(0)
SVG、Canvas、WebGL对比
摘要：SVG 使用 XML 描述 2D 图形。SVG 中的元素和 HTML 元素一样，在输出图形前需要经过浏览器引擎的解析、布局计算和生成 DOM 树（SVG 元素太多时非常消耗性能），可以添加事件。SVG 对象的属性发生变化，浏览器自动重现图形。SVG 绘制矢量图形，不依赖于终端设备的像素，可以随意放大 阅读全文
posted @ 2023-03-22 14:23 carol2014 阅读(238) 评论(0) 推荐(0)
svg基础及示例
摘要：SVG 可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML）用于描述二维矢量图形的一种图形格式。SVG 是 W3C 制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。SVG 严格遵从 XML 语法，并用文本格式的描述性语言来描述图像内容，因此是 阅读全文
posted @ 2023-03-22 13:42 carol2014 阅读(182) 评论(0) 推荐(0)
客户端保存文件组件FileSaver.js的简单使用
摘要：FileSaver.js 是在客户端保存文件的解决方案，非常适合需要生成文件。 语法：FileSaver saveAs(Blob/File data, optional DOMString filename, optional Boolean disableAutoBOM) 示例 <canvas i 阅读全文
posted @ 2023-03-22 11:27 carol2014 阅读(870) 评论(0) 推荐(0)
封装bootstrap的Toasts组件实现的多个下载任务弹框
摘要：最近要改一个下载任务的需求，原来的代码要么使用 ajax 异步请求看不到下载进度，要么使用 window.open(url，'__blank') 打开一个新页面既看不到下载进度也要手动关闭新打开的窗口，于是决定自己封装一个下载任务的进度条提示框。由于前端框架使用的 bootstrap，还是使用 To 阅读全文
posted @ 2023-03-07 15:26 carol2014 阅读(193) 评论(0) 推荐(0)
由于vscode升级失败引起的PHP-Intelephense不生效问题
摘要：工作的电脑自带的vscode是由系统管理员安装的，版本1.66，最近提示升级，然后按照操作提示进行升级，却显示升级失败。然后突然PHP Intelephense（版本1.9.0）就不起作用了，查原因查了好久，网络上相关的资料几乎没有，一番折腾后在github上发现了其它用户提交的这个bug 考虑是不 阅读全文
posted @ 2023-03-06 16:44 carol2014 阅读(275) 评论(0) 推荐(0)
html5之canvas使用
摘要：HTML canvas 标签用于通过脚本（通常是 JavaScript）动态绘制图形 <canvas id="example" width="600" height="500" style="border: solid 1px #ccc"></canvas> <canvas id="example1 阅读全文
posted @ 2023-03-02 17:16 carol2014 阅读(37) 评论(0) 推荐(0)
css3之animation、transform、transition
摘要：animation动画 动画使元素逐渐从一种样式变为另一种样式。使用 CSS 动画之前，需要首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。使用 @keyframes 规则定义动画关键帧，动画将在特定时间逐渐从当前样式更改为新样式。 <!DOCTYPE html> <html lan 阅读全文
posted @ 2023-03-02 16:11 carol2014 阅读(50) 评论(0) 推荐(0)