小编dom*_*91c的帖子

在React Native中按下更改按钮样式

我希望我的应用程序中的按钮样式在按下时更改.做这个的最好方式是什么?

javascript reactjs react-native

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

.ideavimrc中有用的自定义

我有兴趣听听你们中的一些人如何定制你的.ideavimrc文件来改善你的Jetbrains IDE中的工作流程.我不确定它的功能,并且很想知道什么是可定制的.可能的自定义列表也会有所帮助.

谢谢!

vim intellij-idea rubymine ideavim

10
推荐指数
2
解决办法
4565
查看次数

在React中创建滚动位置指示器

我正在尝试在React中编写滚动指示器进度条.我有它与Jquery合作,但想知道如何使用纯Javascript.

  componentDidMount() {
    window.addEventListener('scroll', this.handleScroll);
  }

  handleScroll() {
    var winHeight = $(window).height(),
      docHeight = $(document).height(),
      value = $(window).scrollTop(),
      max, percent;

    max = docHeight - winHeight;
    percent = (value / max) * 100;
    this.props.updatePercent(percent);
  }
Run Code Online (Sandbox Code Playgroud)

另外,我应该在纯Javascript中打扰这个吗?我被告知不应该在React中使用Jquery.

javascript dom reactjs

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

通知如何与Mailboxer gem一起使用?

我正在试图弄清楚如何使用Mailboxer设置通知系统.

我已经用它来设置站内消息系统,以便用户可以互相发送消息.现在,我想用它来发送来自网站的通知,通知用户他们的声誉点的变化,或者提醒他们必须完成的操作.像Facebook或Stackoverflow的下拉通知菜单.

例如,它可能包含以下类型的通知:

  • 用户获得执行操作的一些要点:
    • "You received 50 points for helping #{user.name} with #{request.title}.
  • 提醒用户必须执行操作:
    • "You must review #{user.name}'s help with #{request.title}!
    • 将链接到页面以完成该操作.
  • 用户收到他们发送的邮件的回复:
    • "You've received a message from #{sender.name}"
    • 将链接到该消息.

以下是一些细节:

  • 我不希望所有通知都发送电子邮件.大多数只需要在通知菜单中看到.Mailboxer中是否有一个选项来控制通过电子邮件发送的内容,或者我是否必须绕过Mailboxer的邮件程序?

  • 我想在下拉列表中以不同方式格式化每种类型的通知.例如,为每个添加特定的glyphicon.我可以使用通知type字段(使用它来设置条件)吗?type工作怎么样?我可以将其设置为字符串,例如"信誉",具体取决于通知吗?

  • 对象可以传递给notify方法.我对此的目的感到困惑.如何使用该对象?我想发送什么对象?


随意留下一些关于邮箱通知的一般信息,而不是专门回答所有问题.

我很幸运找到了通知功能的文档,所以如果有一些具有一些Mailboxer知识的人可以参与其中,那将非常感激.提前致谢.

notifications ruby-on-rails mailboxer

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

`Google Maps API警告:NoApiKeys`在尝试访问Youtube Data Api v3时

我正在关注Modern Redux With React教程,并试图访问Youtube Data API v3,但在Chrome控制台中我收到错误Google Maps API warning: NoApiKeys.我不确定为什么我收到Google地图警告,因为我为Youtube注册了一个API密钥.

单击转到凭据.

单击转到凭据.

点击"API密钥".

点击

点击"浏览器".

点击

设置名称并单击"创建".

设置名称并单击

将API复制并粘贴到JS文件中.

将API复制并粘贴到JS文件中.

import React, {Component} from 'react';
import * as ReactDOM from "react/lib/ReactDOM";
import YTSearch from 'youtube-api-search';

import SearchBar from './components/search_bar';


const API_KEY = 'AIzaSyD9WN2t4lhIZ5Es34jwaerM98r2nSutLJs';


class App extends Component {

  constructor(props) {
    super(props);

      this.state = {videos: []};

    YTSearch({key: API_KEY, term: 'surfboards'}, (videos) => {
      console.log(data);
      this.setState({videos});
    });
  }

  render() {
    return (
      <div>
        <SearchBar />
      </div>
    );
  }
}

ReactDOM.render(<App />, document.querySelector('.container'));
Run Code Online (Sandbox Code Playgroud)

javascript youtube api youtube-data-api

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

Mac OSX的所有Emacs键绑定列表

我最近发现Mac有基于Emacs的系统范围的键绑定,但很难找到它们的完整列表.有人知道这方面的资源吗?

我一直在学习Vim,但如果OSX功能大于我到目前为止找到的箭头键样式导航,可能会从Emacs开始.

macos emacs

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

两个具有不同父控制器和布局的设计模型 - Rails 5

为了让您了解我在做什么:我的主应用程序中有一个部分,我将其命名为“门户”路由 ( localhost:3000/portal)。我有两个设计模型,用户和客户端。客户端用户应该只能访问命名空间下的站点部分/portal。其他用户将邀请“客户”访问该站点,他们将获得指向其个人资料页面的链接localhost:3000/portal/clients/id

在门户路线下时,我希望使用不同的布局视图。所以我尝试Portal::ApplicationController在那里制作并设置布局(views/portal/portal_layout.html.erb)。当我不是在设计视图,但是当我在一个登录或注册视野范围内的这个工程portal/,设计使用其父控制器,主ApplicationController。这个值是在 Devise 初始化器中设置的,所以我不能根据用户是否在门户路由下动态设置它。

是否有解决方案可以使 Devise 使用正确的ApplicationController作为其父控制器取决于当前路径,或者是否有另一种方法可以为站点下的部分设置单独的布局 localhost:3000/portal

如果您需要更多信息,请告诉我,因为我发现这有点难以解释。我暂时把我的路线留给你。

  namespace :portal do
    devise_for :clients, controllers: {
        sessions: 'portal/clients/sessions',
        registrations: 'portal/clients/registrations'
    }
    authenticate :client do
      root to: 'dashboards#index'
    end
  end
Run Code Online (Sandbox Code Playgroud)

ruby routes ruby-on-rails devise ruby-on-rails-5

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

进度条与Vue和Axios

我正在制作一个图像上传器,我想显示一个进度条,一旦选择了一个文件就会开始递增.

我正在使用Axios访问后端,并将其设置如下:

const BASE_URL = 'http://localhost:3000';

function uploadImage(data, listingId) {
  const url = `${BASE_URL}/listings/${listingId}/images`;
  let config = {
    onUploadProgress(progressEvent) {
      var percentCompleted = Math.round((progressEvent.loaded * 100) /
        progressEvent.total);
      return percentCompleted;
    },
  };
  return axios.post(url, data, config).
      then(x => x.request.response).
      catch(error => error);
}
Run Code Online (Sandbox Code Playgroud)

如何percentCompleted从下面的Vue侧访问?

inputDidChange(e) {
  let inputData = e.target.files[0];
  var formData = new FormData();
  formData.append('image', inputData);
  uploadImage(formData, this.listingId).
    then((x) => {
      var xParsed = JSON.parse(x);
      this.newFile = xParsed.image.image.url;
      this.files.push(this.newFile);
      console.log('success');
  });
},
Run Code Online (Sandbox Code Playgroud)

progress progress-bar axios vuejs2

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

在选项卡式导航中打开模态 - Bootstrap 3&Rails 4

我的网站页面上有一个标签导航器.导航器显示正常,但在其中一个选项卡中,我有一个表,每个行上都有一个"标记完成"按钮.每个按钮打开一个模态.

当我在桌面导航器外面放置桌子时,按钮工作正常,模态出现没有任何问题.现在,当我尝试打开模态时,它看起来没有焦点,无法点击.我也无法退出.

在此输入图像描述

在此输入图像描述

您可以在下拉按钮显示的模态上看到这是另一个错误.关于可能导致这种情况的任何想法?

<div class="bs-docs-example">
  <ul id="myTab" class="nav nav-tabs">
    <li class="active"><a href="#requests" data-toggle="tab">Requests</a>
    </li>
    <li><a href="#offers" data-toggle="tab">Offers</a>
    </li>
    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>

      <ul class="dropdown-menu">
        <li><a href="#dropdown1" data-toggle="tab">@fat</a>
        </li>
        <li><a href="#dropdown2" data-toggle="tab">@mdo</a>
        </li>
      </ul>
    </li>
  </ul>

  <div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="requests">

      <div class="contain">
        <h5>My Requests <span class="badge badge-primary" style="font-size: 1em"><%= @requests.count %></span></h5>
        <!--<h1><%= t '.title', :default => model_class.model_name.human.pluralize.titleize %></h1>-->

        <table class="table table-striped">
          <thead>

          <tr>
            <th>Replies</th>
            <th><%= model_class.human_attribute_name(:title) %></th>
            <th><%= model_class.human_attribute_name(:created) %></th>

          </tr>

          </thead>
          <tbody> …
Run Code Online (Sandbox Code Playgroud)

javascript jquery ruby-on-rails twitter-bootstrap

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

强参数:允许符号数组

我需要在我的Rails应用程序中为一个表单列入一长串params列入白名单.我制作了一系列符号,每个符号都有一个我需要列入白名单的参数名称.有没有办法可以将这个数组传递给permit方法并允许这些参数?表单不会将params作为哈希传递.

form.rb

class Form < ApplicationRecord

  jsonb_accessor :fields,
                 salutation: :string, # personal info
                 first_name: :string,
                 last_name: :string,
                 birthday: :string,
                 marital_status: :string,
                 number_of_dependants: :string,
                 first_time_owner: :string,
                 spouse_deal: :string,
                 phone_cell: :string, # contact info
                ...

      def self.fields
        [:salutation, :first_name, :last_name,
         :birthday,
         :marital_status,
         :number_of_dependants,
         :first_time_owner,
         :spouse_deal,
         :phone_cell,
         :phone_home,
        ...
        ]
      end

end
Run Code Online (Sandbox Code Playgroud)

forms_controller.rb

  def form_params
    params.require(:form).permit(:name, Form.fields)
  end
Run Code Online (Sandbox Code Playgroud)

我正在使用jsonb_accessor gem将这些字段存储在Form表的JSON列中.所以我会有很多不同的形式,每个都有不同的参数.所以我需要找到一种动态允许参数的方法.我认为以上可能是一个好的解决方案.虽然我很欣赏有关更好解决方案的建议.

ruby ruby-on-rails strong-parameters

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