前端开发

固定高宽div垂直居中 position: absolute; left: 50%; top: 50%; width:200px; height:100px; margin-left:-100px; margin-top:-50px; 不固定高宽div垂直居中的方法 方法一（此div元素应是 inline-block）： 用一个“ghost”伪元素（看不见的…

自从1998年CSS2作为推荐以来，表格的使用渐渐退去，成为历史。正因为此，从那以后CSS布局成为了优雅代码的代名词。 对于所有设计师使用过的CSS概念，负边距作为最少讨论到的定位方式要记上一功。这就像是在线纹身-每个人都会做，但是没有人会谈论它。（It’s like an online taboo—everyone’s doing it, yet no o…

前段时间写鼠标悬停元素上移效果时，当鼠标恰好放在元素边缘时，chrome出现一直上下移动的问题，其他浏览器表现正常。原因尚不知，可能是实现方式不对吧（PS：使用top实现），虽然不知道原因，但是问题还是要解决的，分享一个能绕开的实现方式。     说到鼠标悬停元素上移，首先想到的是鼠标悬停时元素上移，然后应用trans…

说起text-align，大家一定都不觉得陌生，我们常用关键字left、right、center实现行内元素相对父元素左、右、居中对齐，当然我们也使用justify来实现文本两端对齐。 如上图，两端对齐相对于左对齐，视觉上显得整齐有序。但justify对最后一行无效，通常这样的排版对整段文字是极好的，我们并不希望当最后一行只有两个字时也两端对齐，毕竟这是不便…

箭头函数中this对象就是定义时所在的作用域，也就是说箭头函数本身没有this，内部的this就是外层代码块作用域中的this。 1、独立函数 var a = 0 var test = ()=> { var a = 1 console.log(this.a) } test() //0 该箭头函数在全局环境中定义，即this指向window 2、对象的方…

平时用this有些混乱，所以写个总结。 没有箭头函数之前，我们说this就是函数运行时所在的环境对象，但是在箭头函数中this就是定义时所在的对象，先说大家熟知的：函数运行时所在的环境对象。 1、作为函数调用，this指向全局对象  var q = ‘window’ var func = function { console.log(this.q)…