宁采臣

也就是说如果你有过使用 Canvas 的开发经验你就可以来封装自己的组件。 下面我以一个进度环为例，来探究一下如何使用ht.js封装出一个拓扑组件。 ht.Default.setImage('circle-progress-bar', { width: 100, height:…

之前在网上看到别人写的有关元素周期表的文章，深深的勾起了一波回忆，记忆里初中时期背的“氢氦锂铍硼，碳氮氧氟氖，钠镁铝硅磷，硫氯氩钾钙”、“养（氧）龟（硅）铝铁盖（钙），哪（钠）家（钾）没（镁）青（氢）菜（钛）”，高中时期记的质量守恒、元素守恒、原子守恒、电子守恒，时间过的飞快，…

这里主要就使用了 canvas api 中的 arc() 和 createRadialGradient() 。 这里绘制每个刻度采用的是绘制路径的方法，所以声明了一个变量 calibrationPoints 用来存放每个刻度的起始点坐标，根据配置的参数去计算 calibrati…

策略模式 （Strategy Pattern）又称政策模式，其定义一系列的算法，把它们一个个封装起来，并且使它们可以互相替换。封装的策略算法一般是独立的，策略模式根据输入来调整采用哪个算法。关键是策略的实现和使用分离。 1. 你曾见过的策略模式 现在电子产品种类繁多，尺寸多种多…

只有你想不到，没有 css 做不到。今日分享只由 css 实现的效果 - weather 以下是为效果图的所有实现源码，因为 css 内容较长，相关 css 可以点击查看展开阅读。 点击访问 这里 查看源码，并附有 codepen 在线编辑为您带来不一样的体验。可以点个 sta…

1. What is that？ 5️⃣最后完成View的视图更新。 2. MVP通用框架 View在Android中一般包括两种，一种是Activity，一种是Fragment，这里只给出Activity的封装，Fragment类似，需要处理一些生命周期的问题。 BaseAc…

本系列分为四篇：一、入门级-Adapter:仿QQ消息列表1.创建一个item布局：2.创建ViewHolder3.适配器：Adapter4.使用二、入门级-LayoutManager（仿淘宝商品列表

0. 前言 自我在内网发布了一篇关于 Lottie 的原理分析的文章之后，就不断有同事来找我询问关于 Lottie 的各种东西，最近又有同事来问，就想着可能对大家也会有所帮助，就稍作处理后分享出来。 需要注意的是，这文章写于两年前，基本版本 2.0.0-beta3，虽然我看过最…

1. 属性动画概述 在一段时间内通过修改对象的属性而形成的动画叫属性动画。 从上面的定义可知，属性动画的主要是修改对象的属性，如 View 的背景颜色、透明值、位置等。 不是已经有 Tween Animation 了吗，为什么还会有 Property Animation？换句话…