由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

身为一个程序员 🧑‍💻 ，不会还有人手动一张张上传图片压缩吧 🌝 ？通过封装好的工具，就能实现自动压缩项目内的图片，彻底释放双手 🤲 ！

今天给大家带来了11张我觉得不论从视觉效果还是页面布局的维度都特别nice的11个pc偏管理端的界面，希望大家可以在平时开发没有灵感时用来做参考。

两栏布局 方法1：flat + margin-left 父盒子设置为BFC：overflow:hidden 左盒子固定宽度，右盒子margin-left codeSandBox 方法2：巧用flex:

面试中经常会被问道前端布局的实现，最典型的就是使用Flex实现色子的布局，这篇文章会逐步的介绍如何使用Flex实现色子的各个点数的布局。

Recall CSS 布局原理之盒子模型 讲述了 DOM + CSSOM -> 生成 Box Tree 的细节；

最近做个需求，设计师画了个图，虽然UI稿看起来很简单，但如果用技术手段实现却不能无脑堆 css 了，本文将实现过程一步步清晰展现

前有background-image 为背景增光增彩，后有mask-image 给背景增加可玩性，今天我们来聊聊border-image!

前言 文章较长，建议收藏～ 笔者个人实话实说，是第一次做活动页相关的前端开发工作，所以也算是初体验之后的总结： 第一：活动类经历会短期内提升一个业务前端的技术水平 如果你从来没写过活动类型的需求，第一