在前端页面布局中，经常会碰到要让容器充满整个屏幕高度或者剩余屏幕高度的需求。一般这时候都会想当然的使用 height:100% 这样的 CSS 来写。这样写的话，当容器内内容很多的时候是没有问题的，可以达到预期的效果，但是如果容器内内容比较少，不足以撑起足够的高度的话，这个CSS 样式实际上是没起作用的。那要怎么解决这个问题呢？让容器高度充满这个屏幕在容器内容很少的情况下，要想让这个容器充...

在移动端，flex 布局很好用，它能够根据设备宽度来自动调整容器的宽度，用起来很方便，已经越来越离不开它，但是最近在做项目的时候发现一个问题。就是在一个设置了 flex:1 的容器中，如果文字很长，这时候文字就会超出容器，而不是呆在设置好的动态剩余的空间中。

遍历 JSON 数组

在 IOS 12 的系统中，在输入框中输入完内容，当点击键盘上的完成按钮时，会发现页面底部会有一大段区域变成了白色的，高度就是原来弹起的键盘的高度，这时候如果将页面上下滑动下，会发现这块空白区域又会消失，页面也恢复了正常。当初第一次碰到这个问题时，真的是一脸懵逼，这特么是什么情况。多方查找后发现原来这不是个案，很多人都碰到过，而且也有各种各样的解决方案。看了很多文章后发现，解决思路基本都是一样..

在前面的文章中我们把一个简单的单页应用搭建起来了，现在我们就来给它加点料。

不要在路由钩子里面做签名，url 会不对wxShare 封装微信分享JSSDK-invalid signature签名错误的解决方案微信分享链接出现config:invalid signature错误的解决方法...

本人从事前端开发工作已有四年，这期间做的大部分都是移动端 H5 项目，这几年来大大小小的 H5 项目也做了有十几个了。对于移动端 H5 项目来说，有些功能和配置其实是通用的，基本上每个项目都会用到，比如说：微信授权及分享、UI 组件库、各种小组件等。基于我平时比较喜欢总结以及为了以后开发 H5 项目省事的目的，就有了这个项目（主要就是为了偷懒，，，）项目地址：https://github.com/

<template><div><div><span>用户名: {{ userInfo.name }}</span><span>用户性别: {{ userInfo.sex }}</span><span v-if="userInfo.officialAccount">公众号: {{ userInfo.off

平时项目开发中，获取本地图片并压缩上传是一个很常见的需求，最典型的就是修改用户头像功能，今天就来封装一个可以到处通过的组件。首先分析需求，要达到什么效果呢？点击后打开文件选择器，选择文件对获取的图片文件压缩前端能够预览获取到的图片将压缩后的图片上传给服务器分析下来，大致就是上面的几点，那么再深入分析一下，这个图片预览上传的功能可能很多地方都需要用，并不只限于修改头像这一个地方...

博客已经有段时间没有更新文章了，有点惭愧，，，因为跳到了新公司，接手他们原先的项目，老代码着实是让人不敢恭维，没有开发规范就算了，还到处都是逻辑漏洞，每次我改个什么东西基本都能发现一些其它的问题，简直是无力吐槽了。So，接手了项目之后，要做的事情非常多，也一直没有抽出时间来总结工作中碰到的问题，今天总算是有点空余时间，赶紧撸一篇。现在的互联网产品都离不开图片，几乎每个产品里面，图片都会有一定...