从前端到爆点！抖音级 H5 如何炼成？ 在万物互联的时代，H5 页面已成为产品推广的利器。当产品经理丢给你一个“像抖音一样流畅的 H5”任务时，是挑战还是机遇？别慌，今天就带你走进抖音 H5 的前端魔

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `height: 100vh` 就行了

开发一个平台，要求在PC端和移动端上都有较好的体验。 一套资源，根据判断是否是移动设备而选择加载不同的css。 两套资源，pc和mobile各一套，分开维护，在入口处进入不同的路由。 1.前者适用于两端交互和布局差别不大，交互比较简单的项目。只有一套资源，代码量少，维护起来比较…

WebView 用于加载 H5 页面是常见的做法，它能够加载远程的 HTML、CSS、JavaScript 资源，并且让 Web 应用嵌入到原生 App 中。然而，WebView 的缓存机制有时会导致

倒计时是许多网站上常见的一个功能，它能够增强网站和用户互动方面的体验。一般来说，开发者们会使用JavaScript来实现网页的动态行为，但是使用纯CSS也可以创建一个功能完善且视觉效果不错...

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

周一刚一来到公司，产品便随口对我提了一句，"本周我们要在项目中添加一个类似论坛的功能模块"。没多想我也随口答了声"ok"。 没过一会儿，便和产品与后端同事一起碰了个头，很常规的需求，总结一下大致就是发帖，评论，点赞，分享四个功能，讨论一番后没什么问题，便开始等ui然后投入开发。…

“这是我参与8月更文挑战的第31天，活动详情查看：8月更文挑战” 视频是什么 视频，其实就是一系列连续播放的图片，如果1s钟播放24张图片，那么人眼看到的就不再是一张张独立的图片，而是动起来的画面。其

视频播放可以有多种选择，快来试试由字节跳动开源的西瓜播放器，功能很强大。本文用xgplayer配合vue描述一个常见的业务场景。