musishui

我们使用Flexbox 实现垂直水平居中、自适应容器宽度乐此不疲，因为确确实实很方便。可以简便、完整、响应式地实现各种页面布局，目前已得到所有现代浏览器的支持。但Flex属性如何计算呢？ Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒状模型提供最…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添加四个div来分别实现上下左右的边框效果，虽然可行，但是要添加四个额外元素，有点儿得不偿失的感觉。难道就没有更好的解决方案了... 就在我绞尽脑汁的时候，灵光…

Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。 /api/json 接口 404，当然此时这个接口还不存在，暂时写到…

由于团队在进行前后端分离，前端接管了 Nginx 和 node 层，在日常的工作中，跟 Nginx 打交道的时候挺多的。其中 location 是使用最多和改动最多的地方。之前对 location 的匹配规则是一知半解的。为了搞明白 location 是如何匹配的，特意花了点时…

使用微信分享，可以获得更好的传播效果。那如何利用微信公众号向好友进行信息分享呢？ 这里以分享 微信红包 为例，手把手教大家实现微信授权与分享。 步骤一. 用户信息获取 1. 注册测试公众号 这里就要麻烦后端的同学为我们提供URL和Token（URL是开发者用来接收微信消息和事件…

~* \.(js|css|png|jpg|gif)$ 是匹配以相关文件类型然后单独处理。 = 表示精确匹配。只有请求的url路径与后面的字符串完全相等时，才会命中（优先级最高）。 ^~ 表示如果该符号后面的字符是最佳匹配，采用该规则，不再进行后续的查找。 ~ 表示该规则是使用正…

这样微信就放开了导航栏的控制权，只保留右上角的胶囊。 接下来，我们要做的就是实现一个导航栏组件，把它放置在页面原来的默认导航栏的位置，内容什么的完全由开发者自己定制。 这种情况下，二者的差值就是默认的导航栏的高度, 但是在设置了"navigationStyle": "custo…

很明显列表数据和回显数据不一致，于是就找服务端同学排查接口问题。服务端同学反馈从日志上看是没问题的，对比他们日志，发现日志打印的数据和界面展示的不一致，诡异的事情就这样发生了。更诡异的是直接在浏览器地址栏访问这个接口，返回的数据和日志的一样，和我界面展示的也不一致。 看样子应该…