小编ger*_*lol的帖子

iOS - 手动关注输入/文本区域的解决方法

所以我已经看到很多关于iOS问题的线索,专注于输入/ textarea元素.(看这里这里)似乎iOS不会让你手动专注于其中一个元素,并要求它是一个真正的点击/点击以专注于元素.

我已经尝试模拟点击,触发点击,只需点击()直接点击...各种各样的事情.

以下是我目前正在尝试实施的解决方法:

$scope.gotoElement = function(eID) {
    // call $anchorScroll()
    $scope.smoothScrollTo(eID).then(function() {
        clickElement('#textarea');
    });          
}

function clickElement(e) {
  $(e).on('touchstart', function() {
    //$(e).val('touchstart');
    $(e).focus();
  });

  $(e).trigger('touchstart');
}
Run Code Online (Sandbox Code Playgroud)

你不需要担心滚动功能,我知道这有效,我已经测试了足够的.注释掉的$(e).val('touchstart')工作没有问题来改变textarea的文本,但是.focus()在iOS上不起作用.我已经在Android设备上测试了它,它工作正常,但在iOS上它只是没有调出键盘.有时它会开始调高键盘半秒钟然后再次消失.

我已经看过上面提到的其他线程了,我似乎无法弄清楚如何为此编写解决方法.

有任何想法吗?

javascript jquery ios

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

Nodejs/Express - 启动我的应用程序:不推荐使用express.createServer()

我下载了一个节点应用程序来测试和玩.我用Google搜索,发现Express有点过时了.有人可以帮我修复实现的代码吗?

这是代码

/**
 * Module dependencies.
 */

// base dependencies for app
var express = require('express')
  , routes = require('./routes')
  , DB = require('./accessDB').AccessDB
  , passport = require('passport')
  , mongoose = require('mongoose')
  , mongoStore = require('connect-mongodb');

var app = module.exports = express.createServer();
global.app = app;

var DB = require('./accessDB');
var conn = 'mongodb://localhost/CrowdNotes';
var db;

// SocketIO Configuration
//var io = require('socket.io').listen(app);
//
//io.sockets.on('connection', function(socket) {
//  socket.on('user note', function (note) {
//    console.log(note);
//  });
//});

// Configuration
app.configure(function(){ …
Run Code Online (Sandbox Code Playgroud)

javascript mongodb node.js express socket.io

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

将整数数组排序为奇数,然后是偶数

我在其他地方的算法论坛上发现了一个问题.

我有一个随机数的数组(例如[5, 2, 7, 9, 2, 3, 8, 4]),应该返回给我,按奇数排序然后偶数.赔率/均匀的顺序并不重要,所以在这个例子中可能是这样[5, 7, 9, 3, 2, 2, 8, 4].

我的第一个想法是使用一个.reduce()函数将它们分成两个不同的数组然后将它们连接在一起,但是这个任务有一些复杂性.

添加的任务规则是排序应保持一个恒定的额外空间,并在适当的位置修改数组.它还应该使用一种与数组大小一致的算法.

哪种算法?

Wikipedia的列表来看,有许多算法可以一致地扩展并使用恒定的空间量.我还发现这个网站有一个很好的冒泡使用(也发布在下面),看起来很稳定,遵循我的规则(我想?).

我不确定这是否是正确的算法,或者如何完成这部分任务.

气泡:

  function comparator(a, b) {
    return a - b;
  }
  /**
   * Bubble sort algorithm.<br><br>
   * Complexity: O(N^2).
   *
   * @example
   * var sort = require('path-to-algorithms/src/' +
   * 'sorting/bubblesort').bubbleSort;
   * console.log(sort([2, 5, 1, 0, 4])); // [ 0, 1, 2, 4, 5 ]
   *
   * @public
   * …
Run Code Online (Sandbox Code Playgroud)

javascript arrays sorting algorithm

21
推荐指数
3
解决办法
8602
查看次数

Xampp - Ubuntu - 无法在lampp/htdocs中访问我的项目

我已经在Ubuntu 12.04上安装了xampp.我把我的项目放在文件夹/ opt/lampp/htdocs/project_is_here中

当我输入浏览器localhost/soap/php(soap/php在我的htdocs文件夹中)时,index.php我收到以下错误:

Access forbidden!

You don't have permission to access the requested directory. There is either no index document or the directory is read-protected.

If you think this is a server error, please contact the webmaster.

Error 403

localhost
Apache/2.4.3 (Unix) OpenSSL/1.0.1c PHP/5.4.7
Run Code Online (Sandbox Code Playgroud)

任何想法如何解决这一问题?我认为这是放置项目的正确位置,因为我尝试了其他地方,它说位置不存在,这个错误消失了,我得到了这个.

有任何想法吗?

php xampp ubuntu

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

为div创建一个倾斜的边缘

我试图创建一个倾斜的div,在我看到的任何地方,我刚刚找到了如何使用某种类型的边框来做到这一点,这将无法工作,因为div将位于图像的顶部.

所以现在使用Bootstrap的代码如下:

<div class="thumbnail">
    <a href="#">
        <img class="img-responsive" src="banner.jpg">
        <h3 class="headline-badge">slanted div text</h3>
    </a>
</div>
Run Code Online (Sandbox Code Playgroud)

这是相关的CSS:

.thumbnail img.img-responsive {
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.headline-badge {
    color: #fff;
    margin-top: 0;
    padding: 2%;
    position: absolute; 
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #000;
}
Run Code Online (Sandbox Code Playgroud)

所以我想在右上角创建一个斜面.我尝试使用边框很少或没有成功,每当我试图使边框透明时它就不会显示边框.

有没有人对如何使用CSS创建这个有任何想法?我认为它也应该是响应性的,这是一个主要问题,因为倾斜不能只是一个固定的高度/宽度.

倾斜应该在45度左右,并且只在div的右侧.该文本不应受斜面影响.

效果应该类似于:

http://jsfiddle.net/webtiki/yLu1sxmj/

感谢您发布这个小提琴,但我需要实际添加文本到div,并且您的解决方案很难做到这一点,因为回复中的评论建议.倾斜也需要向上倾斜,而不是向下倾斜,我努力做到这一点而不影响div的左边.在你的例子中,我无法弄清楚如何在div上添加文本,尽管我害怕.

html css css-shapes

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

JavaScript - 将Date()转换为秒

我正在使用Algolia制作的Hacker News API:

https://hn.algolia.com/api

我有点困惑,因为它说要搜索帖子,因为它说要运行以下查询:

自时间戳开始的评论X(第二次) http://hn.algolia.com/api/v1/search_by_date?tags=comment&numericFilters=created_at_i>X

它表示X用秒表替换时间戳,但你究竟会怎么做呢?让我们说我的最后一篇文章是2015-08-25T15:35:58.000Z.从那天起,我将如何运行此查询以搜索帖子?我不知道如何将这个日期转换为秒...

提前致谢!

javascript time date hacker-news algolia

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

PHP xampp 下载我的 index.php 而不是加载页面

所以我的 PHP 项目正在下载该项目localhost而不是加载它,它将它下载为...这里是文件:localhost/project/index.phpdownloaddownload

<?php   
/*
* Index.php - Define the directories
*
*
* DS, DIRECTORY_SEPARATOR = /
* ROOT, dirname = string containing the path of a file or directory
* __FILE__ = The full path and filename of the file. If used inside an include, the name of the included file is returned
*
* In this file we load the apporpriate files that our website wants to load and render the …
Run Code Online (Sandbox Code Playgroud)

php xampp

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

酶测试认证高阶组件(HOC)

我创建了一个高阶组件/组合组件,以确保在加载组件之前对用户进行身份验证.这是非常基本的,但我在测试它时遇到了一些麻烦.我想测试下面的几点,这与我在其他地方已有的测试类似:

  • 渲染组件(我通常通过查找特定的组件来检查className)
  • 是正确的props(在我的情况下authenticated)
  • 如果没有渲染包装的Component,则authenticated渲染null

HOC:

import React from 'react';
import { connect } from 'react-redux';
import { createStructuredSelector } from 'reselect';

import { makeSelectAuthenticated } from 'containers/App/selectors';

export default function RequireAuth(ComposedComponent) {
  class AuthenticatedComponent extends React.Component {
    static contextTypes = {
      router: React.PropTypes.object,
    }

    static propTypes = {
      authenticated: React.PropTypes.bool,
    }

    componentWillMount() {
      if (!this.props.authenticated) this.context.router.push('/');
    }

    componentWillUpdate(nextProps) {
      if (!nextProps.authenticated) this.context.router.push('/');
    }

    render() {
      return (
        <div className="authenticated">
          { this.props.authenticated …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs redux enzyme react-redux

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

AngularJS - $ location html5Mode如何工作?

我问这个是因为现在有几次,我试图和$locationProvider.html5Mode(true)命令一起玩,<base href="/">并且遇到很多错误,为我的项目调用脚本/样式/图像.我想肯定有一些我做错了,但是你应该遵循某种文件夹结构,这样你就不会遇到这些错误吗?还是有一种特定的方式base href,我不太了解的作品?

最近,我想我会在一个非常非常小的应用程序上尝试它.它实际上是一个静态网站,但我想利用Angular的路由来确保所有页面都能立即加载.所以我的结构将是这样的:

my-project
    css
    images
    js
        angular
            app.js
            app.routes.js
            mainCtrl.js
    views
        home.html
        about.html
        contact.html
    index.html
Run Code Online (Sandbox Code Playgroud)

所以我知道这个文件夹结构不是很好,但我只会在这个项目中使用Angular进行路由,仅此而已,它符合我的需求.

我投入了头<base href="/">,把身体ng-appng-controller,并在体内放了<div ng-view>什么地方了.

我添加了$locationProvider.html5Mode(true)并尝试了应用程序.然后我的所有脚本都被加载,http://localhost:8888/script.js这是不正确的.该项目位于一个文件夹中,index.html位于http://localhost:8888/my-project/index.html.因此,它应该从http://localhost:8888/my-project/js/angular/app.js例如加载脚本.

有什么我不了解的base href吗?最终我可能会在网上某个地方托管这个应用程序,所以我希望URL到脚本等都真正与文件相关.有人有主意吗?

好吧,所以在base href标签之上,我会有我的CSS样式,它将链接为css/style.css我的body标签的底部,我将我的脚本加载为js/init.jsjs/angular/app.js例如.这会尝试加载它,就像js文件夹直接位于localhost:8888/js.

javascript angularjs

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

Nodejs Express3 使用会话来检查用户是否登录

我有以下app.js代码

app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  app.set('views', __dirname + '/views');
  app.enable('jsonp callback');
  app.set('view engine', 'jade');
  app.set('view options', {layout : false});
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(express.cookieParser());
  app.use(express.session({
    secret : 'abcdefg'      
  }));
  app.use(app.router);
  app.use(express.static(__dirname + '/public'));
  app.use(function(req, res, next){
    res.locals.user = req.session.user;
    next();
  })

});
Run Code Online (Sandbox Code Playgroud)

我正在尝试使我的.jade视图中的以下代码能够工作

- if(session.user)
          div#logoutsection.pull-right
            a#logout-btn.btn.btn-info.pull-right.top-bar-form-button(href='logout/') Logout
            p#loginprompt.pull-right.login-prompt #{session.user.username} logged In
        - else
          ul.pull-right
            li
          a#signup-btn.btn.pull-right.top-bar-form-button(href='#signup-modal', data-toggle="modal") Sign Up
Run Code Online (Sandbox Code Playgroud)

因此,如果他们未登录,请提供注册选项;如果他们已登录,请告诉他们他们已“登录”。我在代码末尾添加了函数,app.configure就像在使用之前一样,dynamicHelpers()我被告知这cookieParser()是可行的方法,但是我将如何编码,以便我可以检查我的用户是否已登录并提供他们的用户名,因为我我正在尝试以上?

任何帮助表示赞赏。

谢谢!

编辑:index.js

'use strict'

var util = require('util');
var …
Run Code Online (Sandbox Code Playgroud)

javascript cookies session node.js express

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