小编col*_*lxi的帖子

我有2个div:一个在左侧,一个在我的页面右侧.左侧的那个有固定的宽度,我希望右侧的一个填充剩余的空间.

    #search {
        width: 160px;
        height: 25px;
        float: left;
        background-color: #ffffff;
    }
    #navigation {
        width: 780px;
        float: left;  
        background-color: #A53030;
    }

<div id="search">Text</div>
<div id="navigation">Navigation</div>

如何<div>在不使用像jQuery 这样的库的情况下以跨浏览器兼容的方式找到a的当前宽度？

我怎么能计算画布游戏应用程序的FPS？我已经看过一些例子,但没有一个使用requestAnimationFrame,我不知道如何在那里应用他们的解决方案.这是我的代码:

http://jsfiddle.net/WCKhH/

顺便说一句,有没有我可以添加的库来监督性能？

我有一个可以正常（垂直）滚动的页面，并且我希望有一个div可以通过鼠标滚轮向下滚动，然后在完成水平滚动后恢复垂直滚动。这就是我要完成的工作。

• 页面正常滚动（垂直）
• 到达div #scroll后，我希望页面滚动停止，并且希望#scroll中的内容垂直滚动
• 滚动到#scroll的末尾后，我想恢复正常的页面滚动（垂直）。

我尝试了一些解决方案，但遇到以下问题

• 当我水平#scroll内容时，垂直页面滚动不会停止
• 当我停止垂直滚动并到达水平滚动的末尾时，我必须滚动50次才能离开该div。

到目前为止，这就是我所拥有的...

var scroller = {};
scroller.e = document.getElementById("scroll");

if (scroller.e.addEventListener) {
    scroller.e.addEventListener("mousewheel", MouseWheelHandler, false);
    scroller.e.addEventListener("DOMMouseScroll", MouseWheelHandler, false);
} else scroller.e.attachEvent("onmousewheel", MouseWheelHandler);

function MouseWheelHandler(e) {

    // cross-browser wheel delta
    var e = window.event || e;
    var delta = - 30 * (Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))));

    var pst = $('#scroll').scrollLeft() + delta;

    if (pst < 0) {
        pst = 0;
    } else if (pst > $('.box-wrap').width()) {
        pst = $('.box-wrap').width();
    }

    $('#scroll').scrollLeft(pst);

    return …

我一直在进行一些研究，以便找到在数据集（具有成对的 x/y 坐标）中识别断点（趋势方向变化）的最佳方法，这使我能够识别数据集合背后的趋势线。

然而，我没有运气，找到任何给我带来一些光明的东西。

下图中的黄点，代表我需要检测的断点。

关于文章、算法或实现示例（首选打字稿）的任何建议都会非常有帮助和赞赏。

我正在努力实现使用Vanilla Javascript的画布缩放(在鼠标滚轮上),但没有成功.

当滚轮转动时,必须在鼠标坐标上应用缩放.之前有人问过,但是我的情况完全不同,考虑到我不能使用canvasContext.translate,offsetX并且offsetY必须保持其绝对表示的值(不是缩放的)

我真的很感激一些亮点.

在下面的代码片段中,我提供了当前和功能失调的实现.当您放大和缩小保持相同的缩放坐标时,您将看到它是如何工作的,但只要您将鼠标移动到新坐标(当缩放!= 1时)并继续缩放时,新的偏移就会出错.

// initiate variabks : canvas ref, offsets, scale...
const context   = document.getElementById('c').getContext('2d');
let scale       = 1;
let scaleFactor = 0.2;
let offsetX=0;
let offsetY=0;

// Handle mousenwheel zoom
context.canvas.onwheel= function(e){
  e.preventDefault();
  // calculate scale direction 6 new value
  let direction = e.deltaY > 0 ? 1 : -1;
  scale += scaleFactor * direction;
  // calculatethe new offsets (unscaled values)
  offsetX = e.offsetX - (e.offsetX  / scale);
  offsetY …

我正在尝试从给定的日期范围计算一周的开始日期和结束日期。

下面的代码给了我这个错误 [ts] Property 'getWeek' does not exist on type 'Date'.

  Date.prototype.getWeek = function(start)
{
    start = start || 0;
    var today = new Date(this.setHours(0, 0, 0, 0));
    var day = today.getDay() - start;
    var date = today.getDate() - day;

    var StartDate = new Date(today.setDate(date));
    var EndDate = new Date(today.setDate(date + 6));
    return [StartDate, EndDate];
}

var Dates = new Date().getWeek();

我们有一个样式节点，我们想在HTML文档中编写，但是我们不想对其进行处理……只是为了进一步使用，我们之所以不使用隐藏节点，是因为我们想要在Dev时保留语法突出显示。

在Javascript中，可以通过更改type属性来完成

例如：

<script type="gzip/text"></script>

会导致脚本无法执行...

有可能在style节点上做同样的事情吗？

我想知道是否有人可以帮助我做一些我认为相当直接的事情:

基本上我想扩展所有数据类型的原型(包括内部类型),以允许某种自定义函数,考虑:

var x = "some string";
var y = 101;

x = "some other value";
y++;

x.onChange();
y.onChange();

这是我之后的基本思想,但我真正想要的是实际上让onChange(在这个例子中)与实际变量(而不是标准原型扩展)的新函数不同,即:

x.onChange = function() {
    alert("x.onChange");
}

y.onChange = function() {
    alert("y.onChange");
}

这似乎没有用,但我必须错过一些非常简单的事情吗？我的意思是我可以扩展所有对象和类型并添加新功能......不是吗？

任何帮助将不胜感激!

我已经努力了好几天，试图完成一些 Typescript 正确的推理，以便对提供给我的一个类构造函数的数据结构实现类型验证。

本质上，我的构造函数接收一个包含对象列表的数组，其中每个对象都包含（某种）插件的声明和插件的“自定义配置”。

我需要 Typescript 来确保提供的customConfig内容与 上的类型匹配defaultConfig，但是，我没有运气，甚至没有接近它。

我所做的几次尝试变得非常混乱和无意义，所以我将附上一个简单的代码表示，我希望它有助于表达这个想法：

我希望有人能提供一些光明

type Entry = {
    extension: {
        defaultConfig: Record<PropertyKey, unknown>
        install: any
        uninstall: any
    },
    customConfig: Record<PropertyKey, unknown>
}


function initExtensions<I extends Entry[]>(a: I): void { /* ... */ }


initExtensions([
    {
        extension: {
            defaultConfig: { foo: true },
            install: () => {/* ... */ },
            uninstall: () => {/* ... */ },
        },
        customConfig: { foo: true } // <-- SHOULD BE OK
    },
    {
        extension: …