小编Ale*_*ara的帖子

jQuery SVG,为什么我不能addClass?

我正在使用jQuery SVG.我无法在对象中添加或删除类.谁知道我的错误?

SVG:

<rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" />
Run Code Online (Sandbox Code Playgroud)

不会添加类的jQuery:

$(".jimmy").click(function() {
    $(this).addClass("clicked");
});
Run Code Online (Sandbox Code Playgroud)

我知道SVG和jQuery正在协同工作,因为我可以定位对象并在单击时触发警报:

$(".jimmy").click(function() {
    alert('Handler for .click() called.');
});
Run Code Online (Sandbox Code Playgroud)

javascript css jquery svg jquery-svg

283
推荐指数
9
解决办法
11万
查看次数

使用Webpack在vue.js项目中使用at('@')登录路径进行ES6导入

我正在开始一个新的vue.js项目,所以我使用vue-cli工具来构建一个新的webpack项目(即vue init webpack).

当我浏览生成的文件时,我注意到文件中有以下导入src/router/index.js:

import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello' // <- this one is what my qusestion is about

Vue.use(Router)

export default new Router({
    routes: [
        {
            path: '/',
            name: 'Hello',
            component: Hello
        }
    ]
})
Run Code Online (Sandbox Code Playgroud)

我以前没见过@路径中的at符号().我怀疑它允许相对路径(也许?)但我想确定我理解它真正的作用.

我尝试在网上搜索,但无法找到解释(因为搜索"at sign"或使用文字字符@没有帮助作为搜索条件).

@在这条道路上做了什么(链接到文档会很棒)这是一个es6的事情?一个webpack的东西?一个vue-loader的东西?

UPDATE

感谢Felix Kling指出我关于同一个问题的另一个重复的stackoverflow问题/答案.

虽然对其他stackoverflow帖子的评论不是这个问题的确切答案(在我的情况下它不是一个babel插件)但它确实指出了我找到它的正确方向.

在vue-cli为你创建的脚手架中,基本webpack配置的一部分为.vue文件设置了一个别名:

项目中的别名位置

这有意义,因为它为您提供了来自src文件的相对路径,并且它删除.vue了导入路径末尾(通常需要)的要求.

谢谢您的帮助!

javascript ecmascript-6 webpack vue.js

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

Android手机上最受欢迎的屏幕尺寸/分辨率

我了解Android的开发者网站提供了有关此主题的信息.我已经阅读了以下三页:

他们没有提供我正在寻找的信息/统计数据.从第二个链接来看,支持的两个最重要的屏幕类别是normal-hdpinormal-mdpi.

问题是,仅仅知道这两个类别最受欢迎对我没有帮助.该网站为我提供了这些类别的屏幕尺寸和密度范围,但范围非常大.

我想知道这两个类别中最流行的手机是什么.更具体地说,我正在寻找这两个类别中最受欢迎的决议.

android screen-resolution screen-size

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

了解Chrome网络日志"停滞"状态

我在chrome中有以下网络日志:

网络日志

我不明白其中的一件事:填充灰色条和透明灰色条之间的区别是什么.

google-chrome http httprequest google-chrome-devtools

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

ReCaptcha API v2样式

我没有成功找到如何设计谷歌的新recaptcha(v2).最终的目标是让它具有响应性,但是我很难应用样式来处理宽度等简单的事情.

他们的API文档似乎没有提供关于如何控制除主题参数以外的样式的任何细节,简单的CSS和JavaScript解决方案对我没有用.

基本上,我需要能够将CSS应用到Google的新版reCaptcha中.使用JavaScript是可以接受的.

javascript css captcha recaptcha

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

如何使用ES6类扩展函数?

ES6允许扩展特殊对象.所以可以从函数继承.这样的对象可以作为函数调用,但是如何实现这种调用的逻辑呢?

class Smth extends Function {
  constructor (x) {
    // What should be done here
    super();
  }
}

(new Smth(256))() // to get 256 at this call?
Run Code Online (Sandbox Code Playgroud)

类的任何方法都可以通过引用类实例this.但是当它被称为函数时,this指的是window.当作为函数调用时,如何获取对类实例的引用?

PS:俄语同样的问题.

javascript inheritance function ecmascript-6 javascript-inheritance

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

创建一个什么都不做的HTML链接(几乎没有)

我想要一个什么都不做的链接.我不想要这个:

<a href="#">

因为那时URL就变成了something.com/whatever/#.

我想要链接的唯一原因是用户可以看到他们可以点击文本.JavaScript被用来执行一些操作,所以我不需要链接去任何地方,但我需要它看起来像一个链接!

我可以使用一些数据属性并告诉我CSS使元素看起来像链接,如果他们有这个属性,但它似乎有点矫枉过正.

html css

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

如何将IE11文档模式设置为默认边缘?

我的计算机上安装了Internet Explorer,但需要测试IE 7的兼容模式.将文档模式更改为IE 7后,将其设置为默认值,现在我无法更改它.IE7上的默认设置是什么?

在此输入图像描述

如何设置文档模式默认值?

compatibility internet-explorer ie-developer-tools internet-explorer-11

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

如何向具有多个加载器的webpack加载器添加查询?

我有这个Babel装载机正在工作

{ test: /\.jsx?$/, loader: 'babel', query: babelSettings, exclude: /node_modules/ },
Run Code Online (Sandbox Code Playgroud)

但是现在我想要一个CoffeeScript加载器但是我想通过Babel来管它以获得花哨的HMR东西

{ test: /\.coffee$/, loader: 'babel!coffee', query: babelSettings, exclude: /node_modules/ },
Run Code Online (Sandbox Code Playgroud)

但这不起作用,并导致以下错误.

错误:无法在加载器列表中定义"查询"和多个加载器

知道如何仅为加载器链的Babel部分定义查询吗?查询是一个复杂的对象,我不认为我可以编码它.

var babelSettings = { stage: 0 };

if (process.env.NODE_ENV !== 'production') {
  babelSettings.plugins = ['react-transform'];
  babelSettings.extra = {
    'react-transform': {
      transforms: [{
        transform: 'react-transform-hmr',
        imports: ['react'],
        locals: ['module']
      }, {
        transform: 'react-transform-catch-errors',
        imports: ['react', 'redbox-react']
      }]
      // redbox-react is breaking the line numbers :-(
      // you might want to disable it
    }
  };
}
Run Code Online (Sandbox Code Playgroud)

javascript coffeescript webpack babeljs

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

CORS策略阻止了对来自"null"的映像的访问

我在OpenLayers 3中有JavaScript应用程序,我的基础层是从本地磁贴创建的.我只在我的电脑上工作所以我不知道为什么我有CORS错误.

    var newLayer = new ol.layer.Tile({
    source: new ol.source.OSM({
        url: 'E:/Maperitive/Tiles/vychod/{z}/{x}/{y}.png'
    })
});
var schladming = [21.6187, 48.7327]; // longitude first, then latitude
// since we are using OSM, we have to transform the coordinates...
var schladmingWebMercator = ol.proj.fromLonLat(schladming);

var map = new ol.Map({
    layers: [
        newLayer
    ],
    controls: [],
    target: 'mapid',
    view: new ol.View({
        center: schladmingWebMercator,
        zoom: 10,
        minZoom: 10,
        maxZoom: 14
    })
});
Run Code Online (Sandbox Code Playgroud)

控制台的错误消息:

CORS策略阻止了file:///E:/Maperitive/Tiles/vychod/10/573/352.png 从原点访问映像null:响应无效.null因此不允许原点访问.

当我双击图像URL时,图像被打开.有什么想法有什么不对?我之前从未遇到过这个错误.

javascript local cors openlayers-3

48
推荐指数
8
解决办法
15万
查看次数