小编Cod*_*000的帖子

我的环境(我在哪里获得LAG):

Mac OSX El Capitan 10.11.2 on Chrome Version 50.0.2661.102(64-bit)

CODEPEN:

http://codepen.io/vieron/pen/hnEev

动画:

情况:

我搜索了很多,没有发现任何适合我的东西.我知道以前曾问过这个问题.

当我使用Safari和Firefox打开网站时,我的Mac上的CSS3动画很流畅,但不是Chrome!

奇怪的是,原始的CodePen在Chrome上很流畅.

问题:

我的代码中的某些内容导致动画仅在Chrome上出现波动.它是什么,我该如何解决？

我看到了什么:

• Chrome CSS 3转换不顺利

我需要我的定位是相对的,以适应不同的屏幕尺寸.

• Chrome中的CSS3过渡并不顺畅

• http://blog.teamtreehouse.com/create-smoother-animations-transitions-browser

• https://www.binarymoon.co.uk/2014/02/fixing-css-transitions-in-google-chrome/

• http://blog.teamtreehouse.com/create-smoother-animations-transitions-browser

码:

HTML

<div class="marquee">
    <ul>
        <li>
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a>
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a> 
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a> 
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" /></a>
            <a href="https://developer.apple.com/library/mac/documentation/Cocoa/Conceptual/ProgrammingWithObjectiveC/Introduction/Introduction.html"><img class="marquee-itm" src="Vendors/Images/Objective-c-logo.png" /></a>
        </li>
        <li>
            <a href="https://developer.apple.com/swift/"><img class="marquee-itm" src="Vendors/Images/Apple_Swift_Logo.png" …

情况:

我按照本教程操作:https://cloud.google.com/nodejs/tutorials/bookshelf-on-compute-engine

一切正常,直到我npm start去,并去:

HTTP://本地主机:8080

我在空白页面上遇到以下文字:

Could not load the default credentials. Browse to https://developers.google.com/accounts/docs/application-default-credentials for more information.

因为我使用OAuth,这没有任何意义.我按照链接阅读了页面,但我没有任何GOOGLE-APPLICATION-CREDENTIALS字段,在教程中没有任何内容.

题:

您能否重现这些步骤并告诉我您是否得到相同的结果？

(需要5分钟)

如果没有,我可能做错了什么？

情况:

我正在学习本教程.

当我到达创建实例的部分并执行必要的命令时,我会得到以下结果:

To see the application running, go to http://[YOUR_INSTANCE_IP]:8080,

where [YOUR_INSTANCE_IP] is the external IP address of your instance.

问题:

该页面无法加载.我收到以下错误消息:

This site can’t be reached

题:

什么可能出错？

以前的所有步骤都很完美,我可以在本地访问我的网站.

我通过检查来等待计算引擎实例准备就绪:

gcloud compute instances get-serial-port-output my-app-instance --zone us-central1-f 

虽然我重复了两次所有步骤,但我仍然遇到了错误消息.

必须遗漏一些东西.

编辑:

我的防火墙规则:

情况：

我试图检查我的用户在向服务器发出请求时是否通过了身份验证。

我用谷歌搜索了一下，发现了这个：

如果用户通过 firebase 登录，如何显示不同的页面

所以这是我尝试使用这个库实现这个解决方案：

https://github.com/js-cookie/js-cookie/blob/latest/src/js.cookie.js

代码：

服务器端

  var cookies = require("cookie-parser");

  router.get("/", function(req, res, next){


      const { token } = req.cookies;

      console.log('Verifying token', token);


 });

客户端

<script src="/public/js/cookieScript.js"> </script>

<a href="/upload" class = "authIn uploadButton btn btn-success pull-right">UPLOAD</a>

<script>

        const setAppCookie = () => firebase.auth().currentUser &&
            firebase.auth().currentUser.getToken().then(token => {
                Cookies.set('token', token, {
                    domain: window.location.hostname,
                    expire: 1 / 24, // One hour
                    path: '/',
                    secure: true // If served over HTTPS
             });
        });

</script>

情况:

我目前使用以下代码按时间顺序加载最新帖子:

码:

        $scope.data = [];
        var _n = Math.ceil(($(window).height() - 50) / (350)) + 1;
        var _start = <%= lastID %>;
        var firstElementsLoaded = false;

        $scope.getDataset = function() {

            fb.orderByChild('id').startAt(_start).limitToFirst(_n).on("child_added", function(dataSnapshot) {

                _start = dataSnapshot.child("id").val() + 1;
                console.log("LAST TRUE ID:"+ _start);

                $scope.data.push(dataSnapshot.val());
                $scope.$apply()
                console.log("THE VALUE:"+$scope.data);

                firstElementsLoaded = true;
            });
        };


        $scope.getDataset();

题:

我应该如何修改它基本上具有完全相同的行为,但只根据按时间顺序查询分数大于100的帖子？

更新:

我终于找到了一种方法来使用我的架构"创建另一个索引"方法.但仍存在一个障碍:

如何将childNode从一个节点复制到另一个节点？

当用户从我的网站共享内容时,缩略图中出现的图像通常是网站的徽标而不是图像本身.

我怎么能告诉reddit忽略徽标？

我搜索了很多,并找到了如何指定reddit应该与og imagemeta标签一起使用的图像的答案,但我不能这样做,因为我的网站是UGC的一部分,这意味着我不知道每个图像的绝对URL是什么.

例如:reddit没有在链接帖子上拉刮图像

编辑:

这似乎不适合我.它适用于你的吗？

<script>
function img_find() {
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];

    for (var i = 0; i < imgs.length; i++) {
        imgSrcs.push(imgs[i].src);
    }

    return imgSrcs;
}var result = img_find();
$("meta[property='og:image']").attr("content", result[1]);
</script>

码:

<script>

    var app = angular.module('app', ['firebase']);

    app.controller('ctrl', function ($scope, $firebaseArray, $timeout) {


            console.log(<%=lastID%>);

            $scope.data = [];
            var _n = Math.ceil(($(window).height() - 50) / (350)) + 1;
            var _start = <%= lastID %>;
            var _end = <%= lastID %> + _n - 1;

            $scope.getDataset = function() {

                fb.orderByChild('id').startAt(_start).endAt(_end).limitToLast(_n).on("child_added", function(dataSnapshot) {

                    $scope.data.push(dataSnapshot.val());
                    $scope.$apply()
                    console.log("THE VALUE:"+$scope.data);

                });

                _start = _start + _n;
                _end = _end + _n;

            };


            $scope.getDataset();

            window.addEventListener('scroll', function() {
                 if (window.scrollY === document.body.scrollHeight - window.innerHeight) {
                      $scope.$apply($scope.getDataset());
                 } 
            }); …

我有两个ViewControllers,一个是GoalsViewController,另一个是AddNewGoalViewController.

这GoalsViewController对删除目标(单元格)和添加新目标(单元格)很有用.有UITableView一个按钮,添加新目标.当用户按下添加新目标按钮时,它将传递给AddNewGoalViewController.在AddNewGoalViewController用户中,将选择锻炼,通知(他们希望被通知的次数),以及他们想要跑步,走路或做任何其他工作的程度.

我检查了一个教程(点击"教程"一词来检查它),这很有帮助.问题是它正在实现空单元格.下载我的项目以更好地检查它.

码:

fs.unlink("/public/images/uploads/"+req.file.filename, (err) => {
        if (err) {
            console.log("failed to delete local image:"+err);
        } else {
            console.log('successfully deleted local image');                                
        }
});

控制台/终端的错误消息:

failed to delete local image:Error: ENOENT: no such file or directory, unlink '/public/images/uploads/ed6d810405e42d0dfd03d7668e356db3'

情况

我必须指定错误的路径.我不明白为什么会出错," public"文件夹与" "文件处于同一级别app.js." upload.js"位于名为" routes" 的文件夹中,与" app.js" 处于同一级别.

我已经在我的app.js中为我的公共文件夹指定了一个"/ public"路由:

//Static Folder
app.use("/public",express.static(path.join(__dirname, "/public")));

题:

我做错了什么？

情况:

我曾经用一个简单的表格提交检查我的recaptcha,用POST命令"/ login".

出于安全原因,我需要更改我的实现,并希望执行以下操作:

1)Jquery表单提交.

2)调用服务器以在服务器上调用verify recaptcha.

3)无需重新加载页面即可接收响应.

4)根据响应接受或不接受登录请求.

题:

看起来我可以发出一个AJAX请求？但我不知道怎么做.

客户代码:

<div class ="containerMargins">
        <h1 class = "authTitle">Login</h1>
        <form id="loginForm">
          <div class="form-group">
            <label>Email</label>
            <input type="email" class="form-control" name="email" id="loginEmail" placeholder="You can't forget it :)" required>
          </div>
          <div class="form-group">
            <label>Password</label>
            <input type="password" class="form-control" name="password" id="loginPassword" placeholder="We hope you didn't forget it ^^" required minlength="12">
          </div>
          <div class="g-recaptcha" data-sitekey="6LcRrxMUAAAAANx-AXSdRLAo4Pyqfqg-1vuPSJ5c"></div>
          <button class="btn btn-default" id="loginButton">Submit</button> <span class="userLinks">
          <a class="logLinks" href="/users/register">Register</a><a href="/users/password">Password?</a></span>
        </form>
    </div>

</div>

<% include ../partials/indexScripts %>

<script>

$("#loginForm").submit(function(e) {

    e.preventDefault(); 
    var email …