小编los*_*els的帖子

我有一个webpack构建,利用watch()方法在我工作时不断重建我的javascript.我还有一个观察者将更改的JS文件上传到远程服务器.

现在,当我更改任何文件时,它会重新编译所有文件.因此,即使一个块发生了变化,它也会更新所有内容,包括我的供应商文件和其他不相关的捆绑包,块等.

Webpack中是否有一种方法只重新编译已更改的文件并具有已更改的依赖项？

这是我的webpack构建代码的示例:

var compiler = webpack(require('./webpack.config.js'));
compiler.watch({
    aggregateTimeout: 300, // wait so long for more changes
    poll: true
}, function(err, stats) {
    console.log(stats);
});

我正在建立一个使用Googles Webfont Oswald的网站.我的一些同事正在经历一个不同的线路高度,这打破了网站.经过研究,这是因为他们安装了字体,而其他大多数人都没有.这种差异导致了这个问题.有没有办法强制浏览器使用webfont,而不是使用本机字体呈现它？

更多信息.

我将行高,高度和字体大小指定为相同的大小.

我目前正在构建一个非常复杂的AngularJS应用程序,它将数据存储在sqlite数据库中.我的应用程序数据包含对整个应用程序共享的对象的引用.Angular能够渲染这些数据,比较它,到目前为止一切都很好.

这一切是什么意思？查看此示例,了解我的应用程序中对象的"样板".

var Person = {
    name:'some person',
    owns:[]
}

var Cat = {
    name:'some cat'
}

var project = {
    name:'some project',
    people:[],
    cats:[]
}

我的应用程序将允许用户创建和操作这些对象,并在它们之间创建关系.Person可以创建实例,并且每个Person对象可以存储对实例的引用Cat.

正如您可能已经猜到的project那样,在用户完成操作之后,我最终会看起来像这样.

var project = {
    name:'some project',
    people:[person, person, person],
    cats:[cat, cat cat, cat, cat, cat]
}

console.log(project.people[0].owns)
//logs something like "cat, cat, cat". These are references.

然后我的应用程序设置视图以查看每个视图person,并列出owns属性,其中包含实例Cat.

一切都很好,直到我意识到在数据库中将这个存储为JSON可能会有并发症.JSON.Stringify()并且angular.toJSON()不要将引用视为引用,而是将它们作为单个对象读取.

我希望获得一些关于保存这些关系/参考的最佳方法的见解.

以下是我相信的两个选项.

选项1: 废弃将其存储在JSON中的想法,并使用关系数据库来存储所有内容.这并不理想,因为它开始吞噬AngularJS中对象渲染的灵活性.此外,这些数据将存储在多个地方(在线和本地),这可能会在数据库方案中出现差异,这将是调试的噩梦.

选项2: 为每个实例 …

我的文字没有垂直居中，我的设计师指出了这一点。

但是，我使用正确的 CSS 来实现垂直居中，这不是问题。

问题出在字体本身。字形并不位于实际文本的中心。选择文本会显示其边界框，从这里我可以看到文本下方的空间量不均匀。

行高似乎并不能解决这个问题。即使行高为 0，边界框仍然关闭。我可以在元素顶部添加填充来尝试解决此问题，但这无法在使用此字体的许多元素中进行扩展。

看起来不均匀的空间是由于下降部分造成的。这是有道理的，但不幸的是，它并没有让我更接近弄清楚如何真正垂直居中该文本。

有问题的字体是SouvenirStd-Medium，但我在许多其他网络字体中都注意到了这一点。无论使用哪个元素，它始终处于关闭状态……h1、段落标签等。

尽管它可能没有用，但这是我的标题样式的示例：

font-family: SouvenirStd-Medium;
font-size: 5rem;
font-weight: 400;
font-style: normal;
line-height: 1.3;
letter-spacing: 0;

以及我如何将文本集中在包装标签中的示例。

div {
   display: flex;
   height:100px;
   align-items: baseline;
}