分类 折腾不止 下的文章

TortoiseGit 使用扩展名为ppk的密钥，而不是ssh-keygen生成的rsa密钥。使用命令ssh-keygen -C "邮箱地址" -t rsa产生的密钥在TortoiseGit中不能用。而基于git的开发必须要用到rsa密钥，因此需要用到TortoiseGit的putty key generator工具来生成既适用于git的rsa密钥也适用于TortoiseGit的ppk密钥，具体配置步骤如下：

- 阅读剩余部分 -

Workbox

随着 Web 的快速发展，用户对站点的体验期望值越来越高，前端工程师有时候为了几十毫秒的速度优化而费劲心思，消耗大量时间。想要让自己的产品在无数产品中脱颖而出，就必须提升产品的性能和体验。在时间成本高昂的今天，响应速度的提升是开发者不得不面对的话题。

前端工程师有很多性能优化的手段，包括 CDN、CSS Sprite、文件的合并压缩、异步加载、资源缓存等等。其实我们绝大部分情况是在干一件事情，那就是尽量降低一个页面的网络请求成本从而缩短页面加载资源的时间并降低用户可感知的延时。当然减少用户可感知的延时也不仅仅是在网络请求成本层面，还有浏览器渲染效率，代码质量等等。

我们这里要讲到的是一个叫做 Service Worker 的东东。

- 阅读剩余部分 -

项目中用到了弹窗居中，有些弹出正常，有些弹出就模糊。这就比较奇怪了，一样的样式，为啥会出不同的结果呢？

css水平居中是有很多办法的，项目里面用的是这样的居中方式：

position: absolute;
left: 50%;
transform: translateX(-50%);

然后一点一点的去掉样式，定位到是transform导致的！用搜索引擎查了下，果然不止我一个人有问题，看来有解决方案了。

原来出现模糊的原因是因为元素的高度、宽度中有奇数， 使用类似translate(-50%,-50%)之后，相当于宽度、高度除以2的效果，会出现 0.5px。像素就是最小的单位了，要么1，2，3，要么就是0，没有小数。

好在这个项目里面的弹出层宽度是可以设置宽度的，看了下这个模糊的弹出，设置的宽度是865px，好吧，那就改改宽度解决问题！但是，如果是不定高度垂直居中呢？这就比较棘手了，不能用这个方案了，所以transform对于居中不是一个好的解决方案，在实际项目中应该尽量避免此方案！

所以，如果考虑兼容就老老实实的用table + table-cell方式去居中，不考虑兼容的话使用flex方式去居中！

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6