CodeSky 代码之空

随手记录自己的学习过程

归档时间:2017-01

CSS Safari Hack

2017-01-26 22:31分类: CSS评论: 0

这次的标题起得比较简单是因为起标题太难了。

故事要从我在 Element 里发现了一个 Bug 说起,实际上这是 Safari 的渲染问题:http://jsfiddle.net/erpf75ky/4/

实际上在新版也能够复现这个问题,只要是 Safari,屡试不爽。

我们发现是table-layout的问题,在动态添加的table-layout似乎存在了一些微妙的渲染问题,于是在 Safari 下添加一个 class 去修改table-layout的状态,改变一次设置值即可正确渲染。

然而,这样的 Hack 在大部分浏览器里是没有必要的,所以就想着试试加了一下 Safari 的 Hack:

1 // Simple hack for Safari 9+
2_::-webkit-:not(:root:root), .el-table.loading {
3	.el-table__body, .el-table__header {
4		table-layout: auto;
5	}
6}
7

参考:

is there a css hack for safari only NOT chrome?

阅读更多 →

并查集与渗漏问题

2017-01-18 23:14分类: Java评论: 0

前两周的时候看到有人推荐https://www.coursera.org/learn/algorithms-part1/的算法课,正好基础也忘得差不多了,觉得也是应该复(yu)习(xi)一下了,普林斯顿的这个公开课确实不错。

好了,废话不多说,来总结一下第一周,说说并查集和渗漏问题吧。

数据结构介绍

并查集是一个处理连接问题的数据结构,可以用这个结构快速的找到两个元素是否属于同一集合(或者说连通),和图的连通算法不同的是它忽略了路径的概念,只需要结果。

阅读更多 →

CSS 解决 Chrome 限制最小12px字号问题

2017-01-17 23:41分类: CSS评论: 0

在 PC 上,有的时候我们并不需要 Chrome 给我们限定 12px 的最小字号,可是我们也不可能强行要求用户人工设置一波(当年 CodeCademy 的 Bug 就是因为最小字号的问题),所以必须想办法。

旧版 Chrome 可以通过:-webkit-text-size-adjust:none来设置,但其实是利用了一个微小的 Bug,在新版已经修复了,此外,这种方法会导致全局的缩放失效,不够友好。

在新版中,可以用 scale 解决缩放的问题,但如果是:-webkit-transform: scale(0.75);,Safari 也在缩放范围内,有两个方法解决:

第一是所有的浏览器统一的使用缩放,在 12px 的基础上操作。

阅读更多 →

一次对于时间存储方式的讨论

2017-01-05 22:39分类: SQL评论: 0

上周的某一天,大家突然开始说起了公司的时间存储格式,有个同学的公司的时间返回值特别奇怪,迷之诡异,无法在前端填入Date()解析,这种时候我就想到了——时间戳大法好,下一个。

——嗯,真的是这样吗?

然后我们掏出 MySQL 的文档:

阅读更多 →
共 4 篇文章,1 页