櫾魣

大家好，我是小杜杜，俗话说的好，工欲善其事必先利其器，什么意思呢？就是说你想玩转React就必须知道React有什么，无论是否运用到，首先都要知道，提升思维广度～

最近做年终活动，许愿的时候希望可以以弹幕的形式出现。 以下一步步，说明弹幕逻辑。本文的弹幕较为简单，重在说明弹幕逻辑。 先写段静态的文字。 但是一行通常不止一个弹幕，肯定不能block，所以这里的bullet-item需要处理下，这里我用定位的方式（主要为了之后的弹道，定位更方…

在监测功能的时候，我们首要考虑的就是，我们的监测代码不能影响我们现在的业务代码，和以后的业务代码。 经过自己的一点小测试，发现无论在关闭的时候（也就是点击叉），还是隐藏的时候（也就是点击左右箭头）都会触发 onpagehide;也无论是在首次加载，还是刷新的时候，都会触发onp…

不能慌张，我们可是前端工程师...那么我们该怎么办呢？首先我们先分析一下我们可以怎么办，那么我们首先分析一下他使用的技术栈和运用场景。 通过和项目组，产品的沟通。该项目，是运行在微信公众号上的的一个h5页面。那么能够给你的时间，差不多是一周时间，去熟悉了解，整个项目。 | 文件…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

最近在准备面试，刚好利用几天的时间系统的整理了下JS经常考的手撕题类型。 在这里，以脑图的形式带大家手撕这篇文章里的所有题（带注释）。 5. 手动实现防抖函数 柯理化函数含义：是给函数分步传递参数，每次传递部分参数，并返回一个更具体的函数接收剩下的参数，这中间可嵌套多层这样的接…

请原谅我起了这么个浓浓营销号味道的标题。但这可丝毫没有夸大宣传，而是前端娱乐圈今日份的瓜—— 然后他自己也做错了（其中的某两道）。 Vue Core Team 的 @胖茶 40 分，可能说明带他的 mentor 不懂 Vue？不过他第二次做就拿了 90 分……这很赘婿逆袭啊。 …

昨晚做了一个梦，梦见自己到了一家大厂面试，面试官走近房间，坐了下来：是杨溜溜吧？国际惯例，先来个自我介绍吧。 我嘴角一笑，心里暗喜：幸好有专门看Vue的面试题，看来这次稳了。于是谦虚又装逼的回答：还行吧，您随便问。 于是面试官看我口气那么大，心想：哟嚯，来了一个装逼的，劳资今天…