技术拆解-年会H5的跳跃动画 今年是公司上市 10 周年,应人事部需求,我们做了一个年会 H5的页面,展示公司的发展历程。这个页面的动效还挺有意思的,这里记录下实现要点。 依赖的库JQuery:操纵动画,页面元素的移动 Vanish 的 SDK:用于在 Vanish 的 APP 环境中,获取用户的信息,比如邮箱之类的;以及执行分享操作 思路还是通过数据驱动的理念,先设计好数据结构。 由于动画是一帧一帧的,因此我们把每一帧动画当 2020-01-16 #技术拆解 #JavaScript
把问题简单化 人生有限,做有价值的事情。 我是一个实践型的人员,做事情的时候,往往一开始就会陷入实现细节里面去,然后将问题分散扩大,为了实现而实现,最终一个简单的事情会被我搞得很复杂。 以最近的几个事情为例: 年度复盘和计划:我想到的都是一些很具体、很细的要做的事情,缺乏一个大局观,站的高度不够。因此写出来的东西,会让别人觉得难以达到目标。 人员信息的词云可视化:Boss提出了需求,我就马上开始想如何去实现 2020-01-16 #随想
(TODO)如何做出亮眼的PPT 持续补充内容 几个衡量的指标分析、临摹优秀的作品。 菜就多学、菜就多练。 专业性表格、数据、对比。 逻辑性美观度https://www.bilibili.com/video/BV1FP8kz1EV5/ AI 制作 PPTTODO使用 Notebooklm 来研究论文和整理报告:https://mp.weixin.qq.com/s/di4zc27XpT_OijWCNmR3WQ Claude Code 2020-01-10 #数据可视化
《阿里巴巴中台战略思想与架构实战》读书笔记 中台的核心理念就是共享、服务重用 公司的发展方向公司在金融市场发展到现在,接下去的路可能是如下三方面(都是营造差异化的竞争力):1、中台战略:借助中台,快速试错、大量试错,不因为开发、效率等问题放过任何一个创新点,找到创新点进行突破2、可视化战略:视觉、交互的升级,公司发展到一定阶段,这部分内容的重要程度会越来越高3、技术战略:通过AI技术进行突破 烟囱架构前端方面,这个重复造轮子、重复基建尤 2020-01-08 #读书笔记
数据可视化的方向和愿景 方向 以设计、可视化组件、可视化评估体系作为三大基石,构建数据可视化系统,提供一站式的数据可视化解决方案。 我们就该往外面创业公司的路子走,任何业务都可以将其可视化。 Slogan 通过可视化创造价值,让人人都能做金融可视化、做对金融可视化! 核心价值如何体现参考自对 winter 的采访:http://dy.163.com/v2/article/detail/EDH1EORH0511D3Q 2020-01-03 #随想
如何按需加载D3.js中的模块 最近有个组件需求,是用D3.js写的,自己写的代码总共就几KB大小,但是最终打包出来的压缩版JS居然有98KB。考虑到D3是按照模块化编写的,因此我想尝试下通过按需引入模块,来精简最终的JS。 查询某个函数在哪个模块下面从D3.js的API页面上,找到函数名称,就可以找到其所属的模块了。比如查询d3.max()这个函数: 可以看到它是属于d3-array这个模块下的。 引入模块我习惯于将d3-s 2019-12-27 #数据可视化 #D3