在重新编写侧边栏的时候遇到过一个瓶颈的问题： 要在整个元素中可以点击，一定用到 display:block 或者 display:flex，可是这两个写法偏偏和字符省略有冲突； 而字符省略的写法： white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 这种写法是支持中文的省略写法，恰好就不能兼容 display:block 和 display:flex，那么如何改 ……

网站上的点击三点弹出层，再点击复制文字改变，然后隐藏层的功能，今天全面修复过来。之前的代码出现了意外的效果，虽然不影响使用，但是用户体验大大结构。因为同时点击多个地方，可以同步显示弹出来的层，点击复制可以同步改变字体，同步消失，这是我最不愿意看到的效果。而我要实现的是，只可以显示一个层，如果点击其他的三点，就是该地方显示层，然后无论是否愿意点击复制按钮，都能隐层层。因为有的人或许是误点了，需要再任意地方点击，从而取消显示该层。经过几天的 ……

真的好久沒有更新站点了，自动换了工作以来，每天的舟车劳顿让我疲倦不堪。昨天是休息天， 闲来没事就来自己的站点测试一下，结果发现了最不想见的情况出现。一直都是实现了点击弹出层，再点击复制，实现文字的转换，然后在后台恢复未点击时候的文字，原来只是一个“空壳”，只是随便一个连接可用，再次点击的时候就无法实现，找了半天也没有找到任何的原因。于是开始排查，在源码中查看，居然文字转换后没有任何的链接，只是文字而已。于是尝试重新编写，即使按照很多教程 ……

由于本人没有基础学习过来比较困难，唯一的快速方法就是按照自己的意愿去学习。站点上的一些功能涉及到利用 JQuery，所以就逐渐接触了。 博客上有那么一个功能，就是点击三点后弹出的层，选择复制，然后改变文字再自动关闭该层，而文字也自动恢复回没有点击之前的文字。其实就是一个时间差，点击后，文字恢复需要设置的时间长一些，而图层关闭的时间设置短一些，这样看起来就显得点击后复制了地址，改变了文字，自动关闭了层，再次点开又是没有点击前的文字。特意贴 ……