<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,我根本无法改变任何东西:)
我有一个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外面点击时,计数器只会"更新".这是为什么?我希望计数器能够在我写作时动态更新.
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 验证器和 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>元素(在这种情况下需要)。
我在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().
有任何想法吗?
我正在使用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) 在以下示例中,我#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) 我刚刚开始使用 Firebase 创建网络应用程序。
我越来越感觉到 Firebase 的目标是移动应用开发者,而不是 Web。是的,他们有一个 Web SDK,但有很多东西只适用于 iOS / Android,例如:
有人愿意透露一些信息吗?
假设我有一个SharedModule,它导入了一堆服务、管道等,然后在FeatureModuleA中我想使用 SharedModule 中声明的管道之一。
然后我导入 SharedModule,它可能包含 100 个不同的管道,但其中 99 个在 FeatureModuleA 中成为未使用的死代码。这不是效率很低吗?
这让我想到了 Tree Shaking,Webpack 可能会删除未使用的代码,但据我所知,Tree Shaking 会删除已导出但尚未导入的代码。就我而言,所有内容都是由 SharedModule 导入的,那么这到底是如何工作的呢?我会仅仅因为需要 1/100 个管道就拥有 99% 未使用的代码吗?
有人愿意解释一下吗?在官方文档中找不到任何信息。
背景
我正在尝试在 git 中记录我的dev和master分支之间的差异。我感兴趣的只是提交消息。我希望这个日志写在一行中。
我尝试过的:
git log --left-only --graph --cherry-pick --oneline dev...master
Run Code Online (Sandbox Code Playgroud)
这给了我以下输出:
问题
我没有看到完整的提交消息。例如,如果我将标志更改--oneline为--pretty=full,我会得到一堆我不感兴趣的其他信息。但是,我至少得到了完整的提交消息。
--oneline下面的示例是当我更改为时上面屏幕截图中的第三次提交的样子--pretty=full:
如您所见,此处的提交消息包括我们的 JIRA 问题的问题号。
问题
如何像第一个屏幕截图一样以单行方式显示所有提交,但显示整个提交消息?