前言 6月23号的时候，微信团队发了如下通知将禁止小程序使用 JavaScript 解释来动态更新代码。消息一出，小程序开发者们哀嚎哀嚎遍野，更有人声称要开始加班改代码了。

大家好，我卡颂。 回想下你学新技术的主要途径是什么？看书？看技术文档？看博文？看视频？ 归纳起来，无外乎文字、视频两种形式。 从纸媒时代到互联网时代，再到移动互联网时代，虽然信息的载体发生变化，但信息

使用 CSS Houdini 复刻 Joshwcomeau 大佬博客同款的磁吸效果，一个还挺有趣的小动效实现。

大家好，我是 Steven。 打开 CodePen 编辑器，在 HTML 的部份加入标题。由于它有一个副标题，所以我会用 <p> 标签去装着它。然后加入一个 <div>，id 名为 iphone，里面新增两个 <div>，id 分别是 hardwa…

现在很多公众号都直接在正文页通过SVG交互动画增加文章的阅读交互体验，而不再跳转H5。结合这一需求，本期分享的内容是如何开发交互式SVG，并嵌入微信公众号正文页。设计师和前端开发同学都可以来学习下。学会了可以接这方面的私活了，短平快地赚小钱钱。 技术要有落地的应用场景才能发挥实…

本文将介绍一个不太实用的小技巧，使用 tabindex 配合 :focus-within 巧妙实现父选择器。 这是一个非常经典的问题，到目前为止，CSS 没有真正意义上被广泛实现的父选择器，这和浏览器的渲染机制有关。 当然，这不代表 CSS 完全无法通过子元素去控制父元素，通过…

SVG是矢量图形表示，它的一个强大之处在于path标签可以表示任意的矢量形状，利用好这个path可以做出很多传统html/css做不出来的效果。下面举几个例子。 这个我在《SVG导航下划线光标跟随效果》文后补充介绍了这个实现，最后的效果是这样的： 实现代码如下： 利用anima…

console作为前端调试中广泛使用的成员之一，忠实担任了明察秋毫的数据检阅师，又默默承受了万千bug的狂风骤雨，它log时云淡风轻，它debug时诚如明镜，它info时温柔细腻，它warn时憋黄了脸，它error时急红了眼，它咆哮，它又彷徨。 有人站出来了，说：“consol…

交给测试后，我们来分析下 CSS 卡券。 background是可以设置多个图片的，遵循background: [background-color] [background-image] [background-repeat] [background-attachment] […