一年竟又过半了

近期的一些记录

CSS

Why Z-index is not working

  1. Elements in the same stacking context will display in order of appearance, with latter elements on top of former elements.
  2. The element doesn’t have its position set .
    • positioned elements will display on top of unpositioned elements
    • set position property to anything other than static, like relative or absolute
  3. Setting some CSS properties like opacity or transform will put the element in a new stacking context
    • CSS properties like transform or opacity will put the element into its own, new stacking context
  4. The element is in a lower stacking context due to its parent’s z-index level

Computer

JavaScript 内存泄漏教程

阮一峰大大的一个教程，存了很久了，之前看的感触不深，现在再看能够理解的比较清楚。

  1. 定义

    • 持续运行的服务进程没有及时释放不再用到的内存
    • 大多数语言提供内存管理，称之为“垃圾回收机制”

  2. 垃圾回收机制

    • “引用计数“(reference counting)：如果一个值被引用的次数是0，就可以释放
    • 一个不需要的值，引用数不为0，垃圾回收机制无法释放，从而导致内存泄漏
    • 不再需要的值，需要手动解除引用

  3. 识别方法

    • 连续5次垃圾回收之后，内存占用一次比一次大，就存在内存泄漏

    1. 浏览器

      • 开发者工具 ⇒ Timeline面板
      • capture字段勾选Memory
      • 点击左上角的录制
      • 在页面上进行各种操作，模拟用户使用情况
      • 一段时间后，点击stop

    2. 命令行

      • 使用Node提供的 process.memoryUsage 方法

      • 返回的内容：

        1
        2
        3
        4
        5
        6
        {
        	rss: resident set size 所有内存占用,
        	heapTotal: "堆"占用的内存，包括用到的和没用到的,
        	heapUsed: 用到的堆的部分,    //以此为准
        	external: V8引擎内部的C++对象占用的内存
        }

  4. WeakMap

    • ES6的新数据结构： WeakSet 和 WeakMap
    • 它们对于值的引用不计入垃圾回收机制

UX

What Makes Customers Leave Your Website

提供了一些提高网站友好度的建议。

image-20190630144811432

小tips

1. 看第几周

因为一直习惯在电脑上看看第几周，好知道一年过去了多少，自己又浪费了多少时间。之前都是通过日历来看，在日历的左侧显示周数，但是每次想知道的时候都需要调出日历，不是很方便。后来尝试过用其他日历app，这次重新装机之后，开始践行断舍离的精神，尽量摸索在mac原本系统上实现自己的需求，然后惊讶发现，原来简单设置就可以做到这个需求了。

  1. 打开日期与时间偏好设置

image-20190629144736196

  1. 打开语言与地区

    image-20190629144809559

  2. 打开「高级」

    image-20190629144921116

  3. 在「日期」这一项添加你想要的信息，我加入了“第N周”和一年的“第N天”两个信息

    image-20190629145002458

  4. 然后就搞定了：

    image-20190629145052080

于是就惊讶地发现，居然一年过了一半了！！！

2. 修改默认图标大小

换了屏幕之后，一直嫌Finder里的图标太小，要眯着眼睛看（也可能我视力又开始滑落了），于是总是不厌其烦地手动去把每个文件夹的图标调大，实在是麻烦。于是上网看了一下方法：

  1. 选中要修改的文件夹，右键点击「查看显示选项」

    image-20190629145329756

  2. 调整完大小和间距之后，选择「作为默认」就OK了

    image-20190629145408319

3. 在Mac上输入Emoji

之前每次需要emoji，都会在手机上输入，通过微信发给自己，然后在mac上粘贴，想想的确是个麻烦又很笨的方法。现在换了华为，不得不说，安卓上的emoji的确不太好看啊，怎么办呢。今天又上网搜了一下mac输入emoji的方法，然后发现，em…原来command + ctrl + space 就可以调出emoji键盘了啊。

image-20190629145859571

Repos

ChromeAppHeroes

一个chrome插件英雄榜，挺多都很好用。