啦粑吧小魔仙

微前端是每一位高级前端工程师都应该了解的解决方案。笔者将理论、应用与实践相结合，将开发与生产相结合，旨在减少小伙伴儿们采坑微前端遇到的困难。 强烈推荐未实践过的同学跟着本文的Demo动手写一遍，以加深理解和记忆。 近几年，前端技术飞速发展，达到了前所未有的繁荣景象，前端生态生机…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，我是阿里巴巴菜鸟网络的其歌，我今天分享的话题虽然名字叫做「沟通型女生如何规划前端职业成长路线」，但是我会帮助各个类型的女生分析之后的职业发展路线和…

我记得有很多人问我怎么做好社区，其实很简单，和这个社区里的每一个用户交朋友，让他们觉得你在他们身边、理解他们、支持他们，就可以了。我们当下身处的世界是被数据、算法、舆论、意识形态挤压的世界，因此一个社区往往最重要的定位是大家可以卸下身上的包袱，来这里和懂自己的人说说话。 从这一…

但是有时候我们希望，在我们输入完光标离开才更新视图,相当于在onchange事件触发更新。 如果你先输入数字，那它就会限制你输入的只能是数字。 一键阻止事件冒泡，相当于调用了event.stopPropagation()方法。 用于阻止事件的默认行为，例如，当点击提交按钮时阻止…

由此，可以看到一个由小到大扩张的圆。由于没有擦除上一帧，每一帧的绘制结果都显示出来，所以呈现出来的是一个实心的圆。我想绘制的是一个闪烁的圆，那么可以把上一帧给擦除。 首先，先画一由底部到画布中央的延伸线。既然是运动的延伸线条，那起码会有一个起点坐标和一个终点坐标 如图。大概需要…

在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些JavaScript的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。 我把下面的方法都大致分了个类放在了我的GitHub上。大家可以cl…

想到以往默哀日访问网站时发现整站会变成全灰，即想到如果立即开始开发、设计图修改等工作也会消耗大量的时间与精力，那会不会有css可以直接处理所有的元素将他们变灰，随即想到了css3的filter（滤镜），并也证实了这一想法的可行性。 我们可以联想出fixed是相对于html根容器…

在安卓中，直接使用原生 video 会导致全屏播放，盖住所有元素，因此使用 x5 播放器。但是 x5 播放器还是存在问题，虽然不会盖住元素，但是会自己添加特效（盖一层导航栏蒙层）。 这样可以在安卓下使用 x5 播放器， playsInline 及 webkit-playsinl…

cover 网页内容完全覆盖可视窗口，即页面完全充满屏幕，右图。适配关键！ 适配的核心是：通过 constant() 可以获取到非安全边距，再结合 padding 或 margin 来控制页面元素避开非安全区域。 Webkit在iOS11中新增CSS Functions: en…