小编Ric*_*ton的帖子

CSS单位 - vh/vw和%之间有什么区别?

我刚刚了解了一个新的,不常见的CSS单元.vh并分别vw测量视口高度和宽度的百分比.

我从Stack Overflow看了这个问题,但它使单位看起来更相似.

vw和vh单元如何工作

答案具体说明了

vw和vh分别是窗口宽度和高度的百分比:100vw是宽度的100%,80vw是80%等.

这看起来与%单位完全相同,这更常见.

在Developer Tools中,我尝试将值从vw/vh更改为%而反之亦然,并获得相同的结果.

这两者有区别吗?如果没有,为什么要引入这些新单位CSS3

css viewport-units

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

Firebase - 将文件放在多个目录中

我正在尝试组织我的项目以使其更易于维护.我有大量的html模板,我被迫将它们全部放在公共目录中.我真的很想像这样组织它

public directory
  views
    index.html
    register.html
    terms.html
    privacy.html
    support.html
  stylesheets
    styles.css
  scripts
    script.js
    authentication.js
Run Code Online (Sandbox Code Playgroud)

但它看起来像这样

public
  index.html
  register.html
  terms.html
  privacy.html
  support.html
  script.js
  authentication.js
  styles.css
Run Code Online (Sandbox Code Playgroud)

这是我的firebase.json档案

   {
  "firebase": "funmathgame",
  "public": "mathgame",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}
Run Code Online (Sandbox Code Playgroud)

这是我收到的错误消息

网页未找到

该文件不存在,并且index.html在当前目录或404.html根目录中找不到该文件.

我为什么看到这个?

您可能已为应用程序部署了错误的目录.检查firebase.json并确保公共目录指向包含index.html文件的目录.

您还可以404.html在站点的根目录中添加a ,以使用自定义错误页面替换此页面.

第一个结构更好,因为它分隔代码.每当我在文本编辑器中运行文件时,此结构都有效.但是,每当我部署到firebase时它都不起作用.

举个例子,这就是我引用样式表的方法

<head>
  <title>Frequently Asked Questions</title>
  <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'> 
  </link>
<link rel='stylesheet' href='../stylesheets/styles.css'></link>
Run Code Online (Sandbox Code Playgroud)

在上面的目录结构中,我在public/views目录中.我..用来将一个目录移回公共目录,然后转发到stylesheets目录.但是,这里我的index.html文件不在公共目录中,而是在public/views目录中. …

html javascript css jquery firebase

25
推荐指数
2
解决办法
4958
查看次数

将Git添加到PATH变量 - 在AppData/Local下找不到GitHub

我在这里遵循这个指南如何添加Git到我的Path变量,所以我可以从命令行使用它(不仅仅是Git Bash).

使用适用于Windows的GitHub客户端在PATH中安装Git

为了引用答案,Git应该位于这里

获取Git URL

我们需要将Git\cmd目录的url作为您的计算机.Git位于:

C:\用户\\应用程序数据\本地\ GitHub的\ PortableGit_\BIN\git.exe

我打开文件资源管理器,然后转到目录 C:\Users\AppData\Local\

在视图选项卡下,我已经Hidden Items检查过了.我看不到列出的GitHub文件夹.在搜索栏中,我将GitHub附加到目录路径的末尾并获得以下消息

Windows can't find 'C:\Users\username\AppData\Local\GitHub'. Check the spelling and try again.
Run Code Online (Sandbox Code Playgroud)

我正在尝试将Git添加到我的环境路径变量中,但无法找到git所在的位置.

在Git Bash中,我能够尝试which git到达的地方/bin/git

但我不确定如何在环境变量下找到什么.

做一个随机搜索,我实际上发现Git文件夹位于这里

C:\ProgramFiles(x86)\Git
Run Code Online (Sandbox Code Playgroud)

但是我应该为路径变量输入什么?这与其他问题的答案不同.

windows git installation command-line path-variables

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

为什么在三元运算符中使用"0"会返回第一个值?

我正在玩JSconsole并发现一些奇怪的东西.值为"0"false

"0" == false
=> true
Run Code Online (Sandbox Code Playgroud)

false在三元组中使用的值返回第二个值

false ? 71 : 16
=> 16
Run Code Online (Sandbox Code Playgroud)

但是,在三元组中使用的值"0"等于false返回第一个值.

"0" ? 8 : 10
=> 8
Run Code Online (Sandbox Code Playgroud)

但是,如果您将其0用作值,则返回第二个值

0 ? 4 : 5
=> 5

0 == "0"
=> true
Run Code Online (Sandbox Code Playgroud)

我担心这对我没有意义.

javascript types ternary-operator

16
推荐指数
3
解决办法
3293
查看次数

Ruby数组上未定义的方法'to_h'

根据Ruby Array文档,to_h只要数组的每个元素是另外两个元素的数组,就有一种方法可用于将数组转换为哈希.以下示例来自相同的文档

p [[:foo, :bar], [1, 2]].to_h
Run Code Online (Sandbox Code Playgroud)

但是,当我运行上面的代码时,我收到此错误:

irb(main):001:0> p [[:foo, :bar], [1, 2]].to_h
NoMethodError: undefined method `to_h' for [[:foo, :bar], [1, 2]]:Array
        from (irb):1
        from E:/RubyInstall/bin/irb:12:in `<main>'
irb(main):002:0>
Run Code Online (Sandbox Code Playgroud)

我的Ruby版本是

C:\>ruby -v
ruby 2.0.0p247 (2013-06-27) [x64-mingw32]
Run Code Online (Sandbox Code Playgroud)

我想用这种技术来回答关于Stackoverflow的另一个问题,但我现在卡住了,因为Ruby的文档功能对我不起作用.

ruby arrays hash ruby-2.0

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

Owl-carousel:每张幻灯片只显示一个图像

今天我发现了owl-carousel,我一直试图让它发挥作用.

我正在尝试制作一个循环通过恐龙图像的旋转木马.问题是4只恐龙出现在同一张幻灯片上(小提琴半大小窗口中有2只).我想每张幻灯片只显示1张.

我有一个小提琴

http://jsfiddle.net/8bJUc/318/

JavaScript的

<script>
    $(document).ready(function(){
        $("#dino-example").owlCarousel({
            items: 5
        });
    });
</script>
Run Code Online (Sandbox Code Playgroud)

HTML

<div id="dino-example" class="dino-carousel">
  <div class="item">
    <img src="http://johntomsett.files.wordpress.com/2014/03/14525_1_v12_tp.jpg" alt="dinosaur1"></img>
  </div>
  <div class="item">
    <img src="http://images.clipartpanda.com/t-rex-dinosaur-clip-art-T-Rex-Dinosaur_1.png" alt="dinosaur2"></img>
  </div>
  <div class="item">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQbuwkU3kDpr4rByYQ3ydbTPv6zP1L0yhrKB00fa5YhkY0i9WKFWA" alt="dinosaur3"></img>
  </div>
  <div class="item">
    <img src="http://content.animalnewyork.com/wp-content/uploads/new-dinosaur-nasutoceratops.jpg" alt="dinosaur4"></img>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

img {
  height: 300px;
  width: 300px;
}
Run Code Online (Sandbox Code Playgroud)

我尝试items改为1,但这也没有解决.

有谁知道如何解决这个问题?

感谢帮助.

html javascript css jquery owl-carousel

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

使用NodeJS FS mkdir时,包含回调的重要性是什么?

我正在玩NodeJS REPL控制台并遵循本教程.

http://www.tutorialspoint.com/nodejs/nodejs_file_system.htm

我专注于File System(FS)模块.我们来看看mkdir用于创建目录的函数.

根据TutorialsPoint,这是您使用FS创建目录的方式

var fs = require("fs");

console.log("Going to create directory /tmp/test");
fs.mkdir('/tmp/test',function(err){
   if (err) {
       return console.error(err);
   }
   console.log("Directory created successfully!");
});
Run Code Online (Sandbox Code Playgroud)

他们特别说你需要这种语法

fs.mkdir(path[, mode], callback)
Run Code Online (Sandbox Code Playgroud)

好吧,我只是尝试使用较少的代码,没有回调,它工作.

var fs = require('fs');
fs.mkdir('new-directory');
Run Code Online (Sandbox Code Playgroud)

并且目录已创建.语法应该是

fs.mkdir(path);
Run Code Online (Sandbox Code Playgroud)

我不得不问,回调的目的是什么,你真的需要吗?为了删除目录,我可以理解为什么你需要它,以防目录不存在.但我看不出该mkdir命令可能出现什么问题.好像很多不必要的代码.

javascript filesystems callback node.js

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

最长循环数字

我试图找到小于 1000 的数字,它在除以 1 时产生最长的重复数字串。我有一个十进制数字列表,必须找到那些具有最长重复序列的数字。

这是我到目前为止所拥有的

numbers = [*2..999]
decimal_representations = numbers.map { |number| 1.to_f/number }
decimal_representations.map!(&:to_s)
Run Code Online (Sandbox Code Playgroud)

我可以使用正则表达式生成一个三维数组。正则表达式/(.+)\1+/产生一个重复子串的数组。我想找到最长的子串,所以我使用了 enumerable 的max_by函数。

decimal_representations.map! { |decimal| decimal.scan(/(.+)\1+/).max_by(&:length) }.flatten
Run Code Online (Sandbox Code Playgroud)

我必须压缩我的数组以删除nil元素

decimal_representations.compact!
Run Code Online (Sandbox Code Playgroud)

然后我可以找出哪个长度最长。

decimal_representations.max_by(&:length)
Run Code Online (Sandbox Code Playgroud)

我得到0090009009,但我无法确定哪个数字具有该十进制值,因为我从数组中删除了 nil 元素。

有任何想法吗?

ruby substring decimal longest-substring

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

$("selector")和$("selector")之间有什么区别.toArray()

我在toArray()这里阅读文档并在控制台中测试它.我找不到调用toArray()选择器和调用选择器本身之间的区别.

我得到了完全相同的结果,这是一个与选择器匹配的DOM元素数组.我甚至做了另一次测试

$("element").toArray()[0] === $("element")[0]
Run Code Online (Sandbox Code Playgroud)

根据w3schools

toArray()方法将jQuery选择器匹配的元素作为数组返回.

但是,看起来只是查询元素本身就完全一样.而且写起来也容易多了.

有谁知道这两者之间的区别?如果没有,我不明白这个功能的目的.

javascript arrays jquery

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

Mongoose - TypeError:object不是函数

我正在尝试将Mongoose模型从我的model/user.model.js文件导出到我的server.js文件,在我的服务器目录中.

模型/ user.model.js

var mongoose = require('mongoose');
var Schema = mongoose.Schema();

var UserSchema = new Schema({
    instagramId: { type: String, index: true },
    email: { type: String, unique: true, lowercase: true },
    password: { type: String, select: false },
    userName: String,
    fullName: String,
    picture: String,
    accessToken: String
});

module.exports = mongoose.model('User', UserSchema, 'users');
Run Code Online (Sandbox Code Playgroud)

server.js

var User = require('./models/user.model');

mongoose.connect(config.db);
Run Code Online (Sandbox Code Playgroud)

我收到此错误消息

\ server\models\user.model.js 5

var UserSchema = new Schema({

TypeError:object不是函数

我知道我声明了我的架构UserSchema,但是我想我用变量导出了文件User

module.exports = mongoose.model('User', …
Run Code Online (Sandbox Code Playgroud)

javascript mongoose node.js

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