小编pll*_*lee的帖子

有没有办法使用typescript动态添加方法?

我正在尝试创建某种mixin方法,它可以动态地将方法添加到原型/类中,但是我会遇到错误

属性'greetName'在类型'Greeter'any的值上不存在

属性'greetName'在类型'Greeter'any的值上不存在

当我运行以下代码时.

class Greeter {
    greeting: string;
    constructor (message: string) {
        this.greeting = message;
    }
    greet() {
        return "Hello, " + this.greeting;
    }
}

Greeter.prototype.greetName = function(name){
        return this.greet() + ' ' + name;
}

var greeter = new Greeter('Mr');

window.alert(greeter.greetName('Name'));
Run Code Online (Sandbox Code Playgroud)

它实际上编译为有效的js并按预期运行.有没有办法在编译器警告/错误的情况下执行此操作?

typescript

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

Chrome会为滚动条保留空间,即使它已被隐藏

我所遇到的WebKit浏览器的问题(IE和FF都ok),其中滚动空间保留给即使滚动条不显示的元素.您可以在示例中看到,一旦中间的一个悬停,滚动条空间仍然保留.我只是想知道这是Chrome的问题还是仅仅是HTML/CSS规范的一部分.这个类似的问题提供了一个修复,但它没有解释它是否是一个错误,并且必须在子项上设置明确的宽度不是我想要做的.

        .hidden-scroll {
            background: black;
            overflow-y: hidden;
            height: 400px;
            width: 300px;
        }

        .hidden-scroll:hover {
            overflow-y: auto;
        }

        .no-hover.hidden-scroll:hover {
            overflow-y: hidden;
        }

        .hidden-scroll-content {
            background: red;
            height: 50px;
        }
Run Code Online (Sandbox Code Playgroud)
<body>
<div>No scroll needed</div>


<div class="hidden-scroll">
    <div class="hidden-scroll-content">1</div>
    <div class="hidden-scroll-content">2</div>
    <div class="hidden-scroll-content">3</div>
    <div class="hidden-scroll-content">4</div>
</div>

<div>Scroll on hover</div>

<div class="hidden-scroll">
    <div class="hidden-scroll-content">1</div>
    <div class="hidden-scroll-content">2</div>
    <div class="hidden-scroll-content">3</div>
    <div class="hidden-scroll-content">4</div>
    <div class="hidden-scroll-content">5</div>
    <div class="hidden-scroll-content">6</div>
    <div class="hidden-scroll-content">7</div>
    <div class="hidden-scroll-content">8</div>
    <div class="hidden-scroll-content">9</div>
    <div class="hidden-scroll-content">10</div>
    <div class="hidden-scroll-content">11</div>
    <div class="hidden-scroll-content">12</div>
</div>

<div>No scroll on hover</div> …
Run Code Online (Sandbox Code Playgroud)

html css safari opera google-chrome

15
推荐指数
1
解决办法
2823
查看次数

如果在异步加载gmaps时未指定回调,则不会加载其他必需的Google地图脚本

这是否记录在某个地方我需要指定一个回调才能定义google.maps模块?或者这是一个错误.

以下代码未加载Google地图模块:

<!DOCTYPE html>
<html>
  <head>
    <title>
      Google Maps JavaScript API v3 Example: Asynchronous Map Simple
    </title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <style type="text/css">
      html { height: 100% }
      body { height: 100%; margin: 0; padding: 0 }
      #map_canvas { height: 100% }
    </style>
    <script type="text/javascript">
      function initialize() {
        var myOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById('map_canvas'),
            myOptions);
      }

      function loadScript() {
        var script = document.createElement('script');
        script.type = 'text/javascript'; …
Run Code Online (Sandbox Code Playgroud)

google-maps google-maps-api-3

8
推荐指数
1
解决办法
7294
查看次数

JSON序列化Django Queryset并调用值.我的方法有什么问题吗?

这是问题:Django的序列化程序不支持字典,而simplejson不支持Django Querysets.请参阅使用simplejson进行JSON序列化Django模型

我想知道我的解决方案是否有任何问题.我有类似的东西:

people = People.objects.all().values('name', 'id')
json.dumps(list(people))
Run Code Online (Sandbox Code Playgroud)

我仍然是Python/Django的新手.被铸造QuerySet到列表中的坏主意?使用DjangoJSONEncoder其他主题中的建议更有效吗?

python django json

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

CSS*选择器但排除特定标记

背景

所以我在Ext JS的 css中找到了这行代码,它删除了webkit中每个元素的焦点.不幸的是,它已经差不多2年了,他们仍然没有解决他们的TODO问题.

    // TODO: remove outline from individual components that need it instead of resetting globally
.#{$prefix}webkit {
    * {
        &:focus {
            outline:none !important;
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

编译成

.x-webkit *:focus {
  outline: none !important;
}
Run Code Online (Sandbox Code Playgroud)

这样做会消除链接上的浏览器默认焦点(UA样式),因此当用户选中锚标记时,他们没有UI指示它们在标记上.我想使用本机浏览器行为,所以我不想a:focus特别重写,使用初始化不起作用.同样删除整个样式会导致UI组件以不同方式处理其焦点UI,这是不可接受的.

tldr

将样式应用于除某个标记之外的所有标记的最佳方法是什么.我知道我可以创建一个包含所有标签的选择器,除了我不想要的标签,但这很乏味,这真的是最好的方法吗?如果有,是否有HTML的有效UI标签列表?

html css

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