写是一种效果非常好的学习方式，所以学习flex布局我给自己写个flex布局教程，顺便还可以帮助需要的小伙伴，可谓一举两得。教程最大特点是所有属性效果都有实时可交互的demo，相比静态示意图片更直观，同时很多flex相关属性的解释比现有教程要详细很多。希望分享的这个链接有所价值。

基本上来说，PWA 是一个网站，当用手机访问时，网站可以保存在手机，并且体验就像一个原生应用程序一样。它会有一个加载显示，你可以删除 Chrome 的界面，如果网络连接断开，它仍然可以正常显示内容。最重要的是它提高了用户的参与度：在 Android 上的 Chrome 浏览器（…

这是 github 上关于 css 技巧的一篇译文，另外你也可以在本项目看到原文。列举了一些很实用的 css 技巧，比如给空内容的 a 标签添加内容，逗号分隔列表等等。 鉴于很多人吐槽翻译，在pr为通过前，先改成我自己的翻译...

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…

0. 前言 现在，CSS 拥有一个适当的基于对象的 API 来处理 JavaScript 中的值。 1. 介绍 这些年 CSS 一直有对象模型（CSSOM）。事实上，每当你在 JavaScript 中读/写 .style 时，你都在使用它： 作为 Houdini 工作的一部分，…

sticky：粘性定位，先按照relative定位，再按照fixed定位。详见MDN BFC是块级格式化上下文（Block Format Context），我们可以把它看作一个大盒子，一个独立的容器。这个容器就是一个BFC，其内部和外部不会有任何影响，在这个大盒子（BFC）中，…

像素是屏幕显示最小的单位，在一个1080p的屏幕上，它的像素数量是1920 * 1080，即横边有1920个像素，而竖边为1080个。一个像素就是一个单位色块，是由rgba四个通道混合而成。对于一个1200万像素的相机镜头来说，它有1200万个感光单元，它能输出的最大图片分辨率…

1. 图片选择与读取 创建图片对象，使用createObjectURL显示图片。 2. 在canvas中展示图片 根据图片大小，计算canvas宽高（data:cropperCanvasSize），以致图片能够在裁剪区域自适应展示，并确定裁剪的左上角位置（data:crop…

少侠，请留步，相见必是缘分，赠与你一部《踏坑秘籍》 ios竖屏拍照上传，图片被旋转问题 解决方案 ios：DOM元素固定一边，另一边滚动，滚动很卡的问题 部分手机第三方输入法会将页面网上挤的问题 iPhoneX适配 某些机型不支持video标签的poster属性，特别是安卓 C…