HTML
[2024-04-23]GIF的播放
整个html的GIF播放都是同步的，无法做到css动画异步播放的效果。
JavaScript
[2024-03]VUE3生命周期中setup()的位置
VUE的生命周期中，setup()在created()之前，在VUE2中尚可设置延时使setup()能够使用methods()和data，但VUE3已经完全禁止了这一点，将this指向undefined。
onMounted()是用来初始化数据的，不是拿去修改组件的，用mounted()。
[2024-03]VUE3废弃set()、get()，直接操作data
VUE3中废弃了set()、get()，并且直接操作data也会引发组件渲染更新。
[2024-03-19]<audio>异步播放音效
和PlaySound不一样，一个<audio>没法异步，只能多弄几个了（）
CSS
[2024-05-25]display: inline元素的绝对定位子元素
如果这个父元素换了行，那这个子元素就没有了啊啊啊啊啊——
杂项
[2...
snRNA-seq
数据概览桑基图
大概是实验设计如此，并没有找到哪个数据包含了实验组条件对应的损伤模型、损伤后取样时间，在文中也没有显式提及，找了几个隐晦提及的地方：
b, Susceptible and resilient subtypes of spinal
cord neurons. Volcano plot shows log2 odds ratios comparing neuron
proportions between the uninjured spinal cord and each injured
condition at 7 days post injury (x axis) versus statistical
significance (t-test, y axis).
b,c, Chronophotography (b) and walking performance
(n = 5 each) (c) of young and old mice after spontaneous recovery
from moderate ...
拯救者电源接口接触不良维修
网上大多说是因为散热设计不佳，导致充电口公头损坏，但是有时候扭一下接口就能充电，所以可能单纯是触点问题，也有可能只是因为我的没有那么病入膏肓。
拯救者电源接口母口的结构如下：
此时我的触点①、③都已经感觉有点往内弯曲看不到了，并且很松，怀疑是他们的问题。
猜测：
①用于固定
②、③是电源触点
②又根本碰不着，因此试着将③用针状塑料往外挑开，插上电源，秒杀。
更新：这样子最多只能生效一会儿，改动公口和触点③对应的触点可以更好地保持状态：自己动手修好联想拯救者电源接触不良问题。
蓝星P320系列保险无效维修
原因：扳机传动杆上下旷量过大
解决方案：
因为有一个金属块限位，只要在尾部塞东西减少旷量即可。
案例里用了《Glioblastoma cell differentiation trajectory predicts the
immunotherapy response and overall survival of
patients》，主要是使用integrated
scRNA-seq（综合（？）单细胞RNA测序）和bulk
RNA-seq（整体（？）RNA测序）来找出GBM分化相关基因然后预测患者总生存期之类的。
换一个类似的做实验，也不懂各种数据有什么差别，就选《Cell
differentiation trajectory predicts patient potential immunotherapy
response and prognosis in gastric cancer》这篇文章，主要是使用integrated
scRNA-seq和bulk
RNA-seq来找出GC分化相关基因然后预测患者总生存期之类的。（干的事都差不多，真是原原又神神啊）
这个用的数据集是GSE112302和GSE84437，和案例类似的部分用的是GSE112302...
:root {
--bits-offset: min(2vw,20px);
--bit-width: min(8vw,80px);
--bit-height: min(11vw,110px);
--bit-margin-bottom: min(1vw,10px);
--bit-margin-right: min(1vw,10px);
}
#app {
width: 100%;
height: calc(var(--bit-height) + var(--bit-margin-bottom) * 2);
}
#time {
position: relative;
width: calc(var(--bit-width) * 6 + var(--bits-offset) * 2 + var(--bit-margin-right) * 3);
hei...
异形描边
使用SVG，设置viewBox、preserveAspectRatio='none'以及子的stroke、vector-effect='non-scaling-stroke'，转为base64设置为background，实现居中描边。
然后使用同样参数但无stroke有fill的SVG作为mask，消除外描边以及其被裁掉显示不理想的部分。
12background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100%25' height='100%25' viewBox='0 0 580 143' preserveAspectRatio='none'%3E%3Cpath fill-rule='evenodd' fill='...
小撇步
更换礼物价格单位
礼物单位在html定死了是CN￥，但是甲方稿子里又是RMB，这时候我们可以：
对不起，做不到
魔改blivechat客户端
可以使用attr()获取礼物弹幕根元素里的price属性，创建content: "RMB"attr的伪元素。
但是，这个伪元素不像原来的价格元素一样，在html中处于期望的层级，如果只需要绝对定位还好，要是想用flex布局，与昵称等共处，就有点麻烦了。
思路：
定义根元素为flex，但原来的整个元素都在左边了。
使用根元素的伪元素做一个背景，但message里的内容右边距不对。
根元素有一个属性为price-level，可以依靠它获取新价格元素的的位数，计算宽度（等宽字体），使message或其父元素content加长。
昵称可以使用绝对定位后限定宽度。
完整关键设置： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849yt-live-chat-paid-mess...
JavaScript
[2023]方法使用jQuery.ajax获取数据，同步致假死，异步无法获取数据
在一个方法里使用ajax从后端获取数据，可以使用同步(async:false)
123456789101112function getTemperature() { var temperature; $.ajax({ async: false, type: 'GET', url: '', success: function (responseData) { temperature = responseData; } }); return temperature;}
但是，当方法运行时，即使新开一个进程，也会使页面的渲染停止，造成假死，可以使用Deferred对象：
Deferred.resolve()传递参数arg给回调函数。
Deferred.pr...