首页   注册   登录

JCZ2MkKb5S8ZX9pq

V2EX 第 318343 号会员,加入于 2018-05-24 15:59:10 +08:00
JCZ2MkKb5S8ZX9pq 最近回复了
https://imgur.com/CLY5pn3.png

又改了一个无背景的试试。顺便加了点 hover。
间距完全用 before 的分隔符控制了,如果要不可见颜色透明就行。

style.innerHTML = "
#video_speed_div button { outline: 0; margin: 2px 0 0; background: transparent; border: 0; color: #999; cursor: pointer;}
.video_speed_div-button-active { border: 0!important; background: transparent!important; color: #00a1d6!important;font-weight:bolder; }
#video_speed_div button:before{content:'·';margin:5px;color:#999!important;font-weight:normal!important}
#video_speed_div button:hover{color:#00b5e5}";
https://imgur.com/KKq6bVe.png
因为用了左对齐,感觉可以考虑把背景色去掉,跟文字会更融合一点,不会有一个色块未对齐的感觉。
之前右对齐有一个色块倒还好。但宽度变化会偏移位置,所以才左对齐了吧。
又改了一点点样式,关于宽度和垂直对齐,你看看有没有用得上的。

let videoSpeedElement;

let style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = "#video_speed_div button { outline: 0; padding:0 5px; min-width: 30px; margin: 1px -18px 0 20px; background-color: #eee; border: 0; color: #888; cursor: pointer;} .video_speed_div-button-active { border: 0!important; background-color: #00b5e5!important; color: #fff!important; }";
document.getElementsByTagName('head').item(0).appendChild(style);

let _interval = setInterval(function () {
if (document.querySelector(".bb-comment") && document.getElementById("video_speed_div") === null) {
addSpeedBtns();
}
}, 100);

function addSpeedBtns() {
videoSpeedElement = document.createElement("div");
videoSpeedElement.setAttribute("id", "video_speed_div");

let speedArr = [1, 1.25, 1.5, 1.75, 2, 3, 4, 5];

for (let i = 0; i < speedArr.length; i++) {
let speed = speedArr[i];
let btn = document.createElement("button");
btn.innerHTML = "x" + speed;
btn.setAttribute("id", "third_video_plugin_btn_" + speed);
btn.addEventListener("click", changeVideoSpeed);
videoSpeedElement.appendChild(btn);
}


document.querySelector("#viewbox_report").querySelector(".video-data:last-child").appendChild(videoSpeedElement);

clearInterval(_interval);

// 加载之间已经设置的速度, 在同一个页面中切换视频后,设置的速度就没了,这里用一个定时器,200ms 设置一下
setInterval(function () {
let third_video_plugin_speed = localStorage.getItem("third_video_plugin_speed");
if (!third_video_plugin_speed) third_video_plugin_speed = '1';
for (let i = 0; i < videoSpeedElement.childNodes.length; i++) {
let btn = videoSpeedElement.childNodes[i];
if (btn.getAttribute("id") === "third_video_plugin_btn_" + third_video_plugin_speed) {
btn.click();
}
}
document.getElementById("third_video_plugin_btn_" + third_video_plugin_speed).click();
}, 200);
}
希望能参考一下我的修改,主要几点。
1. 选项稍微减少一点,3 倍以上的时候,0.5 倍不是很必要。
2. 减少按钮间距。
3. 我是前端,我有调整按钮和左侧文字垂直对齐的问题。这里一般会采用垂直居中,或者基线(文字底部)对齐。

---

希望如此改动的理由是,刚才油猴自动更新了,按钮变得很宽。
我是在一个竖屏的屏幕上播放的,宽度 1080,或者 960 的时候,按钮会过宽。1920 是正常的。

当然,如果你觉得修改麻烦的话,也希望能告知。如果你不介意的话,我想 fork 一个版本出来自己用。
巴纳姆效应+冷读法 用得多一点
统计作为辅助吧
4 天前
回复了 maxmin 创建的主题 程序员 如果看待 V2EX 站长发这种口水贴?
大家冷静,看个视频消消气。
[《一千个品牌黑历史》第三期:华为_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili]( https://www.bilibili.com/video/av62998739)
4 天前
回复了 JCZ2MkKb5S8ZX9pq 创建的主题 算法 凑单算法
@imzhoukunqiang
@geelaw
不懂啥是背包问题,凑合写了一个,基本满足我自己的需求了。
缩进随缘吧。有空改个 js 的挂网页。

item = {'creatine': 64.35, 'protein': 103.35, 'bcaa': 64.35}
priceLimit = 428

# 格式化商品数据
itemDict = {}
for name, price in item.items():
itemDict.setdefault(price, '')
itemDict[price] += f'/{name}'
itemDict[price] = itemDict[price].lstrip('/')
itemList = sorted(itemDict.items(), key=lambda x: x[1])
drawTitle('ITEMLIST')
[print(f'{price:8.2f} | {name}') for price, name in itemList]
print(f'\nTraget Price: {priceLimit:.2f}')
r = {}


def orderNum(itemList, prevOrder='', prevPrice=0):
for num in range(999):
price, name = itemList[0]
thisOrder = f'{prevOrder} + {num} {name}' if num else ''
thisPrice = prevPrice + price * num

# 如果当前价格超了 就不再增加数量
if thisPrice >= priceLimit:
r[thisOrder.strip('+ ')] = thisPrice
return

# 如果价格没超 就往下一位
if len(itemList) > 1:
orderNum(itemList[1:], thisOrder, thisPrice)


orderNum(itemList)
# 按总价升序
r = sorted(r.items(), key=lambda d: d[1])
drawTitle('RESULT')
[print(f'{total:>8.2f} | {order}') for order, total in r]
一般的健身知识网上都有,私教的学习能力大都不如程序员。
@Kagari 您说得对。您真厉害。学到了。
关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1365 人在线   最高记录 5043   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.3 · 8ms · UTC 00:32 · PVG 08:32 · LAX 17:32 · JFK 20:32
♥ Do have faith in what you're doing.