小编Eri*_*ikE的帖子

在浏览器中显示HTML标记而不进行渲染

开始实现Javascript,我需要进行故障排除,并希望将HTML输出到屏幕而不进行渲染.我可以通过访问元素(在IE中)

document.getElementById("test").outerHTML
Run Code Online (Sandbox Code Playgroud)

我想,但我不能证明我能确定的是什么.

那么我该怎么做才能让document.write显示整个元素,包括标签?

javascript debugging outerhtml

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

允许绝对定位元素比父绝对定位元素更宽

背景

我有一个小的单级CSS弹出菜单(从技术上讲,它是一个扩展元素).它绝对位于父级绝对定位元素的左下方,该元素相当窄.请参阅h1下面的第二个元素:

<div id="controls">
   <h1>Controls 1</h1>
   <h1 id="size" class="poplinks button">
      Size
      <a href="#" class="button selected" title="small"><img src=""></a>
      <a href="#" class="button" title="medium"><img src=""></a>
      <a href="#" class="button" title="large"><img src=""></a>
   </h1>
</div>
Run Code Online (Sandbox Code Playgroud)

这很简单就变成了一个扩展菜单/弹出窗口,如下所示:

.poplinks:hover {
   width:auto;
}
.poplinks a {
   display:none;
}
.poplinks:hover a {
   display:inline-block;
}
Run Code Online (Sandbox Code Playgroud)

问题

这会产生以下类似按钮的元素:

按键

h1具有风格width:48px;,而且也有应用样式规则width:auto;h1在悬停的元素,所以它应该能够扩大.但是,在悬停时,子菜单被迫保持不比父元素的宽度宽,当我希望它向右延伸时(在父元素的包含框之外).

垂直

我想看到的(通过将元素移动到父元素之外获得,但我希望它保留在内部以继承样式,因此当我将菜单栏从左侧移动到顶部时,它会自动跟随):

在此输入图像描述

这可能吗?你有什么建议?

在JS小提琴中为自己看这个.

浏览器

注意:我计划在Firefox,Chrome和IE 8中使用它.我正在使用Firefox和Chrome中的主要样式,并且基本上完成后,将添加条件CSS以使IE正常工作并尽可能接近.

合理

我绝对定位父菜单的原因是我正在构建一个类似应用程序的页面来显示图像.该页面将托管在父Windows应用程序中,不需要大量识别信息:只显示所需的图像.我选择使菜单绝对定位,而不是使用内联块或浮点数或其他方法来使我的菜单列到位(有两个).但是,它不一定是这种方式.如果您对替代布局或策略有建议,我会全力以赴.

css css-position absolute

5
推荐指数
1
解决办法
9990
查看次数

使dapper SQL成为语法颜色

如果一个人被绑定并决定在Visual Studio中使用C#项目语法中的Dapper SQL字符串着色(并且为了奖励,语法检查甚至是智能感知!),那么如何进行呢?

我有一些疯狂的想法:

  • 创建一种实际上是C#的新语言,但是它有足够的差异以某种方式支持内联SQL(不在双引号内).
  • 制作Visual Studio插件(或以某种方式修改话务员VS代码),在某些时候设法获得代码着色.

谁知道可能有哪些其他选择.

我认为实现我的目标在努力,时间,资源等方面可能是非常昂贵的.我从这个角度问,如果你有这些资源,它实际需要什么?

c# colorize visual-studio dapper

5
推荐指数
1
解决办法
637
查看次数

如何在 JQuery 中编辑“剪辑”CSS 属性?

我需要编辑这个“剪辑”CSS 属性:

#bulb_light {
   position: absolute;
   clip:rect(260px, 160px, 260px, 0px);
}
Run Code Online (Sandbox Code Playgroud)

但通常不是,而是多亏了 Jquery 的帮助,所以我尝试了这个:

// CSS 编辑

$("#bulb_light").css('clip', function () {
        return 'rect(' + newy + 'px, 160px, 260px, 0px);';
    });
Run Code Online (Sandbox Code Playgroud)

这是在点击事件中:

$('#Wsender').click(function () {
**//CSS editing** });
Run Code Online (Sandbox Code Playgroud)

请注意,' newy ' 是我创建的变量,它应该代替 'clip' 属性的第一个参数:

rect(newypx, 160px, 260px, 0px);
Run Code Online (Sandbox Code Playgroud)

本来就是这样的。

问题是代码不工作时,我用jQuery增加这个功能,但我发现它的权利在这里在计算器上。可能有什么问题?

这里是完整的源代码供参考

html javascript css jquery

5
推荐指数
1
解决办法
1868
查看次数

使用文字 JSON 属性序列化匿名类型

如何轻松地返回混合了普通对象和文字 JSON 字符串的响应,这些响应应该在 JSON 流中内联发出,完全原样,无需解释或编码?

public JsonResult Something() {
   var literalJson = "{\"a\":1,\"b\":2}";
   return Json(new {
      result = "success",
      responseTime = DateTimeOffset.Now(),
      data = literalJson // only, don't JSON-encode this, emit it as-is
   });
}
Run Code Online (Sandbox Code Playgroud)

创建一个LiteralJson类可以工作,并Converter为其定制。但我不确定这是否最有意义。

Converter如果这是一个可靠的实现,我知道如何定制。还有其他方法可以实现相同的目标吗?

c# serialization json asp.net-mvc-5

5
推荐指数
1
解决办法
1674
查看次数

Java Collectors.groupingBy是否可以将Stream作为其分组项目列表返回?

在C#的LINQ,GroupBy返回IEnumerableIGrouping项目,而这又是一个IEnumerable所选择的值的类型的项目。这是一个例子:

var namesAndScores = new Dictionary<string, int>> {
    ["David"] = 90,
    ["Jane"] = 91,
    ["Bill"] = 90,
    ["Tina"] = 89)
};
var IEnumerable<IGrouping<int, string>> namesGroupedByScore =
    namesAndScores
        .GroupBy(
            kvp => kvp.Value,
            kvp => kvp.Key
        );

// Result:
// 90 : { David, Bill }
// 91 : { Jane }
// 89 : { Tina }
Run Code Online (Sandbox Code Playgroud)

具体来说,请注意,每个IGrouping<int, string>都是IEnumerable<string>和不是List<string>。(它也有一个.Key属性。)

GroupBy显然有但是完全列举输入项目,才可以发出一个分组,因为它发出IEnumerable<string>,而不是一个 …

java grouping java-stream collectors

5
推荐指数
1
解决办法
1176
查看次数

在SQL Server存储过程中动态设置数据库名称?

如何在SQL Server存储过程中动态设置数据库名称?

sql-server

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

SQL Server 2005(Express) - 登录vs用户

我是Microsoft SQL Server的新手.我有一些MySQL的经验,如果我理解正确的话,你就有了一个拥有特权的用户; 这些权限决定了您在MySQL服务器上可以访问的数据库.

但是现在我处于我必须在SQL Server 2005 Express上恢复数据库的情况,并且该数据库具有自己的用户和用户密码.因此,如果我想让这些用户可以从外部访问(以便他们可以连接到我的服务器),我该怎么做呢?

为了说明更清楚; 假设数据库服务器上有两个登录帐户"Mike"和"John",而数据库"Animals"上有两个用户; "克里斯"和"杰夫".

我需要Jeff能够登录才能访问数据库.有没有一种很好的方法可以在不创建新用户/登录的情况下实现这一目标?如果没有,最好/最常见的解决方案是什么?

我真的很感激任何有用的输入!

sql sql-server sql-server-2005 sql-server-2005-express

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

代码合同.net - 替代品

最近,我开始使用.net的代码合同.在我看来,代码签约本身的想法很棒,但实现起来非常不愉快.

我不喜欢它的主要原因是:

  • 我只能使用像Contract.Require()我的程序里面的方法.ContractAbbreviators有很多限制(比如,我不能将它们放在一个单独的程序集中,我不能使用参数),这使得它们的可用性降低.没有属性,也没有扩展方法,所以我的代码变得非常冗长.例如,如果我只是想检查我的返回值类型Dictionary<string, string>是否为null,我需要添加一个怪物,如Contract.Ensure(Contract.Result<Dictionary<string, string>> != null).它甚至都不可读.
  • 静态分析仪发出了很多错误警报,我花了更多时间来关闭它而不是解决实际问题.
  • 这非常慢.尽管它有一些缓存,但即使是一个小项目也需要几分钟的时间来分析,这使得增量修复变得毫无用处.这只需要太长时间.
  • 有一些错误ccrewriter- 它不能咀嚼一半的程序集,并且它无法在.net 4.5运行时中存活.net 4.0程序集.
  • 有运行时/静态检查器二元论.当我刚刚开始时,我认为这很简单Debug.Assert- 你只需将它们添加到你认为需要的任何地方.但事实证明,我需要向静态检查器证明一切,这是肯定的,但检查器有时是愚蠢的,无法解决许多明显的代码结构(如while).并且没有任何工具可以对分析仪说"我知道我在做什么,只是忽略这违反合同".
  • 你无法联系条件.例如,没有办法向静态分析器解释如果我检查string.NotNullOrEmpty这包括string != null.或者,如果我有自己的大程序检查文件路径,我无法向分析器解释它肯定不是null而不是空的.该ContractAbbreviator属性帮助一点点,但所有这些冗长去那里,它仍然看起来肮脏和愚蠢的.
  • 代码合同的开发速度非常慢,即使它现在是开源的,据我所知,代码库处于不良状态.

代码合同是否有任何先进的替代方案,缺陷较少?

.net code-contracts

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

使用 Jest 在 Node 中模拟动态需求

给定一个需要从父/引用包的根动态加载依赖项的 npm 包,并且该位置直到运行时才知道,它必须执行动态要求:

// config-fetcher.js
const path = require('path');
const getRunningProjectRoot = require('./get-running-project-root');'
module.exports = filename =>
   require(path.resolve(getRunningProjectRoot(), filename));
Run Code Online (Sandbox Code Playgroud)

(不能保证模块会在node_modules. 它可以被符号链接或全局加载。所以它不能使用静态需求。)

这是从实际代码中简化的,因此除非您知道一种相对于正在运行的项目根目录非动态地要求文件的方法,否则必须采用这种方式。

现在,为了测试这一点,我不想依赖任何实际在磁盘上的文件。然而,Jest 似乎不会让你模拟一个不存在的文件。所以如果我试试这个:

const mockFileContents = {};
jest.mock('/absolute/filename.blah', () => mockFileContents);
// in preparation for wanting to do this:
const result = require('./config-fetcher')('/absolute/filename.blah');
expect(result).toBe(mockFileContents);
Run Code Online (Sandbox Code Playgroud)

然后我收到一个错误jest-resolve,文件Resolver.resolveModule抛出Error: Cannot find module '/absolute/filename.blah'.

我需要测试这个动态需求模块的一些功能,因为它处理相对路径与绝对路径的一些情况,并允许您通过符号指定一个特殊路径,例如一个 applicationRoot,所以该模块config-fetcher执行努力工作而不是来电者。

任何人都可以提供有关如何测试此模块或如何重组以便不需要动态需求或它们更易于测试的指导吗?

mocking node.js jestjs

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