在我们日常开发中，经常会遇到各种各样的页面布局，本文提取出7种常见的页面布局方式，带你使用flex布局轻松完成它。

它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大

最近收到测试人员的反馈说我们开发的页面偶现卡死，点击无反应的情况，特别是打开页面较久的时候发生概率较高。打开任务管理器，看到内存占有率已经很高了，初步判断可能存在内存泄漏的情况。

作为前端同学，或多或少都会接到动画需求。如果是有规律性的动画还是相对容易实现的，但如果是比较复杂的帧动画，我们用 CSS 实现的话，就非常容易造成如下情况，设计师是卖家秀，我们开发的是买家秀。 或许你会想到用 GIF 实现，但是 GIF 经常会有杂边，无法满足设计师对精致度的要…

因为开发中有很多环境，开发环境，测试环境，预生产环境等，所以会经常会用到nginx来配置代理。但是我也只是会用，想仔细梳理一下nginx的知识。 1. 什么是Nginx Nginx (engine x

公司之前更新前端代码需要远程到服务器后，将对应打包好的项目代码复制到目录中去。在更新频繁的时候，中间所浪费的无用时间就变的很多，加上回退版本还要涉及到备份的操作，多服务器的时候还要记住密码账号等等等操作就会觉得繁琐。再加之人员众多，服务器的安全性也无法得到保障。遂计划开发出一套…

1. 初识 flex flex 是 flexible 的缩写，意思为弹性布局，用来为盒模型提供最大的灵活性。 2. flex 布局和正常布局比较 3. flex 属性 flex-direction 改变主轴的方向，默认为 row 横向排列。属性包含 row | row-reve…

我们在很多的项目场景当中，都会碰到需要上传文件的情况，相信大部分前端仔都对上传的机制熟稔于心了，无非就是表单上传，拖拽上传等等，基本都是玩的溜溜的了。而今天我们讲的是其中不为人知的一块内容---通过拖拽的方式来上传整个文件夹的内容~ 既然讲的是拖拽上传文件夹，那么我们自然从我们…

主要是因为之前觉得自己已经理解了nth-of-type但后来发现好像和自己之前理解的不太一样，于是打算写下来。 nth-child倒很好理解,就是选择第几个. 可以看出nth-child是根据元素的个数来计算的，尽管我们在:nth-child前面加了p。这个没啥好说的。 它说的…