小编Raú*_*tín的帖子

从iTerm 2打开IntelliJ上的文件

我的iTerm输出如下:

  File project/path/path/file.py:56:54 extra text information
Run Code Online (Sandbox Code Playgroud)

如何通过单击在IntelliJ中打开此文件?

macos intellij-idea iterm2

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

辅助功能 - React确保点击事件具有关键事件

我想确保我的所有onClick事件都在onKeyDown事件旁边.

我将使用eslint-plugin-jsx-a11y来确保这一点.但是在代码中,这是一种通用的方法.我的意思是,一直这样做会很烦人:

 if(event.keyCode === 13){
    ...
 }
Run Code Online (Sandbox Code Playgroud)

我想有一种方法告诉一个元素,在onKeyDown中用户使用onClick中的执行函数.或类似的解决方案,如 http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/

以角度为例,我清楚了.让我们去指令自动执行此操作.但在React,我不知道这是最好的方法.


eslint规则:https: //github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/click-events-have-key-events.md

javascript accessibility decorator reactjs

6
推荐指数
2
解决办法
5307
查看次数

Babel通过_this转换它

我有一个工具提示的bootstrap修改.并使用webpack/babel处理我的js

我的代码的简化可以是:

    $('[data-toggle="tooltip"]').tooltip({
        title: () => {
            return $(this).children('.tooltip-html-content').html();
        }
    });
Run Code Online (Sandbox Code Playgroud)

这应该是元素,bootstrap将调用此函数:

   getTitle: function () {
      var title
        , $e = this.$element
        , o = this.options

      title = $e.attr('data-original-title')
        || (typeof o.title == 'function' ? o.title.call($e[0]) :  o.title)

      return title
    }
Run Code Online (Sandbox Code Playgroud)

重要的是:

 o.title.call($e[0])
Run Code Online (Sandbox Code Playgroud)

其中$ e [0]是工具提示dom元素.

好吧,当我用babel处理这个结果时,结果会改变this_thisa,然后他将_this分配给他认为真实的值.

问题:我可以在babel中避免这种特定功能的转换吗?

=====

基于响应的最终解决方案:

   getTitle: function getTitle() {
Run Code Online (Sandbox Code Playgroud)

javascript babel ecmascript-6 webpack

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

装饰图像或重复信息图像的可访问性

当你写一个alt时,你应该记住一些事情.其中一项建议alt=""图像内容装饰时使用空白或包含重复信息.

但是使用之间的区别是什么:

<img alt=""
<img aria-hidden="true"
<img role="presentation"
Run Code Online (Sandbox Code Playgroud)

还是一起?

<img alt="" aria-hidden="true" role="presentation" src="…" />
Run Code Online (Sandbox Code Playgroud)

html accessibility image alt wai-aria

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