小编Daf*_*fen的帖子

我开始使用Angular2.0.我一直在关注5 Min Quickstart,一切正常,虽然我grunt用来编译我的Typescript和一些Sass等.

我只有一个问题,我自己无法解决.我想将所有公共文件(生成的Javascript和生产节点模块)移动到一个子目录中.我需要这样做,因为我运行不同的应用程序而不是同一个domian.前端取决于登录的用户类型.(后端写入与phalcon)

这是我的公共文件夹(网络服务器的根目录)

所以整个Angular应用程序应该存在于"talent"目录中.

"index.html"包含以下内容:

<script type="text/javascript" src="/talent/node_modules/systemjs/dist/system.src.js"></script>
<script type="text/javascript" src="/talent/node_modules/angular2/bundles/angular2.dev.js"></script>

<script>
    System.config({
        baseURL: '/talent',
        packages: {'app': {defaultExtension: 'js',}}
    });
    System.import('app/app');
</script>

SystemJs能够正确加载我的app.js文件,然后尝试导入angular2:

import {bootstrap, Component} from 'angular2/angular2'; 

对应的Javascript:

var angular2_1 = require('angular2/angular2');

这会发送一个请求,http://example.dev/talent/angular2/angular2导致404错误.

当我将node_modules文件夹和app文件夹移动到web服务器的根目录并删除baseURL: '/talent'它时工作得很好.

以下是对工作解决方案(根本上的所有内容)和不工作部分(/ talent下的所有内容)的请求

工作:

不工作:

你能帮助我开始工作吗？

我有一个非常复杂,动态创建的svg图像,它是使用jQuery SVG创建的.我想创建一个"弹出"区域,该区域显示在画布中的所有svg元素之上.为了创建一个现代的半透明iOS7外观,我想将一个模糊过滤器应用于弹出区域下方的所有内容.我希望能够动态设置此弹出区域的x,y以及width和height属性.

看看这个例子:

<svg width="500" height="500">
    <rect x="10" y="10" height="235" width="235" fill="red" />
    <rect x="255" y="10" height="235" width="235" fill="green" />
    <rect x="10" y="255" height="235" width="235" fill="blue" />
    <rect x="255" y="255" height="235" width="235" fill="yellow" />

    <rect x="50" y="50" height="400" width="400" fill="rgba(255,255,255,0.8)" />
</svg>

在这种情况下,白色区域覆盖的所有内容都应该模糊.它应该是这样的:

我发现了这个,但这里使用的是静态背景图像,我没有.有没有为什么要使用svg,css和jQuery来实现这个效果？

我目前正在测试我的开发环境是否会在即将推出的新Mac OS 10.11上运行,如果我可以在它发布后立即升级.在我的测试机器上,我目前正在运行Beta预览版3.一切似乎都运行正常.

我可以pfctl转发我的端口.我使用Vagrant和Parallels Desktop为我的本地Web服务器运行Debian系统.Vagrant将主机上的8080端口转发给客户端80.因此,127.0.0.1:8080工作正常.但在某些项目中,我希望拥有与生产中完全相同的本地域.(没有:8080)我也更喜欢它.;-)

为此,我使用pfctl在主机上转发80到8080.这是我的配置文件:

〜/端口转发/ pf.conf文件

rdr-anchor "forwarding"
load anchor "forwarding" from "/Users/nick/port-forwarding/rules.conf"

〜/端口转发/ rules.conf

rdr pass on lo0 inet proto tcp from any to any port 80 -> 127.0.0.1 port 8080 
rdr pass on lo0 inet proto tcp from any to any port 443 -> 127.0.0.1 port 4433 

要启用它,我运行:

sudo pfctl -vnf ~/port-forwarding/pf.conf
sudo pfctl -evf ~/port-forwarding/pf.conf

这给了我这个:

pfctl: Use of -f option, could result in flushing of rules
present in …

iOS 7.1中新的"minimal ui"设置非常适合景观网站.我的网络应用程序使用全屏,绝对定位div作为其内容,给它一个类似应用程序的感觉.但Safari似乎只添加了底部URL栏的高度.我在不同的iPhone上试过这个,结果相同......

以下是它加载页面的方式:

这是一个错误或我做错了什么或丢失的东西？

单击例如(在iPhone上查看iOS> = 7.1)

我尝试将模糊滤镜应用于svg elment,但似乎Safari无法正确渲染颜色.这是我的问题的一个例子:

<svg height="110" width="110">
    <defs>
          <filter id="f1" x="0" y="0">
               <feGaussianBlur stdDeviation="15" />
          </filter>
    </defs>
        <rect width="90" height="90"  stroke-width="3" fill="#ff4300" filter="url(#f1)" />
</svg>

http://jsfiddle.net/6gZ8t/1/

苹果浏览器:

铬:

颜色是正确的每个brwoser驱动Safari,它更明亮...有谁知道解决这个问题？

我是Dart的新手,我想知道我是否可以扩展DivElement类以在一行代码中创建自定义元素.我正在寻找这样的东西;

class RedBox extends DivElement {
    RedBox(text) {
        this.text = text;
        this.style.background = "red";
    }
}

RedBox myBox = new RedBox("Hello World");
document.body.append(myBox);

当然,我将拥有更复杂的元素和自定义函数.但总的来说,这可能吗？

当我尝试运行时,我得到:

implicit call to super constructor 'DivElement()'

我认为这是一个非常简单的问题,但我似乎没有把它弄好.我想使用css设置列表样式,但我想要影响"顶级<li>元素.

现场看我的问题

HTML

<ul class="test">
<li>1</li>
<li>2
    <ul>
        <li>2.1 - should not be red</li>
        <li>2.2 - should not be red</li>
    </ul>
</li>
<li>3</li>

CSS

.test > li {
     color: #f00;
}

我究竟做错了什么？非常感谢!