老姚

经过多年所学之后，总结了一个做事方法的模型，我称之为北斗七星模型。 众所周知，北斗是瑶光、开阳、玉衡、天权、天玑、天璇、天枢七星组成，最后指向的北极星。 对应的做事八个核心概念如下： 瑶光星：正心……

中心红色球是太阳，水蓝色小球是地球。可以看出地球的运行轨道是椭圆，验证了开普勒三定律的第一条。在近日点运行速度比较快，远日点比较慢，符合常识。 不到半个小时吧，其实掌握原理后实现起来还是比较快的。 原理相对来说还是简单的，前提是要使用向量工具。 1. 用向量来思考问题 本系列的…

不知道你看到后有没有觉得很复杂，为了完成它，我大约用了一个小时左右。 本文会详细介绍一下实现的具体原理，研究明白后，动画的运动学基础应该也算是过关了吧。 1. 运动学一般原理 首先从运动动画的基本原理说起。 我们知道，根据 requestAnimationFrame 实时更新小…

这个动画看起来有点难，但其实要比想象中的简单。 它只是平移和旋转的简单合成，下面大体分析一下。 1. 鼠标位置 要跟随鼠标移动，首先就要获取鼠标的位置。 可以给画布绑定mousemove事件，这样拿到鼠标相对于页面的绝对位置（pageX，pageY），再减去画布自身的偏移量，就…

当然，这段代码是我参考一个掘金沸点（@隔壁村的李二狗）伪造的，但愿你和你的同事都别这么写。 能写出这种与或非，如果不是逻辑不清，那么估计只有一种可能，需求变更很多次，多人修改后的结果。。 这种问题的探究来自于一门数学：布尔代数或逻辑代数。 说到布尔，我们开发者对此太熟悉了。不就…

没想到时间过得真快啊，转眼之间一年就要过去了。 可是。。。 估计你猜到了，至今仍没有完成，只听了一少半。 如今，我奉之为无上心法，想一想自己能成功坚持做下来的事情，好像挺符合回答里说的。 但是以前我一直归结于结果：这是习惯的养成。从未形成“用肉体操控精神”这种认知。 如果要分享…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …

本系列文章就尝试解决这个问题。 研读那些排序算法，细品它们的名字，其实都很贴切。 比如基数排序，就是按照数字的“位”来排序。 位，是进位的位，比如十进制数的基数是10，就可以按照个十百千万等位来排序。 上图演示了基数排序算法的总体流程。先按个位从小到大排序，然后再按十位、百位排…

本系列文章就尝试解决这个问题。 研读那些排序算法，细品它们的名字，其实都很贴切。 比如桶排序，一提起“桶”，我就想到了垃圾分类。 桶排序就是先分类，即把数据放进相应的桶里，然后对每个桶进行局部排序，最后再把桶合并一下就行了。 上图演示了该算法的总体流程。分为三步，分类，排序和合…

本系列文章就尝试解决这个问题。 研读那些排序算法，细品它们的名字，其实都很贴切。 比如计数排序，所谓“计数”，就是数一数，统计每个元素重复出现的次数。 上图演示了该算法的总体流程。分为两步：查和排。 首先查一查每个元素都出现了多少次，比如元素0出现了1一次，元素1出现了一次，元…