小编CBa*_*arr的帖子
IE11中的CSS min-height calc()动态属性
我有一些非常基本的HTML和CSS,我希望有"粘性页脚"效果.这是我公司内部的应用程序,因此我们只能执行最新的浏览器(IE11 +).我看到IE9 +支持CSS calc()动态属性,所以我把它用来使用.
HTML
<div id="wrap">
<h1 id="title">The Title</h1>
<div id="content">
<p>Stuff....</p>
</div>
</div>
CSS
html,
body,
#wrap{
height: 100%;
}
#title{
height: 60px;
}
#content{
min-height: 100%; /*fallback*/
min-height: calc(100% - 60px); /*the title is 60px tall*/
}
JS小提琴 | 全屏演示
这在Chrome和Firefox中效果很好,但IE11(我唯一关心的版本)在调整窗口大小时不会重新计算此值.有时它似乎也不必要地延伸到页面的末尾,因此在不需要时会导致滚动.
而我在这里做错了,或者这是一个IE错误？
推荐指数
解决办法
查看次数
如何在 ASP.NET webforms 项目中缩小和/或组合 *.axd JavaScript 文件？
我正在研究我们的 ASP.NET WebForms 项目，并尝试进行YSlow等工具建议的更改。我们对添加到项目中的文件使用 .NET 4.0 附带的内置捆绑和缩小，但仍有一些 JavaScript 文件被 WebForms 框架包含在未缩小的范围内：ScriptResource.axd和WebResource.axd
我环顾四周，找到了很多关于如何缩小这些文件的 3rd 方解决方案，但是所有这些解决方案在框架中内置 JS 压缩器之前已经有几年的历史了。现在它是内置的，似乎应该可以以某种方式利用它。
我怎样才能让这些*.axd文件有一个缩小的输出？
javascript asp.net webforms minify bundling-and-minification
推荐指数
解决办法
查看次数
忽略MVC包中的文件
我们使用功能标记(在Web.Config中设置)来切换UI中某些尚未完成的功能的可见性.我还希望我的MVC包不包含相关的JS文件,因为它们只是在没有启用该功能时客户端必须下载的无用文件.
到目前为止,我已经找到了,IgnoreList.Ignore但我似乎无法让它工作.这基本上就是我在做的事情:
public static void RegisterBundles(BundleCollection bundles)
{
if (!appConfiguration.FeatureXEnabled)
{
//Skip these files if the Feature X is not enabled!
//When this flag is removed, these lines can be deleted and the files will be included like normal
bundles.IgnoreList.Ignore("~/App/Organization/SomeCtrl.js", OptimizationMode.Always);
bundles.IgnoreList.Ignore("~/App/Filters/SomeFilter.js", OptimizationMode.Always);
}
var globalBundle = new ScriptBundle("~/bundles/app-global").Include(
"~/App/RootCtrl.js",
"~/App/Directives/*.js",
"~/App/Services/*.js",
"~/App/Application.js"
);
bundles.Add(globalBundle);
var appOrgBundle = new ScriptBundle("~/bundles/app-org");
appOrgBundle.Include(
"~/App/Filters/*.js",
"~/App/Organization/*.js"
);
bundles.Add(appOrgBundle);
}
使用上面的代码,仍然包含忽略列表中的文件!我在这做错了什么？
推荐指数
解决办法
查看次数
正则表达式禁止HTML标签？
我需要一个允许除HTML标签之外的任何东西的正则表达式.这里的诀窍是,<和>字符将被允许的,但只是不能与他们之间的文本(但是其他字符是罚款).
以下将被允许:
hello world
!@$%^&*()_+'":;[]{}()\|#
<<<<<<<
>>>>>
<>
><
<087>
<-->
以下将不会被允许
<html>
<a>
<foo>
<bar>
我试过几个没有运气的表情.事实证明这比起初看起来要难得多(无论如何对我来说:P)
编辑:基本上,任何事情都是允许的,除了:A-Z和a-z之间<和>角色.
推荐指数
解决办法
查看次数
MSBuild输出缺少由Typescript编译的javascript文件
我们在CI服务器上使用MSBuild来编译我们的WebApp,但是构建忽略了TypeScript从构建输出构建的JavaScript文件.
我希望输出包含JavaScript而不是Typescript,但是在预期位置的输出中都没有.
如何在我的解决方案中包含JavaScript文件而不必将它们全部包含在内？TypeScript团队似乎认为这很糟糕,但我宁愿没有解决方案中所有文件的重复.
推荐指数
解决办法
查看次数
如何检测用户何时停止滚动 - Angular 5
我试图在用户滚动页面时隐藏 div，当停止滚动时我想显示 div。
我正在使用 @HostListener 但它只触发用户滚动页面。
@HostListener('window:scroll', ['$event'])
onScroll(event) {
this.scroll = true;
setTimeout(() => {
this.scroll = false;
}, 2000);
}
推荐指数
解决办法
查看次数
ng-repeat中的角度单选按钮模型
我觉得我在这里错过了一些东西,但我看不清楚.我似乎无法使单选按钮的值与复选框的行为方式相同.我究竟做错了什么？
这是一个演示:http://jsfiddle.net/vwJ6a/2/
这是我的HTML的样子
<tr ng-repeat="contact in ContactsList">
<td>{{contact.name}}</td>
<td>{{contact.email}}</td>
<td ng-class="{'success':contact.isPrimary}">
<input type="radio" name="radio-primary" ng-model="contact.isPrimary" />
</td>
<td ng-class="{'success':contact.isTechnical}">
<input type="checkbox" ng-model="contact.isTechnical" />
</td>
</tr>
这是我的控制器
function MyCtrl($scope) {
$scope.ContactsList = [{
name: "John Doe",
email: "joDoe@domain.com",
isPrimary: false,
isTechnical: true
}, {
name: "Jane Doe",
email: "jaDoe@domain.com",
isPrimary: true,
isTechnical: false
}, {
name: "Bill Murray",
email: "bMurray@domain.com",
isPrimary: false,
isTechnical: false
}, {
name: "Someone Dude",
email: "someone@domain.com",
isPrimary: false,
isTechnical: false
}];
}
推荐指数
解决办法
查看次数
使用 Angular5 下载文件
我有一个允许上传文件的 Angular 5 项目，我想给用户一个他们可以先下载的示例/模板文件。
文件结构
file-importer/
| file-importer.component.html
| file-importer.component.ts
| example-file-template.csv
在那个 HTML 文件中，我想做这样的事情
<a href='example-file-template.csv' download>
Download a sample template here
</a>
但是那个链接是不正确的，那么我应该如何链接到这样的静态文件呢？
推荐指数
解决办法
查看次数
未找到带有 exportAs 'ngModel' 的指令。角12
我正在以角度创建表单验证，但出现错误
未找到带有 exportAs 'ngModel' 的指令。
我的代码：
<form>
<div class="form-group">
<label for="firstname">First Name</label>
<input type="text" id="name" name="name" required minlength="4"
appForbiddenName="bob" ngModel #name="ngModel">
<div class="alert alert-danger" *ngIf>First name required</div>
</div>
<div class="form-group">
<label for="comment">Comment</label>
<textarea name="" id="comment" cols="30" rows="10" class="form-control"></textarea>
</div>
<button class="btn btn-primary">Submit</button>
</form>
错误：
Error: src/app/app.component.html:6:60 - error NG8003: No directive found with exportAs 'ngModel'.
6 appForbiddenName="bob" ngModel #name="ngModel">
~~~~~~~
src/app/app.component.ts:5:16
5 templateUrl: './app.component.html',
~~~~~~~~~~~~~~~~~~~~~~
组件AppComponent的模板出现错误。
推荐指数
解决办法
查看次数
可滚动侧栏中的Flexbox粘贴页脚
我有一个带有页脚的移动侧边栏，该页脚应固定在底部，但是当导航链接很多时，页脚将被向下推，您必须滚动才能看到它。
这是一个简化的演示，显示侧边栏已经扩展了内容。您会看到页脚粘在侧边栏的底部，而没有被多余的链接推下，滚动时它仍与链接重叠。
body {background: #CCC;}
#side-menu {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 200px;
background: #FFF;
box-shadow: 0 0 20px #000;
display: flex;
flex-direction: column;
overflow: auto;
height: 100vh;
}
#side-menu-header,
#side-menu-footer {
flex-shrink: 0;
background-color: skyblue;
padding: 0.5rem;
}
#side-menu-nav {
flex-grow: 1;
display: flex;
flex-direction: column;
}
#side-menu-nav a {
padding: 0.5rem;
}<aside id="side-menu">
<header id="side-menu-header">
Logo
</header>
<nav id="side-menu-nav">
<a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a><a href="#">link</a> …推荐指数
解决办法
查看次数
标签 统计
angular ×3
html ×3
typescript ×3
css ×2
javascript ×2
angular12 ×1
angular5 ×1
angularjs ×1
asp.net ×1
asp.net-mvc ×1
c# ×1
css3 ×1
download ×1
dynamic-css ×1
flexbox ×1
minify ×1
msbuild ×1
radio-button ×1
regex ×1
webforms ×1