dom-diff学习 dom-diff学习 介绍 本次介绍的是dom-diff的逻辑，他对于我们在使用相关框架时，能更好的书写逻辑，避免出现一些问题的出现。 开始 snabbdom snabbdom是一个精简化、模块化、功能强大、性能卓越的虚拟 DOM 库。 几乎包含了虚拟 Dom 相关模块的所有功能，并且也提供了跨端的支持。 通过查看他的源码可以更好的理解diff原理。 主要特点 200 行 - 你可以通过简单地阅 2022-11-21 前端 front
数据可视化大屏设计器开发-依赖介绍 数据可视化大屏设计器开发-依赖介绍 开头 本文是数据可视化开始的开发细节第一章。介绍关于当中一些主要依赖包的信息。 万事开头难，在开始自己的码路前，首先要构思好大致的架子和功能。 开始 ui antd 这个应该不用多说了，大家应该都知道。 顺带提一句，在实现相关业务逻辑时，偶然发现了一个小bug，关于Input使用prefix | suffix时，点击输入框边框或prefix | suffix无法 2022-11-18 前端 大屏 lowcode react chart
数据可视化大屏设计器开发 数据可视化大屏设计器开发 开头 低代码平台，算是一个已经热门很久了的话题，本人也是在看了很多的开源项目以及体验了相关的产品，决定自己搞一个出来玩玩。 最终定下的是数据大屏的可视化设计器，相对于页面低代码，大屏的低代码总体来说，相对更简单一些，但是考虑到当中的一些细节及效果，那也算是相当的复杂。 研发工作其实已经开始了很久，最终还是决定写下一篇水文来记录一下。 大屏的体验地址 体验账号放在了代码的i 2022-11-16 前端 大屏 lowcode react chart
docx库Table踩坑 docx库Table踩坑 介绍 最近工作中遇到了需要导出word文档的需求，只是简单的将列表详情的数据导出成word中的表格。 类似于下面的效果： 标题 内容 标题 内容 标题 内容 之后找到了相关的工具库docx。 功能强大，他封装了word中的相关模块的构造方法，只需要简单的创建一个对象就可以生成word文档。 其中的一些构造方法有Document、Table、Para 2022-11-11 前端 docx word
每日进步小记 每日进步小记 记录今天的小进步💪🏻。 正文 早前几天的文章中提到，如何给github开源项目贡献代码，经历过一次拒绝之后，终于迎来了春天😊。 在调试自己的可视化大屏项目的时候，发现了一个奇怪的问题： 输入框表单设置的是在blur时触发保存，按照需求，使用的是antd的input输入框，并添加了prefix属性，但是却出现了奇怪的问题，点击输入框边框或者prefix都触发了保存，同时也说明其同 2022-10-24 fitting fitting
贡献代码给Github开源项目 贡献代码给Github开源项目 介绍 之前就一直想给开源项目贡献自己的一份力，奈何都没有找到合适的机会，前几天尝试给开源项目ahooks贡献一下代码，虽然没有被采纳，但是也在这里做一下记录吧📝。 全文的贡献流程均参考文章《如何贡献代码到Github开源项目》。 正文 找到目标项目。 首先是找一个适合的开源目标项目，并且有自己发现的bug或者优化等地方。 本人找到的是ahooks，因为相对来说 2022-10-11 github github
SVG学习 SVG学习 介绍 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 学习svg的目的，是为了能在前端页面实现更多有意思的效果。 以下 2022-09-19 前端 CSS css svg
一创聚宽学习 一创聚宽学习 背景 作为一个🌶🐔技术人，每天想的都是如何搞💰，每天盯着🐔💰涨涨跌跌，一夜回到解放前，受够了。是时候通过知识创造财富了。 学习量化交易，如果通过自动化来进行交易，实现财富自由👍。 介绍 一创聚宽是国内比较有名的股票量化交易平台，它帮助开发者封装了很多实用的函数，并提供了实盘数据，以及实盘接入帮助。大大简化了开发者的开发过程。本文就简单的记录一下自己的学习笔记📝。 总体结 2022-09-12 交易 trade
parallax使用 介绍 最近想给自己的项目设计一个比较炫酷的首页，发现了这个工具–parallax，故在这里做一个简单的介绍👍 。 正文 parallax顾名思义，视差。 百度这样解释： 视差就是从有一定距离的两个点上观察同一个目标所产生的方向差异。从目标看两个点之间的夹角，叫做这两个点的视差，两点之间的距离称作基线。只要知道视差角度和基线长度，就可以计算出目标和观测者之间的距离。 parallax帮助你完成 2022-07-08 前端 CSS CSS animation 动画
gsap动画的简单使用 介绍 最近突然需要写一些包含多种动画的首页，偶然找到了gsap，发现是真的好用，这里对其一些api做下简单介绍。 正文 gsap是一个javascript动画库，可以让开发者通过简单的api完成非常复杂的动画，包含非常多种类型的动画的实现，比如css3动画，svg动画以及canvas、webgl等。 官网给出了大量的示例代码，可以前往查看 但是它的缺点就是有些功能是付费的🤷🏻♀️，比如Sp 2022-06-23 前端
