每当我们有需求是，这个项目里的页面要和另外一个项目中的一个页面要一模一样时，我们总是首先相当iframe。 而每当我们相当用iframe时，总感觉有些嫌弃。因为每个人都被教育iframe是个坑。 带着这两个问题，我开始深入研究iframe。 以下为w3c官方文档描述，并结合自己…

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

前言 最近在网上有个真实发生的案例比较火，说的是一个新入职的员工，不会用 git 拉代码，第二天被开除。由此，可见 git 对我们工作的重要性，无论是前端后端，都是离不开 git 的，下面就让我们一探

效果图展示 代码部分 代码说明、注解 使用了 CSS 的一些属性： :after 伪类 position 定位 border-radius 圆角边框 linear-gradient 背景颜色渐变 di

对于业务开发来说，业务逻辑的复杂是必然的，随着业务发展，需求只会越来越复杂，为了考虑到各种各样的情况，代码中不可避免的会出现很多if-else。 一旦代码中if-else过多，就会大大的影响其可读性和可维护性。 首先可读性，不言而喻，过多的if-else代码和嵌套，会使阅读代…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

众所周知，相对于英文字体，中文字体天生是 “庞然大物”。英文字体两三百 KB 已经很大了，而中文字体几 MB 十几 MB 都算小的。一方面，中文字体包含的字形数量极多，动辄数以千计甚至万计，而英文字体则只需包含几十个基本字符和符号，哪怕支持多种语言及字符变体，容量达到三千多个字…

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

基础概念 先看看一张图😅 尺寸和分辨率 以iphone6为例子，iphone6的尺寸是4.7英寸（一英寸=2.54cm），这个值其实并不是手机的长或者宽，而是对角线的长度，知道长宽情况下通过勾股定理计