原理
关注
分享
扫一扫
文章平均质量分 95
前端筱园
专注于前端技术领域，定期分享个人原创作品
个人网站：www.dengzhanyong.com
微信公众号：【前端筱园】不错过我的每一篇推送
展开
-
FLIP动画实现思路
如果让你实现下面的这种动画效果你会怎么做？ 可能很多人第一想法就是使用绝对定位进行布局，当顺序发生变化后，计算出变化后的位置，然后通过动画过渡到指定位置。这是一种很常见的实现方式，但存在几个问题：需要维护每个节点的位置信息顺序变化后，需要计算每个DOM的目标位置使用绝对定位的方式，每行显示的小方块个数是固定的，不能自适应容器的变化。过程分析无论多么复杂的动画，都可以拆解成多个动画的组合。对于上面的效果，就可以看成是每个小方块的变化，这里只涉及到了位置的变化，当然还可能存在大小、颜色等变原创 2022-05-28 12:59:47 · 1691 阅读 · 0 评论 -
你真的理解rem吗？面试官再问你就这样回答
有一道高频的面试题经常会出现，请你讲一下em和rem的区别。1. em与rem的区别这个题目其实很简单，基本上都能说出来，他们的本质区别就是参照的对象不同。 em是相对父元素的字体大小，如果父元素的字体大小是14px，那么它子元素的2em就是28px，不同父元素的子元素的2em的实际大小是可能不同的。 rem是相对于根元素，即html元素，如果html的字体大小是1...原创 2020-04-11 20:29:44 · 1639 阅读 · 0 评论 -
Chrome的小恐龙被我“开挂”了，看我如何用一行代码让它拥有不死之身
个人网站：www.dzyong.top微信公众号：关注《前端筱园》，不错过每一篇推送作为一个开发人员，用到的最多的就是Chrome浏览器。当没有网的时候打开浏览器就会看到下面这个界面。当按下空格键键时，猛然发现，这竟然是一个游戏。作为一个程序员的我，如何忍受得了规规矩矩的去玩呢，如果给它一个不死之身，那岂不是可以一直快乐下去。那该从何下手呢，它的本质是一个网页，...原创 2020-03-17 16:06:05 · 15341 阅读 · 7 评论 -
你知道身份证是如何防伪的吗?
博主个人网站：http://www.dzyong.top微信公众号：《前端筱园》今天我们来讲一个有意思的话题，我们的身份证是如何防伪的。在身份证正面印有签发机关和有效日期。背面则有姓名、性别、民族、出生日期、住址、头像等信息，而最重要的就是身份证号。身份证号码如何定出来的？身份证号码在你办理出生户口登记时就已经订好了，共有18位。可以把它们分为四段。1-6位是地址...原创 2020-03-02 13:48:29 · 1994 阅读 · 0 评论 -
IM的扫码登录功能如何实现？一文搞懂主流的扫码登录技术原理
1、引言扫码登录这个功能，最早应该是微信的PC端开始搞，虽然有点反人类的功能（不扫码也没别的方式登录），但不得不说还是很酷的。下面这张图，不管是IM开发者还是普通用户，应该很熟悉：于是，搞IM产品的老板和产品经理们，从此又多了一个要抛给程序员们的需求——“为什么微信有扫一扫登录，而我们的没有？”。好吧，每次只要是微信有的功能，IM程序员们想甩锅，难度就有点大了，必竟老板们都都...转载 2020-02-14 18:12:48 · 1411 阅读 · 0 评论