最近半年一直在做移动端h5，主要环境为微信、和app内的WebView。期间遇到很多不同系统和设备的兼容性问题，希望在这整理成集锦，便于日后查找。当然，如果你也刚好遇到同样的问题，希望对你有所帮助。 1. 音视频问题 微信中不允许自动播放。但是可以借助WeixinJSBridg…

前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。 然后非IE的通过URL.createObjectURL()将Blob(Blob是啥？不知道？没关系，我下面会具体装逼讲解的)构建为一个object URL对象、指定文件名&文件类型、创建a链接模拟点击实现下…

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

每一层渐变都可被当做一张背景图，也就是说每一层渐变都可以指定其position、size、repeat。玩过PS的的同学应该知道图层的概念，咱们的背景图层叠原理也类似（当然，渐变也可以当背景图），控制渐变的大小，哪里需要镂空，以及需要显示的位置、是否平铺，就可以实现大多数场景下…

知乎上有个问题: 如何写好 Git commit log? 很有意思, 能看到各种提交风格: 有用 emoji 的, 有用唐诗的, 有用随机生成的. 风格没有对错, 只要能够体现出 commit 所做的修改即可. 本文就顺着这个方向, 给大家介绍下如何保障项目 commit m…

叮叮当，叮叮当，吊儿个郎当，一年一度的圣诞节到咯，我不由的回想起了前两年票圈被圣诞帽支配的恐惧。打开票圈全是各种@官方求帽子的： 各种戴帽子的软件也如雨后春笋般浮现出来，不管是小程序还是美图软件无一例外的都增加了戴圣诞帽的功能。但是对于懒人的我来说，自己调整一个圣诞帽子佩戴还是…

本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 没错，就是这么任性，每个动图就一个标签，而且无图无JS！下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…

由于一些移动端的兼容性原因，我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决，我们采用了pdf.js这个插件，该插件可以将pdf转换成canvas绘制在页面上。不过，在测试过程中却发现，在移动端的浏览器上，绘制的内容展示十分模糊（如下图），经过分析之…

曾写过一篇性能优化 “ 长篇报告 ” 「 checkbox 美化引发的蝴蝶效应 」 ，也曾感叹 CSS 对渲染的影响是如此大，也许深化记忆点的代价就是被同一块石头绊倒2次 ？是的，性能优化“报告”第二弹来了，希望本篇文章可以在优化页面性能上给大家提供一些思路。 visibili…