榴莲控

最近给公司微信公众号，写了微信h5业务页面，总结分享一下前端开发过程中的几个兼容性坑，项目直接拿的公司页面，所以下文涉及图片都模糊处理了。 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 出现原因分析：通常…

# Form表单你真的了解么？ ** 我相信作为一个前端开发，对于form表单或多或少都有一些了解；其实在html开始的阶段我们网页主要就是用来展示信息和提交表单的。如果你真正的了解form（这里指的是包括input、select、rank等），你会觉得它就像一个潘多拉魔盒你根…

移动端的用户体验设计面临诸多的挑战，其中最明显的一个挑战就是如何权衡有限的屏幕空间与相对不精确的手势操作。Medium 上的作者 Sophie Paxton 写的这篇文章，针对文本输入框的用户体验设计，进行了较为详尽的设计探索。

今天准备给个人博客的时间线页面添加一个动态打字的效果，之前的打字机效果我一直用JS实现的，不过今天我打算来尝试一下用css实现打字机的效果。

before 伪类之 content 属性 模仿ofo

最近团队为了保持较好的前端开发规范，鼓励大家使用同一款编辑器，我们选择了vscode, 因为团队大部分人都在用，而且用起来很爽。为了让没有用vscode的同学快速了解它，我收集了网上一些资料加上自己的一点日常使用经验写了这篇介绍文章。 Visual Studio Code （简…

nextTick 在面试中会经常出现，面试官一般通过 nextTick 考验候选人的 Event Loop，或者通过 Event Loop 衍生 nextTick。文章从几个方面浅析了 Vue 的 n

游戏虽小，功能还挺复杂，需要的就是思维和耐心。下面直接进入正题。 俄罗斯方块想必大家都玩过，大体玩法简单说一下，在一个格子地图上随机下落不同形状的方块，通过←→方向键去控制方块的移动，以及↑键改变方块的形状，↓键加速其下落，当方块落下后满一行时消除该行。 我们可以把俄罗斯方块一…

拥有了强大的Canvas，我们可以使用JavaScript来控制它从而轻易地绘制出各种各样想要的图形，还可以利用JavaScript将用户的交互与canvas的绘制紧密地连接起来，甚至大可发挥我们的脑洞去做各种各样天马星空的事情。 如上所述，动画就是一张张静态的图片以一定的速度…