Question

我理解正在使用的|，＆amp;，〜运算符，但我仍然无法解释这些函数：

function d3_layout_forceDragstart(d) {
    d.fixed |= 2;
}
function d3_layout_forceDragend(d) {
    d.fixed &= ~6;
}
function d3_layout_forceMouseover(d) {
    d.fixed |= 4;
    d.px = d.x, d.py = d.y;
}
function d3_layout_forceMouseout(d) {
    d.fixed &= ~4;
}

Answer 1

这些只是按位AND，OR和NOT设置位标志。如果您查看d3 source code，则会记录其使用情况：

// The fixed property has three bits:
// Bit 1 can be set externally (e.g., d.fixed = true) and show persist.
// Bit 2 stores the dragging state, from mousedown to mouseup.
// Bit 3 stores the hover state, from mouseover to mouseout.
// Dragend is a special case: it also clears the hover state.

function d3_layout_forceDragstart(d) {
  d.fixed |= 2; // set bit 2
}

function d3_layout_forceDragend(d) {
  d.fixed &= ~6; // unset bits 2 and 3
}

function d3_layout_forceMouseover(d) {
  d.fixed |= 4; // set bit 3
  d.px = d.x, d.py = d.y; // set velocity to zero
}

function d3_layout_forceMouseout(d) {
  d.fixed &= ~4; // unset bit 3
}

foce布局拖动和鼠标功能

1 个答案: