小编Rob*_*nik的帖子

子元素上的边距移动父元素

我有div()包含另一个div(孩子).Parent是body没有特定CSS样式的第一个元素.当我设置

.child
{
    margin-top: 10px;
}
Run Code Online (Sandbox Code Playgroud)

最终的结果是我的孩子的顶部仍然与父母对齐.我的父母向下移动10px,而不是让孩子向下移动10px.

我的目标DOCTYPEXHTML Transitional.

我在这里错过了什么?

编辑1
我的父母需要有严格定义的尺寸,因为它的背景必须从上到下显示在它下面(像素完美).因此,设置垂直边距是不行的.

编辑2
此行为在FF,IE和CR上是相同的.

css xhtml nested margin

387
推荐指数
7
解决办法
15万
查看次数

SPA身份验证和会话管理的最佳实践

使用Angular,Ember,React等框架构建SPA风格的应用程序时,人们认为什么是身份验证和会话管理的最佳实践?我可以想到几种方法来考虑解决问题.

  1. 假设API和UI具有相同的原始域,则与使用常规Web应用程序的身份验证没有什么不同.

    这可能涉及具有会话cookie,服务器端会话存储以及可能的一些会话API端点,经过身份验证的Web UI可以点击以获取当前用户信息以帮助个性化或甚至可能确定客户端上的角色/能力.当然,服务器仍会强制执行保护数据访问的规则,UI只会使用此信息来自定义体验.

  2. 像使用公共API的任何第三方客户端一样对待它,并使用类似于OAuth的某种令牌系统进行身份验证.客户端UI将使用此令牌机制来验证对服务器API发出的每个请求.

我在这里并不是一位专家,但对于绝大多数情况来说,#1似乎已经足够了,但我真的很想听到一些更有经验的意见.

security authentication ember.js angularjs single-page-application

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

AngularJS - 使用ng模型时,忽略输入文本框的Value属性?

如果我将一个简单的输入文本框值设置为下面的"bob",请使用AngularJS.如果ng-model添加了属性,则不显示该值.

    <input type="text"
           id="rootFolder"
           ng-model="rootFolders"
           disabled="disabled"
           value="Bob"
           size="40"/>
Run Code Online (Sandbox Code Playgroud)

任何人都知道一个简单的工作来默认这个输入的东西,并保持ng-model?我尝试使用ng-bind默认值,但似乎也不起作用.

html javascript html5 angularjs

218
推荐指数
7
解决办法
40万
查看次数

防止HTML中的A元素(锚链接)上的tabstop

是否有可能取消<a href="...">在任何浏览器中的tabstop?我想在没有Javascript的情况下这样做.

html anchor tabstop

144
推荐指数
4
解决办法
7万
查看次数

div的背景不透明而不影响IE 8中包含的元素?

我想设置div的背景的不透明度而不影响IE 8中包含的元素.有任何解决方案并且不回答设置1 X 1 .png图像并设置该图像的不透明度,因为我使用动态不透明度和颜色管理员可以更改那

我用过但不在IE 8中工作

#alpha {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
}
Run Code Online (Sandbox Code Playgroud)

rgba(0,0,0,0.3)
Run Code Online (Sandbox Code Playgroud)

也.

css opacity internet-explorer-8

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

检查HTML元素是否包含滚动条

检查元素是否有滚动条的最快方法是什么?

当然有一件事是检查元素是否大于其视口,这可以通过检查这两个值来轻松完成:

el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth
Run Code Online (Sandbox Code Playgroud)

但这并不意味着它也有滚动条(所以它实际上可以被人类滚动).

如何检查1个跨浏览器中的滚动条和仅2个 javascript(如无jQuery)方式?

仅限Javascript,因为我需要尽可能小的开销,因为我想编写一个非常快速的jQuery选择器过滤器

// check for specific scrollbars
$(":scrollable(x/y/both)")

// check for ANY scrollbar
$(":scrollable")
Run Code Online (Sandbox Code Playgroud)

我想我必须检查overflow样式设置,但我如何以跨浏览器的方式做到这一点?

额外编辑

不仅overflow风格设置.检查元素是否具有滚动条并不像看起来那么简单.我上面写的第一个公式在元素没有边框时工作正常,但是当它没有边框时(特别是边框宽度相当大)时,offset尺寸可以大于scroll尺寸,但元素仍然可以滚动.我们实际上必须从offset维度中减去边框以获取元素的实际可滚动视口并将其与scroll维度进行比较.

备查

:scrollablejQuery选择器过滤器包含在我的.scrollintoview()jQuery插件中.如果有人需要,可以在我的博客文章中找到完整的代码.即使它没有提供实际的解决方案,Soumya的代码也大大帮助我解决了这个问题.它指出了我正确的方向.

javascript dom overflow scrollbar

101
推荐指数
6
解决办法
7万
查看次数

在Dapper中正确使用Multimapping

我正在尝试使用dapper的Multimapping功能来返回ProductItems和相关Customers的列表.

[Table("Product")]
public class ProductItem
{
    public decimal ProductID { get; set; }        
    public string ProductName { get; set; }
    public string AccountOpened { get; set; }
    public Customer Customer { get; set; }
} 

public class Customer
{
    public decimal CustomerId { get; set; }
    public string CustomerName { get; set; }
}
Run Code Online (Sandbox Code Playgroud)

我的短小精悍的代码如下

var sql = @"select * from Product p 
            inner join Customer c on p.CustomerId = c.CustomerId 
            order by p.ProductName";

var data = con.Query<ProductItem, Customer, ProductItem>( …
Run Code Online (Sandbox Code Playgroud)

dapper

98
推荐指数
4
解决办法
7万
查看次数

各种数据库的实体框架提供程序列表

有哪些提供商以及您使用它们的经验

我想知道所有可能的本机.NET Framework实体框架提供程序以及它们与默认LINQ2Entities(MS for MS SQL)相比的局限性.如果对同一个数据库有更多的更好.告诉我,我将使用此列表更新此帖子.

您可以直接在此帖子中添加其他提供商或提供答案,其他人(包括我)会将其添加到列表中.

实体框架1

Microsoft SQL Server Standard/Enterprise/Express

Microsoft SQL Server CE(精简版)

  • 任何供应商?

MySQL的

  • MySQL Connector(从6.0版本开始) - 我在使用时已经阅读了有关问题Skip(),Take()并且Sort()在同一个表达式树中 - 每个人都欢迎输入他们的相关经验/知识.

    注意:Visual Studio的Express Edition不支持MySQL Connector/NET Visual Studio集成,这意味着您将无法在Database explorer窗口中查看MySQL数据库或通过Visual Studio向导对话框添加MySQL数据源.一些用户可能会发现这限制了他们在Visual Studio Express中使用Entity Framework和MySQL的能力.

  • Devart dotConnect for MySQL - 与我读过的MySql连接器类似的问题,并且都试图责怪MS [这些问题应该被解决 ]

SQLite的

PostgreSQL的

神谕

.net database provider orm entity-framework

82
推荐指数
0
解决办法
5万
查看次数

RequireJS:如何定义包含单个"类"的模块?

我有许多JavaScript"类",每个类都在自己的JavaScript文件中实现.对于开发,这些文件是单独加载的,并且为了生产它们是连接的,但在这两种情况下我都必须手动定义加载顺序,确保B在A之后,如果B使用A.我计划使用RequireJS作为实现CommonJS Modules/AsynchronousDefinition自动为我解决这个问题.

有没有更好的方法来定义每个导出一个类的模块?如果没有,您如何命名模块导出的内容?导出类"Employee"的模块"employee",如下例所示,对我来说感觉不够干净.

define("employee", ["exports"], function(exports) {
    exports.Employee = function(first, last) {
        this.first = first;
        this.last = last;
    };
});

define("main", ["employee"], function (employee) {
    var john = new employee.Employee("John", "Smith");
});
Run Code Online (Sandbox Code Playgroud)

javascript commonjs requirejs

67
推荐指数
2
解决办法
5万
查看次数

"控制反转","依赖倒置"和"解耦"之间的区别

我正在阅读关于依赖倒置解耦的理论,我看不出两者之间的区别.

依赖性反转讨论了解耦功能组件,以便更高级别的组件不依赖于更低级别的组件.

解耦谈论同样的事情以及如何实现它.但是我们的IoC容器会让事情变得更糟.为什么它们不是称为依赖性反转容器或更好的依赖注入容器,因为它们服务于独立组件的运行时耦合?

然后我们有控制反转.这与Dependency Inversion基本相同,不是吗?为什么有三个术语描述同一个东西?还是我失明了?

  1. 三者有什么区别?
  2. IoC在IoC容器中需要做什么?

dependency-injection ioc-container decoupling

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