小编Web*_*urk的帖子

如何通过CSS选择一些兄弟姐妹而不是全部?

<div class="wrapper">
   <ul class="cars">
      <li class="headline">My Cars</li>
      <li>Ferrari</li>
      <li>Hummer</li>
   </ul>
  <ul class="cars">
      <li class="headline">My Cars</li>
      <li>Volvo</li>
      <li>Caddilac</li>
   </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

有没有办法<li class="headline">只用CSS 隐藏第二个?我已经尝试了几种不同的兄弟选择器方法,例如+,>等等.但没有成功.我处在一个我无法控制源代码的位置,只有CSS.所以请不要建议使用javascript,更改HTML等.除了CSS,我根本无法改变任何东西:)

html css css-selectors

4
推荐指数
1
解决办法
613
查看次数

为什么jQuery.change()仅在我离开元素时触发?

我有一个textarea元素,我想打印在textarea上面写的字符数,因为我正在打字.HTML看起来像这样:

<p id="counter"></p>
<textarea id="text"></textarea>
Run Code Online (Sandbox Code Playgroud)

和javascript:

jQuery( "#text" ).change( function(){
    var numberOfChars = jQuery( "#text" ).val().length;
    jQuery( "#counter" ).html( numberOfChars );
});
Run Code Online (Sandbox Code Playgroud)

但是当我在textarea外面点击时,计数器只会"更新".这是为什么?我希望计数器能够在我写作时动态更新.

javascript jquery charactercount

4
推荐指数
1
解决办法
4211
查看次数

如何使用jQuery选择某个元素类型的第一个兄弟?

HTML的结构如下:

<div id="myDiv"></div>
<img src="" />
<p></p> // I want to select this element 
<h1></h1>
<p></p>
<h2></h2>
Run Code Online (Sandbox Code Playgroud)

基于我的start元素<div id="myDiv">还有几个<p>兄弟姐妹,但我只想要第一个,如代码中所示.

我怎样才能做到这一点?

jquery

4
推荐指数
1
解决办法
6911
查看次数

jQuery验证提交表单两次

我正在使用 jQuery 验证器和 jQuery 1.8.3。出于某种原因,我的表单提交了两次导致错误。这是代码:

someNameSpace.myValidateFunction = function(){
    $('#myForm').validate({
        submitHandler: function(){
            mySubmitCallBackFunction();
        },
    });
    return false;
};

someNameSpace.myValidateFunction();
$(document).on('click', '#myFormSubmitButton', function(){
    $('#myForm').submit();
});
Run Code Online (Sandbox Code Playgroud)

知道为什么表单提交两次吗?表单按钮不是输入提交而是一个<button>元素(在这种情况下需要)。

javascript jquery jquery-validate

4
推荐指数
1
解决办法
4455
查看次数

ngrx/effects switchMap不再适用于Angular2 RC5

我在Angular2应用程序中使用ngrx/effects,自RC5发布以来,我遇到了错误.这是我的代码:

import { Injectable } from '@angular/core';
import { Effect, Actions } from '@ngrx/effects';
import { UserActions } from './user.actions';
import { LoginService } from '../login';

constructor(
  private updates$: Actions,
  private userActions: UserActions,
  private loginService: LoginService
) {}

@Effect() loadUser$ = this.updates$
  .ofType(UserActions.LOAD)
  .switchMap(() => this.loginService.loadUserData())
  .map(user => this.userActions.loadUserComplete(user.userData));
Run Code Online (Sandbox Code Playgroud)

上面的代码在Angular2 RC4中使用了ngrx/effects 1.1.1.

但是当我将Angular升级到RC5时,我得到了错误: Unhandled Promise rejection: this.updates$.ofType(...).switchMap is not a function

然后我将ngrx/effects升级到最新版本2.0.0-beta.2(根据文档应该为新的RC5 NgModule定制)但是得到了与上面完全相同的错误.是的,我在这一步中改变了whenAction()功能ofType().

有任何想法吗?

ngrx angular

4
推荐指数
1
解决办法
3830
查看次数

在Webpack中,如何动态设置公共路径?

我正在使用Angular2/Typescript/Webpack来构建一个应用程序

我在动态设置webpack选项"publicPath"时遇到问题.在官方Webpack文档中,它说:

注意:如果在编译时未知输出文件的最终publicPath,则可以将其留空并在运行时在入口点文件中动态设置.如果您在编译时不知道publicPath,则可以省略它并在入口点上设置webpack_public_path.

我的问题:但是如何设置这个__webpack_public_path__变量呢?

我以为我必须设置它src/main.ts,但是ERROR in ./src/main.ts Cannot find name '__webpack_public_path__'.当我构建项目时我只是遇到编译器错误:

不是main.ts我应该设置这个变量吗?我甚至试图在文件的构建版本main.js中设置它,但这也不起作用.这是我的Webpack配置的一部分,我设置了入口点.

config.entry = isTest ? {} : {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts' // our angular app
};
Run Code Online (Sandbox Code Playgroud)

node.js typescript webpack

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

Angular2 本地模板变量

在以下示例中,我#input为多个单选按钮指定了一个局部变量。单击时<tr>我想选择里面的单选按钮。

下面的代码工作正常,但我不明白为什么。

当所有输入都具有局部变量时,Angular2 如何“知道”我指的是哪个输入#input

HTML

  <tr *ngFor="let office of employee.offices" (click)="selectOffice(input)">
    <td class="select-office-radio">
      <input type="radio" name="office" #input />
    </td>
    <td>
      {{office.officeName}}
    </td>
  </tr>
Run Code Online (Sandbox Code Playgroud)

JS

selectOffice(input) {
   input.checked = true;
}
Run Code Online (Sandbox Code Playgroud)

angular

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

Firebase 只能用于 iOS 和 Android 吗?

我刚刚开始使用 Firebase 创建网络应用程序。

我越来越感觉到 Firebase 的目标是移动应用开发者,而不是 Web。是的,他们有一个 Web SDK,但有很多东西只适用于 iOS / Android,例如:

  • 分析
  • 通知
  • 远程配置
  • 广告词
  • 测试实验室

有人愿意透露一些信息吗?

firebase

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

在 Angular 中,如果我导入一个共享模块但只需要其中的一件事,这不是一个不必要的巨大导入吗?

假设我有一个SharedModule,它导入了一堆服务、管道等,然后在FeatureModuleA中我想使用 SharedModule 中声明的管道之一。

然后我导入 SharedModule,它可能包含 100 个不同的管道,但其中 99 个在 FeatureModuleA 中成为未使用的死代码。这不是效率很低吗?

这让我想到了 Tree Shaking,Webpack 可能会删除未使用的代码,但据我所知,Tree Shaking 会删除已导出但尚未导入的代码。就我而言,所有内容都是由 SharedModule 导入的,那么这到底是如何工作的呢?我会仅仅因为需要 1/100 个管道就拥有 99% 未使用的代码吗?

有人愿意解释一下吗?在官方文档中找不到任何信息。

angular

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

如何在 git 中记录完整的提交消息?

背景

我正在尝试在 git 中记录我的devmaster分支之间的差异。我感兴趣的只是提交消息。我希望这个日志写在一行中。

我尝试过的:

git log --left-only --graph --cherry-pick --oneline dev...master
Run Code Online (Sandbox Code Playgroud)

这给了我以下输出:

在此输入图像描述

问题

我没有看到完整的提交消息。例如,如果我将标志更改--oneline--pretty=full,我会得到一堆我不感兴趣的其他信息。但是,我至少得到了完整的提交消息。

--oneline下面的示例是当我更改为时上面屏幕截图中的第三次提交的样子--pretty=full

在此输入图像描述

如您所见,此处的提交消息包括我们的 JIRA 问题的问题号。

问题

如何像第一个屏幕截图一样以单行方式显示所有提交,但显示整个提交消息?

git

2
推荐指数
1
解决办法
2208
查看次数