Rock the Shaw蕭先生

上一篇文章《用 JSX 实现 Carousel 轮播组件》中，我们实现了一个 “基础” 的轮播组件。为什么我们叫它 “基础” 呢？因为其实它看起来已经可以满足我们轮播组件的...

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久...

京东零售开源项目 NutUI 是一套京东风格的轻量级移动端 Vue 组件库，是开发和服务于移动 Web 界面的企业级产品。经过长时间的开发与打磨，NutUI 3.0 终于要...

经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起...

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets re...

2016 年 3 月 13 日 Element 悄然诞生，经历了 4 年的风雨洗礼，我们从一个饿了么内部业务组件库成长为 Vue 生态里最流行的 UI 组件库之一。 截至本...

高亮显示你的 TODO、FIXME，支持自定义关键字和外观，可以起到良好的提示作用。 解决冲突后配合使用完美格式化代码，能交给机器做的一定要学会偷懒。 实时高亮匹配标签，不...

声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请检查依赖模块版本是否和示例代码仓库中一致。 *温馨提示：*本篇内容更偏实战，涉及大量代码，如有代...

声明：本篇文章基于webpack v4.43.0，如按照文中代码执行报错，请先检查依赖版本是否和示例代码仓库中一致。 自Web2.0以来，前端技术日益蓬勃发展，前端仔们不再...

无论是小程序还是h5飞入购物车无非就是平抛 ，或者是上抛两种情况，对于这两种情况，初中就开始学习抛物线理论知识是完全可以搞定的，高中一年级物理学的自由落体运动，平抛运动就是...

小程序中的媒体组件一般都会提供全屏的方法，而且全屏方法中会提供一个direction的全屏参数，可以通过这全屏参数将小程序旋转90度横屏展示，这是小程序中最简单的横屏方法。...

大家好，这里是CSS魔法使——alphardex。 我对动画创作有着巨大的兴趣，平时你们能够经常在掘金的沸点上看到我创作的各种各样的动画作品。于是乎，我就决定将我所使用的各...

看起来实现思路也比较简单：监听Gif图片的播放结束事件，一张Gif播放完再播放下一张，循环往复。 但问题在于GIF图片虽然有“动”的性质，但在Web中被一视同仁地做为图片处...

开始的时候就有过来人的同事提醒过要我注意下微信的视屏自动播放，经过别人的反馈，其实不止是微信不允许，有些机器浏览器也是不允许，这个时候该怎么办？结合 touch 事件一起实...

BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性...

本篇文章由阅读《Vue.js应用测试》书籍、学习《Vue Test Utils》官网知识以及实际工作经验总结而来，阅读书籍请支持正版。 前端应用程序主要编写三种测试类型：单...

webpack在前端化过程中十分重要，所以花了一段时间学习webpack，以及webpack4新特性，本文是按照从易到难的过程，梳理部分webpack概念，常见的loade...

本文讲解了传统的通过beforunload或者unload事件发送页面停留时长的时候丢点的问题；罗列了几种解决问题的思路。...

埋点技术在很多流量较大的应用中经常使用到的热门技术，旨在通过在用户进行操作或者请求的时候，记录下这些操作，然后针对记录的操作数量、操作频率才重新设计产品，提高用户体验，而埋...

汇总一些pdf tools生成pdf有多种方法，这里demo一个通过变量填充带表单的pdf模板的方法，相对比较简单，也比较干净（相对于一个一个元素的拼接出来一个pdf文件）...