小编jav*_*016的帖子

如何在heroku上为节点app设置环境变量并连接到postgresql数据库?

我知道堆栈溢出有相同/类似的问题,我也阅读了文档 - 我仍然不明白任何 - 如何设置这些变量和WHERE !! 设置它们.

我的env/production.js文件:

module.exports = {
    "DATABASE_URI": process.env.DATABASE_URI,
    "SESSION_SECRET": process.env.SESSION_SECRET,
    "TWITTER": {
       "consumerKey": process.env.TWITTER_CONSUMER_KEY,
       "consumerSecret": process.env.TWITTER_CONSUMER_SECRET,
       "callbackUrl": process.env.TWITTER_CALLBACK
    },
    "FACEBOOK": {
        "clientID": process.env.FACEBOOK_APP_ID,
        "clientSecret": process.env.FACEBOOK_CLIENT_SECRET,
        "callbackURL": process.env.FACEBOOK_CALLBACK_URL
    },
    "GOOGLE": {
        "clientID": process.env.GOOGLE_CLIENT_ID,
        "clientSecret": process.env.GOOGLE_CLIENT_SECRET,
        "callbackURL": process.env.GOOGLE_CALLBACK_URL
    },
    "LOGGING": true
};
Run Code Online (Sandbox Code Playgroud)

在我的env/development.js文件中,我设置了变量(链接到我的postgres/localhost/xxx).我是否需要将它们设置为heroku(Google,Facebook等)或仅用于数据库,因为我必须使用heroku创建一个?我是否将链接保留在我的开发文件中的本地数据库中并单独链接到heroku数据库?

我甚至不知道我是否想从我的命令行中做到这一点?!在文档中它说:heroku config:get CONFIG-VAR-NAME -s >> .env所以它是heroku配置:获取我的HEROKU DATABASE的配置名称-s >> .env?

我是第一次部署而且很困惑!救命 :)

config heroku environment-variables node.js

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

如何使用 jasmine 测试带有 DOM 元素的 JavaScript?

我正在尝试在 jasmine 中为包含 DOM 元素的 JavaScript 代码编写一个测试,但该测试不起作用。当我仅测试 JavaScript 代码(只是简单的函数,但不适用于 DOM 元素)时,它可以工作。我研究了这么久,确实找不到答案。我还尝试使用 jsdom,因为它应该在测试 DOM 元素时使用,但是我不断收到一堆错误。有没有什么“简单”的方法来仅使用 jasmine 测试 DOM 元素?

JavaScript:

var result;
var adding = function(one, two) {
    var one1 = document.forms["myForm"]["one"].value;
    var two1 = document.forms["myForm"]["two"].value;
    result = parseInt(one1) + parseInt(two);
    var number = document.getElementById("number");
    number.innerHTML = result;
    return result;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<html>

<head> </head>

<body>
    <form name="myForm">
        <h4>numner 1</h4> <input type="text" name="one" id="one"></input>
        <h4>number 2</h4> <input type="text" name="two" id="two"></input> <input type="submit" onclick="adding(one.value, two.value); return false;"> </form>
    <p id="number"> </p>
</body> …
Run Code Online (Sandbox Code Playgroud)

javascript testing unit-testing jasmine jsdom

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

a-frame vr如何拖放资产/元素洞察图片?

我正在尝试一个框架,找不到任何关于如何拖放元素的东西,并且已经找了几个小时!有人熟悉a-frame吗?谢谢

那是我的代码到目前为止:

<a-scene>
    <a-cursor></a-cursor>
 <a-assets>
  <img id="enemy-sprite" crossorigin="" src="mustache1.jpg">
 </a-assets>
 <a-image look-at="#player" src="#enemy-sprite" transparent="true" position="0 1.8 -4"></a-image>
 <a-camera id="player" position="0 1.8 0"></a-camera>
 <a-sky src="street.jpg"></a-sky>
Run Code Online (Sandbox Code Playgroud)

编辑:browser/home.html:

  <scene scene-id="sceneId"></scene>
Run Code Online (Sandbox Code Playgroud)

浏览器/ JS /应用/指令/ screne.html:

  <a-scene>
    <a-sphere click-drag position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
    <a-camera look-controls-enabled="false"></a-camera>
  </a-scene>
Run Code Online (Sandbox Code Playgroud)

的index.html

<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-click-drag-component"></script>
<script>  registerAframeClickDragComponent(window.AFRAME); </script>
Run Code Online (Sandbox Code Playgroud)

webvr aframe

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

CSS - AOS 动画库 - 为什么滑入动画会破坏我整个页面的宽度?

我正在使用 AOS 库来制作动画。当我使用动画向左滑动​​和向右滑动时,页面的宽度变得比正文宽度更宽,使整个页面看起来很奇怪。我在网上找不到任何解决方案,我找到的唯一解决方案是,如果我给出在 px 宽度上应用动画的元素(无论出于何种原因,它不能大于 400px)。然而,这个解决方案并没有真正起作用,因为它也破坏了我的 CSS。我提供了一个 js 小提琴,这样你就可以明白我的意思。我已经花了几个小时在这上面,所以如果有人能提供帮助,我会非常高兴!谢谢!!

https://jsfiddle.net/Lca8n0ue/

代码:

<div style="background-color:red; height:300px;"></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div class="container-fluid">
  <div class="row center-block wrapper">
    <div class="col-sm-6 test" data-aos="slide-right">
      <h2 class="text-center">title</h2>
      <p class="text-center">app</p>
      <div>
        <img class="img-fluid center-block" width="350" height="320" src="http://unsplash.imgix.net/reserve/9Fx2auQ4yoHM8OpWA8qw__MG_5265.jpg?fit=crop&fm=jpg&h=700&q=75&w=1050" alt="">
      </div>
    </div>
    <div class="col-sm-6 test2" data-aos="slide-left">
      <h2 class="text-center">title</h2>
      <p class="text-center">appp</p>
      <div>
        <img class="img-fluid center-block" width="350" height="320" src="http://unsplash.imgix.net/reserve/9Fx2auQ4yoHM8OpWA8qw__MG_5265.jpg?fit=crop&fm=jpg&h=700&q=75&w=1050" alt="">

      </div>
    </div>
    <div class="col-sm-6 test" data-aos="slide-right">
      <h2 class="text-center">title</h2>
      <p class="text-center">app</p>
      <div>
        <img class="img-fluid center-block" width="350" height="320" src="http://unsplash.imgix.net/reserve/9Fx2auQ4yoHM8OpWA8qw__MG_5265.jpg?fit=crop&fm=jpg&h=700&q=75&w=1050" alt="">
      </div>
    </div>
    <div class="col-sm-6 test2" data-aos="slide-left">
      <h2 …
Run Code Online (Sandbox Code Playgroud)

javascript css animation

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

如何使用传递给乐趣的对象作为内部函数的上下文?

我正在迭代一系列函数,我想调用每个函数使用对象作为上下文我不知道该怎么做 - 尝试应用但它不起作用 - 我想因为我不完全理解这个,申请等.快乐一些帮助!

function calling(obj,arr){
 for (var i=0; i<arr.length;i++){
  arr[i].apply(null,obj);
   }
 return arr;
}

    var fnA = [
        function () {
            this.yes = true;
        },
        function () {
            this.no = false;
        }
    ];
    var obj = {};

    calling(obj, fnA);
    obj.yes; //should return true
Run Code Online (Sandbox Code Playgroud)

javascript this

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

Ajax请求url和div中的显示响应不起作用?

我正在尝试向网站提出ajax请求,并仅显示其中的一部分。我的代码不起作用,我也看不出原因。另外,如何解析对象并仅显示对象的一部分(只是一个属性)?非常感谢!

JS:

  $(document).ready(function(){
   $('#buttonClick').on('click', 'button',function(){
    $.ajax('http://ShakeItSpeare.com/api/sentence', {
     success: function(response){
      console.log(response)
   //console.log of response works 
        $('.screen').html(response).fadeIn();
      }
    })
  });
});
Run Code Online (Sandbox Code Playgroud)

的HTML

<body>
    <div id="buttonClick">
<button>click Me</button>
<ul class="screen"></ul>
    </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script type="text/javascript" src="shakes.js"></script>
</body>
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery

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