最近换了一份工作，需要0-1安装前端开发环境，过程中踩到不少坑，且都是之前踩过的，只不过没有记录下来，记录此篇文档，以便参考～

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

在web开发的过程中，调试是不可或缺的一部分。pc的调试可以通过debugger和console来完成，对console感兴趣的同学，可以参考 但是，如果我们的web页需要兼容移动端，那么调试就变得没那么容易。在本篇文章中，我将介绍几种第三方工具帮助你完成移动端web的调试。 …

正常情况下，微信浏览器页面下拉后可以看到一个 『该网页由 xxxx 提供』，因为页面会提供给第三方使用，因此有一个需求是隐藏该网址。 因为页面都是已经存在的，并且有很多个页面，因此想要的解决方案是一个通用的解决方案（至少也得90%页面通用），不去修改具体每个页面的代码。 解决这…

前几天，小伙伴星星微信我说了上面这段话。 首先呢，纠正两点，我不是大神，我真的不是，顶多是个大佬（皮一下）；我对星星你没有任何意见哦，要有的话，也只是一点点建议，仅供参考哈。 其次呢，说实话，工作半年，迷茫的有点早啊。就我所知，刚入职的年轻人都喜欢热火朝天地干，就像刚刚交往的恋…

1. Safari 3D变换会忽略z-index的层级 在Safari浏览器下(此Safari浏览器包括iOS的Safari，iPhone上的微信浏览器，以及Mac OS X系统的Safari浏览器)，当我们使用3D transform变换的时候，如果祖先元素没有overflo…

写出整洁的代码，是每个程序员的追求。《clean code》指出，要想写出好的代码，首先得知道什么是肮脏代码、什么是整洁代码；然后通过大量的刻意练习，才能真正写出整洁的代码。 WTF/min是衡量代码质量的唯一标准，Uncle Bob在书中称糟糕的代码为沼泽（wading），这…

过往一些不足的地方，通过博客，好好总结一下。 一些通用的js库或者是css样式库，如jQuery，在网络中的使用是非常普遍的。当一个用户在浏览你的某一个网页的时候，很有可能他已经通过你网站使用的CDN访问过了其他的某一个网站，恰巧这个网站同样也使用了jQuery，那么此时用户浏…