最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 web…

作为一个多端开发框架，Taro 从项目发起时就已经支持编译到 H5 端。随着 Taro 多端能力的不断成熟，我们对 Taro H5 端应用的要求也不断提升。我们已经不再满足于“能跑”，更希望 Taro 能跑得快。 我们经常收到用户反馈：为什么使用 Taro 脚手架创建的空项目，…

通过Error的构造器可以创建一个错误对象。当运行时错误产生时，Error的实例对象会被抛出； Error代表一个js中的错误对象，当运行时候有错误发生，Error的实例对象会被抛出，当然我们也可以利用此对象去构造一些自定义的错误对象。 除了第一个，从index 1-6 log…

这两天做了个环形进度条的组件，之前用 css 做过，这次就打算尝试下用 svg 来做。 它其实是由两部分组成的，第一部分是背景的灰色圆圈，第二部分是蓝色的圆弧。两部分叠加就组成了环形进度条。 第一部分的灰色圆圈很好理解，第二部分的圆弧就多了些参数，正是这些参数产生了圆弧的效果。…

新版博客最大的变化是使用 GraphQL 驱动数据, 因此整个项目也是对 GraphQL 的一次实践. 项目全部开源, 如果有兴趣可以点击 GitHub 查看, 如果有问题和建议可以直接提 issue 或 WeChat(Yancey_Studio) 与我一起交流. Blog 项…

PrismJS是一个前端代码高亮库，支持Markup、CSS、JS等多种语法的高亮显示，其实现简单小巧，扩展语法也非常方便，因此今天决定和大家一起学习一下PrismJS的源码。 Prism小巧轻便之处在于，Prism只进行分词，并没有真正意义上的语法分析、构建语法树的过程。例如…

先给大家看一下最终效果。 将裁剪后的数据保存为blob发送至后端。 一开始制作这个需求思路有两个，使用canvas原生或者寻找现成的库，对比了一番觉得canvas实现时间耗费较长，且秉承着不重复造轮子的原则（其实是菜），决定使用Cropper.js。官方封装了很多参数、方法、事…

写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 修改 outline-offset 到一个合适的负值 ，那么在恰当的时候，outli…

说到 babel 你肯定会先想到 babel 可以将还未被浏览器实现的 ES6 规范转换成能够运行 ES5 规范，或者可以将 JSX 转换为浏览器能识别的 HTML 结构，那么 babel 是如何进行这个转换的步骤呢，下面我将通过开发一个简单的 babel 插件来解释这整个过程…