摘要: 方法一: 使用return const a = b => { return {data:b} }; console.log(a(0)); // 返回值{data: 0} 方法二:不用return,而是在对象的外侧加个小括号 const a = b => ({data:b}); console.log 阅读全文
posted @ 2024-02-28 18:40 zigood 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 设计给的设计图同时有文字颜色渐变,文字阴影,如下图 实际实现效果是: text-shadow覆盖了文字颜色渐变的样式解决方案: <div class="platformtext" text="能源云推广展示平台">能源云推广展示平台</div> .platformtext { color: #fff 阅读全文
posted @ 2023-04-28 17:22 zigood 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 1、简介:var() 函数用于插入自定义的属性值,如果一个属性值在多处被使用,该方法非常适用。 2、在css中定义变量用法: <style> :root { --main-bg-color: coral; } #div1 { background-color: var(--main-bg-color 阅读全文
posted @ 2022-08-11 14:40 zigood 阅读(6373) 评论(0) 推荐(0) 编辑
摘要: 问题: 已经安装了d3,在Vue组件中引入的时候找不到模块 错误原因:(经过一顿操作,机智的热心网友告诉我) 在使用 Typescript 的过程中, 第三方类库并没有ts的.d.ts 类型的声明文件,所以在项目中会出现报错。 解决: 如果要使用这些库,可以添加声明文件,在src目录下新建一个typ 阅读全文
posted @ 2022-08-09 10:48 zigood 阅读(4983) 评论(0) 推荐(0) 编辑
摘要: 前言: 要用svg制作复杂或者是高级的动画效果,javascript就必不可少来。今天我们就来学习下svg中的jQuery库Snap.svg这一js库,它的功能跟jQuery在dom的作用差不多,只不过它是专门用来操作svg的。 简介: Snap.svg.js 是一个操纵 SVG 节点/制作 SVG 阅读全文
posted @ 2022-06-10 09:26 zigood 阅读(1121) 评论(0) 推荐(1) 编辑
摘要: 简介: Element.animate()是Web Animations API提供的使用Javascript操作元素动画的解决方案。 语法: let animation = element.animate(keyframes, options); 参数: keyframes关键帧 与CSS3的ke 阅读全文
posted @ 2022-04-25 10:50 zigood 阅读(925) 评论(0) 推荐(0) 编辑
摘要: 1.D3是什么 D3 的全称是(Data-Driven Documents),顾名思义是一个被数据驱动的文档。听名字有点抽象,说简单一点,其实就是一个基于 web 标准的 JavaScript 的函数库,使用它主要是用来做数据可视化的。 主要借助SVG, Canvas 以及 HTML 将你的数据生动 阅读全文
posted @ 2022-04-07 15:36 zigood 阅读(651) 评论(0) 推荐(0) 编辑
摘要: <svg class="d3-demo3"> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#fff143;stop-opacity:1 阅读全文
posted @ 2022-03-25 17:48 zigood 阅读(1375) 评论(0) 推荐(0) 编辑
摘要: 一.SVG 简介 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 阅读全文
posted @ 2022-03-25 13:38 zigood 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 问题:使用Vite2 + Vue3 + TypeScript + Pinia 搭建一套企业级的开发脚手架,第一步就遇到了校验问题,问题如图展示 解决方法:(如下图) 点击设置 =》 搜索vetur =》 然后 Vetur › Validation: Script Validate js/ts in 阅读全文
posted @ 2022-03-02 15:37 zigood 阅读(4710) 评论(0) 推荐(0) 编辑