william_li21790

2 月份发布的 Chrome 80 版本中默认屏蔽了第三方的 Cookie，在灰度期间，就导致了阿里系的很多应用都产生了问题，为此还专门成立了小组，推动各 BU 进行改造，目前阿里系基本已经改造完成。所有的前端团队估计都收到过通知，也着实加深了一把大家对于 Cookie 的理解…

整个遮罩的初始位置以border-box为起点，padding部分依旧是被遮掉了。 写这篇文章的目的主要是mask属性确实很强大，但是当下的浏览器支持确实也很一般，记录一下相关属性在不同浏览器下的支持程度和用法，希望看了这篇文章对大家能有所帮助。如果有错误或不严谨的地方，欢迎批…

不知不觉又过一年，这一年过得真快，发生很多事情，但是对我影响最大还是如题所示。失恋可不是一件让人炫耀的事情，虽然我想换别的有意思的标题如《非科班渣渣如何速通WEB中级前端攻略》、《2019天天加班下如何从80公斤胖子减肥到70公斤》，但是还是现在这个标题能体现我现在内心的心情，…

其实有很多有用的东西，当时学习了，也记住了，但是时间久了就是记不住，所以导致在日常开发中总是想不起来原来这个东西可以这么用，而去选择了更加复杂和麻烦的方式。其实我们日常学习的知识就是拿来用的，即使你今天把知识点背下来了，没有去思考这个知识点我们可以用来干嘛，不需要几天就会慢慢地…

Vue的学习成本和难度不高，这除了和框架本身的设计理念有关之外，还和Vue完善的官方文档有着密不可分的关系，相信有很多的开发者和我一样，很长时间没有仔细去看过官方文档了，最近花时间仔细看了一下官方文档，将里面一些容易忽视的点整理出来和大家分享。 Vue会尽可能高效地渲染元素，通…

单例模式：单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例，单例是一种创建型模式。 这篇文章是对最近看的单例设计模式的一点总结，提供一些简单的例子和应用场景，希望大家看了之后能对单例模式有所了解。

同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果，也就是说，给不同的对象发送同一个消息时，这些对象会根据这个消息分别给出不同的反馈。 上面这段代码展示的就是对象的多态性，由于JS是一门动态类型语言，变量类型在运行时是可变的，因此一个JS对象既可以是Dog类型的对…

瀑布流是一种很常见的网页布局，视觉表现为参差不齐的多栏布局，是一种时下很流行的布局形式，最近在写小程序恰好也碰到了，想了几种不同的实现方法，接下来就来一起看看具体的实现方法（所用的方法中用的例子都是两栏的布局）。 这篇文章把最近在写小程序时遇到的瀑布流做了一个比较详细的总结，不…

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…