之前在看七月老师的视频的时候，看到了有一个样式是-webkit-filter，不知道是什么（我没咋学过CSS，嘿嘿，所以不知道是啥），于是查了一下，原来是滤镜吖。但是在微信小程序里使用的时候，下面一直飘绿色的波浪线，再仔细查了一下，原来是在Chrome 18, Safari 6…

今天，我教大家写个Promise。玩掘金的同学可能上个星期会发现前端模块有很多Promise的文章，当然，我不会跟风写个类似的文章，我只是整理一下Promise的设计思路罢了。 为什么题目要强调“不会忘记”呢？因为之前一次面试。面试官正好问到了Promise的原理，对于这种面试…

为什么不直接使用系统键盘？H5键盘和H5页面完美适配，没有挤压页面的问题解决系统键盘不支持autofocus的问题自定义键盘布局，定制化输入体验产品需求你怕不怕这个轮子有什么好？支持原生JS、Reac

作者简介：杨婷，美团点评点餐终端团队成员。 监控平台 监控的重要性和必要性不必多说，这是提高故障处理能力和保障服务质量所必须的一环。 那么监控究竟要做什么呢？简而言之：及时上报错误，收集有效信息，提供故障排查依据。 及时上报错误：相信每个程序员都有这样的经验，发生线上问题后，经…

若需要用于商业用途，请经本人同意。 尊重每一位认真写文章的前端大佬，文末给出了本人思路的参考文章。 能够访问到这篇文章的同学，初衷是想知道如何编写JavaScript的模板引擎。为了照顾一些没有使用过模板引擎的同学，先来稍微介绍一下什么叫模板引擎。 上面代码中，我使用了ES6的…

上面代码对一个空对象架设了一层拦截，重定义了属性的读取（get）和设置（set）行为。这里暂时先不解释具体的语法，只看运行结果。对设置了拦截行为的对象obj，去读写它的属性，就会得到下面的结果。 这里有两个参数，target参数表示所要拦截的目标对象，handler参数也是一个…

Web Animation API 实战：创建一个渐隐渐显的文字动画效果

对于svg，可能一些刚接触前端的同学比较的陌生。你可以先去MDN上看一下基本的介绍。本篇内容最重要的一个知识点就是stroke-dasharray和stroke-offset的组合使用。 这个难度不是很大，本质上就是一个小圆弧在圆环上旋转。 接下来重点来了，我们需要通过tran…

在普通页面中，点击浏览器的返回按钮，在返回到上一页时会处在上次浏览的位置。单页面应用中，由于始终是同一个页面， 因此需要自行实现页面返回时的锚点。Vue-router 的 Scroll Behavior 可以用于解决这个问题，但是只能应用在 HTML5 history 模式。本文实现了在 hash 模式下的锚点跳转。