小编Nad*_*bor的帖子

系统设计问题是科技公司在访谈中倾向于询问的一类问题,以及更常见的基于algorythmic和知识的问题.该术语涵盖了抽象的面向对象设计

勾勒出垄断游戏的类图

还有更多关于以性能为导向的问题

您如何为大型Facebook游戏设计事件记录系统？

现在越来越多的这些问题涉及并发和分布式计算的主题.这些类型问题的问题是 - 很难找到好的资源.与algorthmic问题不同,没有在线评委会立即告诉您是否做得对.在像careercup这样的网站上发布的问题没有回答或不可靠.涉及系统设计的书籍范围太宽,无法用于面试准备.那么:你如何准备系统设计问题,而不是设计系统几年？有在线教程吗？问题 - 答案(解释) - 类型指南？

我正在播放video标签中的视频.视频文件与index.html位于同一目录中.然后我将视频像素放在a上canvas,对它们做一些逻辑,读取它们并放在另一个上canvas.这一切在firefox和chrome中运行良好,但在IE9中不行.当我尝试从画布读取像素时,IE会出现安全性错误.如果视频源自其他某个域,那么这是可以理解的,但事实并非如此.更令人好奇的是,当我将相关代码放入setTimeout或从控制台触发它时发生错误,而不是在脚本中直接调用它时.这是相关的javascript:

$(document).ready(function(){
fun = function(){
    var main= $("#main");
    var video = $('<video autoplay="autoplay">
                <source src="orange.mp4" type="video/mp4" />
                <source src="orange.ogv" type="video/ogg" /></video>');
    video.css({"width" : 100, "height" : 200});
    var canvas1 = $('<canvas></canvas>');
    canvas1.css({"position" : "relative", "top" :0, 
                "width" : 100, "height" : 200, "background-color":"red"});
    canvas1.attr({"width" : 100, "height" : 200});
    var context1=canvas1[0].getContext("2d");

    var canvas2 = $('<canvas></canvas>');
    canvas2.css({"position" : "relative", "top" :0, 
                 "width" : 100, "height" : 200, "background-color":"purple", 
                 "margin" : "5px"});
    canvas2.attr({"width" : 100, "height" …