发简信
IP属地：河南
-
前端基础进阶（十五）：透彻掌握Promise的使用，读这篇就够了Promise的重要性我认为没有必要多讲，概括起来说就是四个字：必！须！得！掌！握！。 而且还要掌握透彻。这篇文章的开头，主要分析一下，为什么会有Promise出现。 在实际...
-
-
TypeScript
-
嘉嘉_c474 ·居中
水平居中：
1.对于inline元素：为父元素设置text-align: center;即可（子元素所有内容都会居中，所以最好在子元素中使用text-align:left;归位）。
2.对于block元素：为元素设置宽度，再设置margin: 0 auto;（IE6还是需要在父元素设置text-align: center;）
3.对于float元素：为元素设置宽度，再设置position:relative;，再设置left:50%;，最后margin-left设置为该元素宽度的一半乘以-1。
.content { height: 30px;background-color: rgb(89, 157, 197); /* 无关紧要的代码 */ float: left; width: 300px; position: relative; left: 50%; margin-left: -150px; }
4.对于position:absolute元素：
法一：为元素设置宽度，再设置left:50%;，最后margin-left设置为该元素宽度的一半乘以-1。
法二：为元素设置宽度，再设置左右偏移为0（left: 0;和right: 0;），最后设置左右外边距为margin: 0 auto;。
垂直居中：
1.对于单行文本垂直居中：设置高度，再设置line-height值等于设置的高度值。
2.父容器高度不知，两种方法：
法一：父容器设置position:relative;，子容器设置position: absolute; top: 50%; transform: translateY(-50%);。
.main { position: relative; width:100%;height: 500px;background-color: rgb(199, 196, 43); /* 无关紧要的代码 */ } .content { background-color: rgb(89, 157, 197); /* 无关紧要的代码 */ position: absolute; top: 50%; transform: translateY(-50%); }
法二：（父容器下只有这个子元素时使用）子容器设置position: relative; top: 50%; transform: translateY(-50%);。
.main { width:100%;height: 500px;background-color: rgb(199, 196, 43); /* 无关紧要的代码 */ } .content { background-color: rgb(89, 157, 197); /* 无关紧要的代码 */ position: relative;top: 50%; transform: translateY(-50%); }
注：transform: translate中的translate是根据自身百分比宽高在X/Y轴上移动。所以如果在子元素使用position: absolute;left:50%; transform:translate(-50%,0);则可以实现水平居中。
▲ 3.flex简单粗暴：
.main{ width: 100%; height: 400px; background-color: aqua; /* 无关紧要的代码 */ display:flex;/*Flex布局*/ display: -webkit-flex; /* Safari */ align-items:center;/*指定垂直居中*/ // justify-content:center; /*指定水平居中*/ } .content { width: 200px;height: 200px;background-color: rgb(89, 157, 197); /* 无关紧要的代码 */ }
【个人笔记，只作分享讨论】 -
12
JavaScript入门学习书籍到阶段书籍
入门：《深入浅出JavaScript》《JavaScript DOM编程艺术》 《JavaScript DOM高级程序设计》《javascript-55个javascript...
-
2018年九个很受欢迎的vue前端UI框架最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue...
-
史上最全的前端资源大汇总
1.前言 最近有很多朋友问我有没有相关的书籍推荐，希望能够自学一下前端。 正好最近在查阅文章的时候，发现有朋友已经进行过总结。 经过沟通和“行贿”😁，终于取得转载权利，在此感...
-
借一斑略知全豹，以一目尽传精神。 投稿须知： 1.本专题收录各种类型短篇小说，内容须言 之有物。 2.内容须为原创，结构完整（未完待续及连 载小说请勿投）。 3.字数要求：三千字以上，三万字以下。 4.文章排版整洁，段落分明，无明显错别 字。 5.优秀短篇，编辑将会手动加入短篇小说月刊专题，并邀请加入优秀作者群。 更多投稿要求请点击《短篇小说专题投稿指南》https://www.jianshu.com/p/e46829ef7a33 专题主编：苏小飞 https://www.jianshu.com/u/7ef36743bc26 申请短篇小说专题群交流学习，请添加主编苏小飞微信13953505883，编辑李布波微信18764407758。加微信请备注“短篇小说群”。
