小编xdu*_*ine的帖子

Angular JS和Directive Link以及$ timeout

我对AngularJS和指令的一个非常基本的例子有一个问题.我想创建一个使用webrtc显示网络摄像头图像的指令.我的代码完美地显示了流,但如果我添加超时(例如刷新画布),$ timeout不起作用,这就是代码:

wtffDirectives.directive('scannerGun',function($timeout){
    return {
        restrict: 'E',
        template: '<div>' +
            '<video ng-hide="videoStatus"></video>' +
            '<canvas id="canvas-source"></canvas>' +               
            '</div>',
        replace: true,
        transclude: true,
        scope: false,
        link: function postLink($scope, element){
           $scope.canvasStatus = true;
           $scope.videoStatus = false;

           width = element.width = 320;
           height = element.height = 0;

           /* this method draw the webcam image into a canvas */
           var drawVideoCanvas = function(){
              sourceContext.drawImage(vid,0,0, vid.width, vid.height);
           };

           /* start the timeout that take a screenshot and draw the source canvas */
           var update = function(){ …
Run Code Online (Sandbox Code Playgroud)

javascript timeout angularjs angularjs-directive

34
推荐指数
3
解决办法
5万
查看次数

配置子路由器在父路由器视口html绑定中组成模块

目标: 我希望利用子路由器通过应用程序的重要功能区域组织路由的隔离和封装优势.但是,我希望由父路由器视口绑定处理和组合这些路由.即

<div id="parentRouterViewport" data-bind="router: { cacheViews: true }"><div>

到目前为止,我尝试过的所有操作,包括回拨父路由器来委派路由(作为实验)都失败了.让我想知道这是否可能.

为简洁起见,我只是包含了路由的任务批处理代码部分.

shell.js

return {
        router: router,
        activate: function() {
            return router.map([
                    { route: 'App*splat', moduleId: 'app/home/viewmodels/index', title: 'Home', nav: true }
                ]).buildNavigationModel()
                .mapUnknownRoutes('app/home/viewmodels/error')
                .activate();
        }
    };
Run Code Online (Sandbox Code Playgroud)

shell.html

<div id="content" data-bind="router: { cacheViews: true }"></div>
Run Code Online (Sandbox Code Playgroud)

index.js(子路由模块)

var childRouter = router.createChildRouter()
        .makeRelative({
            moduleId: 'app/home/viewmodels',
            fromParent: true
        }).map([
            { route: 'EligibiltySearch',    moduleId: 'eligibilitySearch',  title: 'Eligibility Search',    nav: true }
        ]).buildNavigationModel();

    return {
        router: childRouter
    };
});
Run Code Online (Sandbox Code Playgroud)

这种方法的唯一方法是将路由器视口绑定放在相应的index.html视图中.但是,基于我正在尝试设计的CSS布局和页面外观,这不是我所追求的.一旦路线被击中,所有东西都应该被表示为面板并换成不同的面板.目前,这种方法将有两个面板不断打开.请查看下面的照片,了解我的意思.

上面描述的CSS布局问题的照片

javascript knockout.js durandal-navigation durandal-2.0

20
推荐指数
1
解决办法
459
查看次数

reference_wrapper和std :: ref如何工作?

我试图了解std :: ref的工作原理.

#include <functional>
#include <iostream>

template <class C>
void func(C c){
    c += 1;
}

int main(){
    int x{3};
    std::cout << x << std::endl;
    func(x);
    std::cout << x << std::endl;
    func(std::ref(x));
    std::cout << x << std::endl;
}

Output : 3 3 4
Run Code Online (Sandbox Code Playgroud)

在上面的代码中,我认为C第三个函数调用的模板参数被实例化为std::reference_wrapper<int>.在阅读参考文献时,我注意到没有+=操作员std::reference_wrapper<int>.那么,如何c += 1;有效?

c++ c++11

17
推荐指数
2
解决办法
1577
查看次数

如何在phonegap webview中加载网页?

我希望能够链接到phonegap webview中的网页,该网页在同一个phonegap webview中加载外部网页.如果我这样做,它会加载到webview中:

public class App extends DroidGap {
   @Override
   public void onCreate (Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      super.loadUrl("http://google.com");
   }
}
Run Code Online (Sandbox Code Playgroud)

但是,我想首先启动一个内部页面,并带有指向外部页面的链接,所以我这样做:

public class App extends DroidGap {
   @Override
   public void onCreate (Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      super.loadUrl("file:///android_asset/www/index.html");
   }
}
Run Code Online (Sandbox Code Playgroud)

我有一个链接:

<a href="#" onclick="navigator.app.loadUrl('http://google.com')">Google</a>
Run Code Online (Sandbox Code Playgroud)

但此链接在应用程序外部,在Web浏览器中启动谷歌,而不是在phonegap webview中.我该怎么做才能确保在应用程序的phonegap webview中启动指向外部页面的链接?

android cordova

15
推荐指数
2
解决办法
3万
查看次数

如何使我的网络应用程序iPhone 5兼容?

我有一个网站优化为具有iOS Safari的网络应用程序,因此添加到主屏幕会在单独的Webview中打开应用程序.但是,它始终以3.5英寸信箱方式打开,而不是拉伸以填满屏幕.我知道,对于原生应用程序,您只需添加iPhone 5大小的启动图像.如何为Web应用程序执行此操作?

iphone safari web-applications ios

14
推荐指数
1
解决办法
1万
查看次数

为什么android Webview默认不检查缓存?

我有一个使用应用程序缓存的webview.我启动了与网络连接的应用程序,以加载/缓存页面.现在,在关闭wifi(和3g - 没有网络连接)并启动应用程序后,我会看到"android无法加载页面"页面.奇怪的是,如果我重新加载webview,它会从缓存中加载页面.如果无法连接到网络,为什么不从缓存中加载此页面?

我正在使用带有cache.manifest的HTML5 Application Cache.这是我的webview代码,用于启用此功能:

webview.getSettings().setDomStorageEnabled(true);
webview.getSettings().setAppCacheMaxSize(1024*1024*8);
webview.getSettings().setAppCachePath("/data/data/com.my.package/cache");
webview.getSettings().setAllowFileAccess(true);
webview.getSettings().setAppCacheEnabled(true);
Run Code Online (Sandbox Code Playgroud)

我试过加入:

weview.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); 
Run Code Online (Sandbox Code Playgroud)

但它没有帮助.

android caching android-webview

9
推荐指数
1
解决办法
2756
查看次数

没有ntohs的字节顺序交换

我正在编写一个ELF分析器,但我在转换字节顺序方面遇到了一些麻烦.我有函数来确定分析器的字节顺序和目标文件的endiannness.

基本上,有四种可能的情况:

  1. 一个大端编译分析器在大端目标文件上运行
    • 没有必要转换
  2. 一个大端编译分析器在一个小端对象文件上运行
    • 字节顺序需要交换,但是ntohs/l()和htons/l()都是大端机器上的空宏,因此它们不会交换字节顺序.这就是问题
  3. 一个小端编译分析器在大端目标文件上运行
    • 字节顺序需要交换,所以使用htons()来交换字节顺序
  4. 一个小端编译分析器在一个小端对象文件上运行.
    • 没有必要转换

是否有一个函数我可以用来显式交换字节顺序/更改字节顺序,因为ntohs/l()和htons/l()考虑了主机的字节序,有时不转换?或者我是否需要查找/编写自己的交换字节顺序功能?

c++ endianness

9
推荐指数
3
解决办法
2万
查看次数

为什么IE渲染空SVG元素时会冻结布局?

我目前正在IE 10和11中遇到一个问题,其中浏览器选项卡不时地悬挂在UI响应工具中的布局上.我是一个团队写一个相当大的knockout.js网络应用程序的一部分,因此确定创建此问题的确切条件非常困难.据我所知,当从页面中删除加载指示符HTML时,浏览器选项卡会在执行布局时挂起,并且某些div和一个空的SVG标记将附加到DOM的位置.

我已经能够确定空的SVG标签是罪魁祸首,但我不知道为什么我无法从页面中删除该标签它是我正在尝试创建的D#数据可视化的重要元素.

以下是IE 11为我提供的美国响应报告.我已经放大了有问题的区域,正如您在图片中看到的那样,布局线程使CPU达到100%.

在此输入图像描述

在进入代码示例之前,我的问题是:

为什么浏览器选项卡会间歇性地冻结/挂起向页面添加空的SVG元素?

HTML通过javascript以尽可能少的方式附加到DOM中,以减少浏览器中的重排:

var contentHTML = "";
contentHTML += '<div class="axis-title y-axis-title">' + renderString(bindingData.yAxis.title) + "</div>";
contentHTML += '<div class="' + CANVAS_CLASS + '"></div>';
contentHTML += '<svg class="x-axis"></svg>'; // The problematic element

element.innerHTML = contentHTML;
Run Code Online (Sandbox Code Playgroud)

这导致以下HTML(注意:所有数据绑定的东西都是针对knockout.js绑定处理程序,它触发上面的JS):

<div class="chart" data-bind="
barChart: {
    data: rowData,
    categoryTextKey: 'label',
    valueKey: 'keyOnObject',
    xAxis: {
        title: 'xAxisTitle',
        domain: [-1, 1]
    },
    yAxis: {
        title: 'yAxisTitle'
    },
    onClick: onLabelClick,
    formatValueText: formatPercentage
}
"></div>
    <div class="axis-title y-axis-title">Y Title</div>
    <div class="chart-canvas"></div>
    <svg …
Run Code Online (Sandbox Code Playgroud)

css internet-explorer svg internet-explorer-10 internet-explorer-11

9
推荐指数
1
解决办法
1301
查看次数

这些实验goog-RTCPeerConnectionConstraints的作用是什么?

从各种示例,网站,论坛,讨论和源代码,我编译了这个实验性谷歌RTCPeerConnection约束列表.他们每个人在WebRTC RTCPeerConnection的上下文中做了什么?

peerConnectionConstraints:
    optional: [
        #goog experimental
        { googIPv6: true }
        { googImprovedWifiBwe: true }
        { googDscp: true }
        { googSuspendBelowMinBitrate: true }
        { googScreencastMinBitrate:400 }
        { googCombinedAudioVideoBwe: true }
        { googCpuOveruseDetection: true }
        { googCpuOveruseEncodeUsage: true }
        { googCpuUnderuseThreshold: 55 }
        { googCpuOverUseThreshold: 85 }
    ]
Run Code Online (Sandbox Code Playgroud)

google-chrome webrtc

8
推荐指数
1
解决办法
1813
查看次数

我可以使用lambda函数调度lambda函数执行吗?

我正在寻找以编程方式安排lambda函数与另一个lambda函数运行一次的能力.例如,我向myFirstFunctionwith datetimeparameters 发出请求,然后在该日期和时间mySecondFunction执行.这只能用于无状态AWS服务吗?我试图避免一个永远在线的ec2实例.

我发现用于调度lambda函数的大多数结果都与cloudwatch和定期调度的事件有关,而不是ad-hoc事件.

amazon-web-services aws-lambda

8
推荐指数
1
解决办法
3211
查看次数