小编Bil*_*ill的帖子

使用ng-repeat和limitTo限制显示的可见项目数

我试图将结果集限制为固定数字.我可以用limitTong-repeat,但无论如何这限制了他们的项目目前的知名度,并删除项目从DOM.我想限制一些可见的项目,同时保持DOM中的所有内容.

这是我当前的代码.我的目标是始终在列表中显示不超过50个项目,即使items包含500个项目.

<div ng-repeat="item in items | limitTo: 50">
  <div ng-show="item.visible">
    <p>item.id</p>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

这最初将限制为50个项目,但如果我过滤列表(通过修改某些项目上的item.visible),列表将永远不会显示50 - 500范围内的项目,而是显示少于50个项目.什么是限制一个正确的方式,ng-repeat以便它只计算可见项目的限制限制?

javascript angularjs angularjs-ng-repeat

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

使用MailGun发送邮件时删除'代表'

我试图找出如何使用MailGun Golang API发送邮件,而不是代表'发送'.

这是From地址当前的样子(foo.com是发件人的电子邮件域,bar.com是我的域):

john=foo.com@mail.bar.com on behalf of John Smith <john@foo.com>
Run Code Online (Sandbox Code Playgroud)

我需要做什么才能使它看起来像这样:

John Smith <john@foo.com>
Run Code Online (Sandbox Code Playgroud)

我根据MailGun指令设置了SPF和DKIM,一切都正确.SetDKIM(true)当我发送邮件时我也用过.是否有一些我缺少的设置或我需要做的其他验证?

email go dkim mailgun

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

使用static(),staticCache()和compress()node.js连接中间件

我有一个Express 3.0应用程序,我想使用static(),staticCache()以及compress()中间件服务和压缩我的静态文件.这是我目前的app.configure()职能:

 app.configure(function() {
  app.use(express.favicon(__dirname + '/public/favicon.ico', {maxAge: 86400000}));
  app.use(express.bodyParser());
  app.use(express.cookieParser('foo'));
  app.set('views', __dirname + '/views');
  app.engine('.html', mustache({cache: true}).render);
  app.use(express.session({ store: sessionStore, secret: 'foo'}));
  app.use(express.staticCache());
  app.use(express.static(__dirname + '/public', {maxAge: 86400000}));
  app.use(express.compress());
});

// routes are loaded here
Run Code Online (Sandbox Code Playgroud)

使用此配置,YSlow报告我的.css和.js文件未压缩,如果不清除浏览器并多次刷新页面,我无法获得缓存命中.我还尝试在staticCache中间件中输入一个调试语句来报告缓存命中并运行ab -n 10000 -c 500显示0缓存命中.

显然我做错了(我猜测订单或选项搞砸了)但我无法弄清楚它是什么.有没有人有这三个中间件正常工作的工作示例?

connect node.js express

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

在角度应用程序中导航其他页面时,IE图标消失了

我发现了角度应用的问题.我有一个位置提供程序设置使用html5Mode true:

$locationProvider.html5Mode(true);
Run Code Online (Sandbox Code Playgroud)

我注意到在页面之间导航时,favicon正在消失.我正在使用IE11边缘文档模式.

有没有人碰到这个?

谢谢

favicon internet-explorer google-chrome angularjs angularjs-routing

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

Go:为template.ParseFiles指定模板文件名

我当前的目录结构如下所示:

App
  - Template
    - foo.go
    - foo.tmpl
  - Model
    - bar.go
  - Another
    - Directory
      - baz.go
Run Code Online (Sandbox Code Playgroud)

该文件foo.go用于ParseFiles读取模板文件init.

import "text/template"

var qTemplate *template.Template

func init() {
  qTemplate = template.Must(template.New("temp").ParseFiles("foo.tmpl"))
}

...
Run Code Online (Sandbox Code Playgroud)

foo.go按预期工作的单元测试.但是,我现在正在尝试运行单元测试bar.go,baz.go哪些都导入foo.go,我对尝试打开感到恐慌foo.tmpl.

/App/Model$ go test    
panic: open foo.tmpl: no such file or directory

/App/Another/Directory$ go test    
panic: open foo.tmpl: no such file or directory
Run Code Online (Sandbox Code Playgroud)

我已经尝试将模板名称指定为相对目录("./foo.tmpl"),一个完整目录("〜/ go/src/github.com/App/Template/foo.tmpl"),一个App亲戚目录("/App/Template/foo.tmpl")和其他人,但似乎没有任何东西适用于这两种情况.单元测试失败bar.gobaz.go(或两者).

我的模板文件应放在哪里以及如何调用ParseFiles以便无论我go …

go

12
推荐指数
1
解决办法
6149
查看次数

重新渲染Reactjs组件以进行打印

我有一个库组件,它使用当前窗口大小来确定库项目的大小.我还挂钩了窗口调整大小事件,以便在调整窗口大小时正确调整图库项目的大小.

在Chrome中,如果用户随后打印图库,则不会调整项目的大小以适合打印的页面.相反,他们只是使用为窗口大小计算的最后一个大小.即使在打印选项中从纵向切换到横向也是如此.

在打开打印对话框和页面布局从纵向切换到横向时,有没有办法强制对重新渲染组件做出反应?我认为打印对话框会重新呈现具有新尺寸的页面,但似乎并非如此.

printing reactjs

11
推荐指数
1
解决办法
9731
查看次数

React Native 0.47.1:热重载不反映MacOS上的代码更改

我正在尝试使用我的React Native项目进行热重新加载.打包器显示消息Bundling index.ios.js ... [hmr enabled],当我进行更改时,我看到Hot reloading...设备上的消息闪烁,因此我确信正在检测到更改.但是,实际屏幕并未反映代码更改.实时重新加载工作正常.

我重新安装了节点模块并重置/卸载/重新安装了守望者.似乎没有任何效果.

我还应该尝试什么?如何找出屏幕未更新的原因?

macos ios react-native

11
推荐指数
1
解决办法
1010
查看次数

Golang:什么是etext?

我已经开始介绍我的一些Go1.2代码,而顶级项目总是名为'etext'.我已经四处搜索但除了它可能与Go例程中的调用深度有关外,找不到有关它的更多信息.但是,我没有使用任何Go例程,'etext'仍占用总执行时间的75%或更多.

(pprof) top20 
Total: 171 samples
    128  74.9%  74.9%      128  74.9% etext
Run Code Online (Sandbox Code Playgroud)

任何人都可以解释这是什么以及是否有任何方法可以减少影响?

linux profiling go pprof

10
推荐指数
1
解决办法
704
查看次数

使用d3创建泳道图表

我需要生成类似于以下的泳道图表,但在Y轴上添加了显示日期.我需要显示的所有节点都是具有依赖关系的活动,没有流控制元素.

http://upload.wikimedia.org/wikipedia/commons/a/a5/Approvals.jpg

这可能是使用像d3这样的东西,还是有更好的javascript库用于这种类型的图表?我还没有看到任何类似的例子,所以如果有可能使用d3,我不知道我会从哪里开始.任何提示将非常感谢.

javascript d3.js

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

获取预转换源代码的Karma代码覆盖率

我正在使用Karma来运行测试,使用webpack来捆绑文件,并使用babel来进行es6 - > es5 transpilation.我已经运行了测试并生成了代码覆盖率,但代码覆盖率数字是在转换后的源文件.反正有没有获得原始源文件的代码覆盖率?

我尝试使用sourcemap预处理器,但似乎没有做任何事情.我是否需要将其添加到某个地方的webpack配置中?

karma.conf.js

config.set({
    browsers: ['Chrome'], //run in Chrome

    files: [
        'src/**/*-test.js'
    ],

    frameworks: ['mocha'], //use the mocha test framework

    plugins: [
        'karma-chrome-launcher',
        'karma-mocha',
        'karma-sourcemap-loader',
        'karma-webpack',
        'karma-coverage',
    ],

    preprocessors: {
        'src/**/*-test.js': ['webpack']
    },

    reporters: ['dots', 'coverage'], //report results in this format

    coverageReporter: {
        reporters: [{
            type: 'text-summary',
        }, {
            type: 'html',
            dir: 'build/reports/coverage'
        }]
    },

    singleRun: true, //just run once by default

    webpack: {
        node: {
            fs: 'empty'
        },

        // Instrument code that isn't …
Run Code Online (Sandbox Code Playgroud)

javascript karma-runner webpack karma-coverage babeljs

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