写在前面：viewport 指的是是用户网页的可视区域，查了许久，遗憾的是近一两年几乎没有高质量的解析 viewport 的文章，本文内容是参考大牛，对内容进行了重新排版，以及对重点内容进行标注、精简，加上些许的个人理解形成的。有兴趣的朋友，可以参考一下。

本周推荐的文章，希望大家认真阅读，会有新的体会

为了方便小程序应用使用微信登录态进行授权登录，微信小程序提供了登录授权的开放接口。乍一看文档，感觉文档上讲的非常有道理，但是实现起来又真的是摸不着头脑，不知道如何管理和维护登录态。本文就来手把手的教会大家在业务里如何接入和维护微信登录态。 这里官方文档上的流程图已经足够清晰，我…

我们平常在进行项目开发时，一般都会把代码上传至代码托管平台上方便管理和维护。目前大家使用的托管平台最多的还是Github，国内外还有一些比较知名的代码托管平台，比如Gitlab、BitBucket，码云和码市等。 但我们在多人合作开发下，经常碰到的最头疼的问题是，其他开发者在交…

总结

写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用…

最近把移动 WEB 适配相关的问题梳理了一遍，学习了几篇文章，其中 从网易与淘宝的 font-size 思考前端设计稿与工作流 - 流云诸葛 - 博客园 分析了网易和淘宝对移动 WEB 适配问题的解决方案，干货不少，但是一些概念和思路不是很清晰。我在这里结合一些其他的文章和自己的实验思考对两种适配方案再做分析，顺便把相关的知识点做个总结。 作者：吴成琦 链接：https://zhuanlan.zhihu.com/p/25216275 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了。因为它是用的同样html，所以它的JS…

GraphQL 日渐成为数据查询的主流标准之一。每天都会产生许多围绕这项技术发展的精彩讨论和新工具。GraphQL最棒的特性就是提供了一个丰富语言集来描述获取数据的API。但是用户该如何描述这种查询语言，以及GraphQL这项核心技术本身呢？let's talk! 大家通常会使…