小编ces*_*pon的帖子

当高度未知时,使用flexbox垂直居中时出现问题

我的布局有一个容器flex-container和一个孩子.

HTML:

<div class="flex-container">
  <div>text</div>
</div>
Run Code Online (Sandbox Code Playgroud)

容器和孩子的身高不明.目标是:

  • 如果孩子的高度低于容器,则它看起来水平和垂直居中.
  • 如果孩子的高度高于容器,它会调整到顶部和底部,我们可以滚动.

方案: 在此输入图像描述

使用flexbox对元素进行居中的最快方法如下:

.flex-container
{
  display: flex;
  align-items: center; /* vertical */
  justify-content: center; /* horizontal */

  width: 100%;
  height: 300px; /* for example purposes */
  overflow-y: scroll;
  background: #2a4;
}

.flex-container > div
{
  background: #E77E23;
  width: 400px;
}
Run Code Online (Sandbox Code Playgroud)
<div class="flex-container">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure fugit voluptas eius nemo similique aperiam quis ut! Ipsa aspernatur rem nesciunt est sed hic culpa nisi …
Run Code Online (Sandbox Code Playgroud)

css height overflow css3 flexbox

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

AngularJS UI-Router中ui-sref和$ state.go之间的区别

有没有之间的功能差异ui-sref$state.go()

ui-sref用于控制器中<a>...</a>$state.go('someState')用于控制器中.

在HTML中,我会使用:

<a ui-sref="currentState.state1">Link</a>
Run Code Online (Sandbox Code Playgroud)

而在一个函数中我会使用类似的东西:

if(someCondition) {
    $state.go('currentState.state1');
}
Run Code Online (Sandbox Code Playgroud)

那么,它或者我需要在之后添加一些东西$state.go()吗?假设当前状态是currentState.

angularjs angular-ui-router

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

使用按钮隐藏输入类型"文件"

我想知道这是否可行?谷歌什么都没有.

基本上我想我的按钮模拟选择时,允许用户上传文件.我已经阅读了标签的可能性,但我需要使用按钮来执行UX/UI

<button style="position:fixed;bottom:10px;right:70px" type="button" class="btn btn-default">
    <input type="file" id="files" visbility="hidden" />
    <span class="glyphicon glyphicon-folder-open" aria-hidden="true"></span>
</button>
Run Code Online (Sandbox Code Playgroud)

目前我的按钮看起来像这样: 在此输入图像描述 对此:

在此输入图像描述

html css jquery input button

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

将params传递给具有隔离范围的嵌套指令

我有一个对象dataMainCtrl.该对象用于将数据传递给指令first-directivesecond-directive.在两种情况下都需要双数据绑定.

因为first-directive,我传递完整的对象,datasecond-directive我想传递numbersobject(scope.numbers = scope.dataFirst.numbers).

问题:

当我这样做<div second-directive="dataFirst.numbers"></div>,并检查是否dataSecond是一个对象时,它返回true.

但当我这样做<div second-directive="numbers"></div>,我检查是否dataSecond是一个对象,它返回false.

在这两种情况下,如果我这样做console.log(scope),显示scope.dataSecond属性.

问题:

为什么会发生这种情况以及将params传递给指令的正确方法是什么?

编辑: 这个想法是制定可重复使用的指令,这意味着他们不能依赖其他指令.

angular.module('app',[])

.controller('MainCtrl', function($scope) {
  $scope.data = {
    numbers: {
      n1: 'one',
      n2: 'two'
    },
    letters: {
      a: 'A',
      b: 'B'
    }
  }
})

.directive('firstDirective', function () {
  return {
    template: '<div class="first-directive">\ …
Run Code Online (Sandbox Code Playgroud)

data-binding scope directive angularjs

9
推荐指数
2
解决办法
9850
查看次数

导入错误:DLL 加载失败:动态链接库 (DLL) 初始化例程失败

我在 Conda 环境中使用 CUDA Toolkit v9.0 和 cuDNNv7.1 以及 Python 3.6 安装了支持 CPU 的 TensorFlow。

我按照 TensorFlow 网站中描述的说明进行操作,当我尝试时:

import tensorflow as tf
Run Code Online (Sandbox Code Playgroud)

我收到此错误:

Traceback (most recent call last):
      File "C:\Users\31121\AppData\Local\conda\conda\envs\tensorflow_gpu\lib\site-packages\tensorflow\python\pywrap_tensorflow.py", line 58, in <module>
        from tensorflow.python.pywrap_tensorflow_internal import *
      File "C:\Users\31121\AppData\Local\conda\conda\envs\tensorflow_gpu\lib\site-packages\tensorflow\python\pywrap_tensorflow_internal.py", line 18, in <module>
        _pywrap_tensorflow_internal = swig_import_helper()
      File "C:\Users\31121\AppData\Local\conda\conda\envs\tensorflow_gpu\lib\site-packages\tensorflow\python\pywrap_tensorflow_internal.py", line 17, in swig_import_helper
        return importlib.import_module(mname)
      File "C:\Users\31121\AppData\Local\conda\conda\envs\tensorflow_gpu\lib\importlib\__init__.py", line 126, in import_module
        return _bootstrap._gcd_import(name[level:], package, level)
    ImportError: DLL load failed: A dynamic link library (DLL) initialization routine failed.
    
    During handling of …
Run Code Online (Sandbox Code Playgroud)

tensorflow

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

isNewRecord 始终为 false

Test我有一个带有唯一字段(主键)的 Sequelize 模型value。我使用 SQLite 作为数据库管理系统。

当我使用该bulkCreate()选项时ignoreDuplicates: truebulkCreate如果新数据已存在于数据库中,则忽略新数据。这是可行的,但返回的对象bulkCreate()始终具有isNewRecord: false,即使将新记录插入数据库也是如此。

代码

const items = [ {value: 'a'}, {value: 'b'} ]; // Items to be saved in database.

const results = await Test.bulkCreate(items, {
    ignoreDuplicates: true // Ignore duplicate records
});
Run Code Online (Sandbox Code Playgroud)

首次在空数据库上执行后bulkCreate(),值results

[
  Test {
    dataValues: {
      value: 'a',
      createdAt: 2020-07-12T12:01:08.695Z,
      updatedAt: 2020-07-12T12:01:08.695Z
    },
    _previousDataValues: {
      value: 'a',
      createdAt: 2020-07-12T12:01:08.695Z,
      updatedAt: 2020-07-12T12:01:08.695Z
    },
    _changed: Set {}, …
Run Code Online (Sandbox Code Playgroud)

sqlite node.js sequelize.js

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

MongoDB服务无法启动.错误:13许可被拒绝

我在Ubuntu服务器上安装了MongoDB,如文档http://docs.mongodb.org/manual/tutorial/install-mongodb-on-ubuntu/中所示.然后,我修改了配置文件/etc/mongod.conf,以后再运行mongod服务.

如果我执行:MongoDB正确运行:

sudo mongod -f /etc/mongod.conf
Run Code Online (Sandbox Code Playgroud)

但是如果我执行,MongoDB会停止:

sudo service mongod start
Run Code Online (Sandbox Code Playgroud)

在配置文件中/etc/mongod.conf我只改变了这个:

dbpath=/data/db
logpath=/root/logs/mongod.log
port=20000
Run Code Online (Sandbox Code Playgroud)

使用此配置,也不会创建日志文件.

如果我不修改指示的先前值,则服务正确启动.默认值为:

dbpath=/var/lib/mongodb
logpath=/var/log/mongodb/mongod.log
port = 27017
Run Code Online (Sandbox Code Playgroud)

因为日志文件不是使用自定义配置创建的,所以我只更改了dbpath以查看错误:

[initandlisten] exception in initAndListen: 10309 Unable to create/open lock file: /data/db/mongod.lock errno:13 Permission denied Is a mongod instance already running?
Run Code Online (Sandbox Code Playgroud)

我试图运行以下命令但没有成功:

sudo chown -R `id -u` /data/db

sudo rm /var/lib/mongodb/mongod.lock
mongod --repair
Run Code Online (Sandbox Code Playgroud)

堆:

  • Ubuntu 14.10
  • MongoDB 2.6.5

ubuntu service mongodb

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

错误403:向Cloud PubSub发送测试消息时出错:用户未被授权执行此操作

我想设置推送通知手表,但收到错误回复.我需要什么授权?

请求:

// Google API
$client = getClient();

// POST request    
$ch = curl_init('https://www.googleapis.com/gmail/v1/users/me/watch');

curl_setopt_array($ch, array(
    CURLOPT_POST => TRUE,
    CURLOPT_RETURNTRANSFER => TRUE,
    CURLOPT_HTTPHEADER => array(
        'Authorization: Bearer ' . $client->getAccessToken()['access_token'],
        'Content-Type: application/json'
    ),
    CURLOPT_POSTFIELDS => json_encode(array(
        'topicName' => 'projects/xxxx/topics/xxxx',
        'labelIds' => ["INBOX"]
    ))
));
Run Code Online (Sandbox Code Playgroud)

响应:

{
 "error": {
  "errors": [
   {
    "domain": "global",
    "reason": "forbidden",
    "message": "Error sending test message to Cloud PubSub projects/xxxx/topics/xxxx : User not authorized to perform this action."
   }
  ],
  "code": 403,
  "message": "Error sending test …
Run Code Online (Sandbox Code Playgroud)

php gmail push-notification gmail-api google-cloud-pubsub

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